* { margin:0; padding: 0; }

BODY      { background: #FFF url(../pics/charte/bg-body.gif) top left repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

#header   { display: none; }

#global   { width: 590px; }

#colGauche{ display: none; }

#menu     { display: none; }

#ss-menu  { display: none; }

/* ----- ARTICLE ----- */
#article     {  width: 590px; background: #FFF; margin: 30px 0 10px 0; }
#article H1  { margin: 0 0 10px 0; padding: 0 0 5px 20px; color: #4C4C7E; font-size: 16px; border-bottom: 1px solid #C3CEE2; }
#article H2  { margin: 20px 0 5px 0; padding: 0 0 5px 0; color: #4C4C7E; font-size: 14px;  }
#article P   { margin: 5px 0 10px 0; line-height: 17px;  }
#article UL  { margin: 5px 0 10px 40px; line-height: 17px; list-style: square;  }
#article LI  {  }
#article A   { color: #748DC5; text-decoration: none; }
#article A:hover { text-decoration: underline; }

#legende { list-style: none !important; margin: 0px !important; }
#legende LI { float: left; margin-left: 2px; }

#footer   { display: none; }

/* ----- EXTRANET ----- */
#formExtranet { margin: 10px 0 0 0 ; font-family: Verdana, Arial, Helvetica, sans-serif;}
#formExtranet P { margin-bottom: 8px; }
#formExtranet INPUT { border: 1px solid #FFF ; border-bottom: 1px solid #999; border-right: 1px solid #999;  width: 95px; font-size: 11px; padding: 1px; height: 16px; }
#formExtranet #formTitre { color: #748FC6; margin: 0 0 10px 20px;  }
#formExtranet .connect { background: #B90137; width: 26px; height: 20px !important; border : 1px solid #FFF; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #FFF; vertical-align: top;}

/* ----- EVENEMENTS ----- */
#gauche { float: left; width: 290px; }
#droite { float: right; width: 290px; }

/* ----- TOOLTIP ----- */
div#tooltip { position: absolute; visibility: hidden; z-index: 100; background-color: #E9EBF7; border: 1px solid #000; padding: 8px 10px 8px 10px; font-size: 11px; max-width: 250px; }
.tool { text-decoration: underline; cursor: help; }

/* ----- PLAN DANS LA PARTIE CONTACT ----- */
DIV.plan     { width: 575px; }
DIV.plan IMG { border: 2px solid #C3CEE2; }
/* ----- CLASSES ----- */
.titre    { }
.ssactive { background: #E9EBF7;  }

.imgGauche  { float: left; margin: 5px 15px 10px 0; }
.imgDroite  { float: right; margin: 5px 0 10px 15px; }
.bleu-clair { background: url(../pics/charte/bg-h1-bleu-clair.gif) top left no-repeat; }
.bleu-fonce { background: url(../pics/charte/bg-h1-bleu-fonce.gif) top left no-repeat; }
.bleu-moyen { background: url(../pics/charte/bg-h1-bleu-moyen.gif) top left no-repeat; }
.jaune      { background: url(../pics/charte/bg-h1-jaune.gif) top left no-repeat; }
.marron     { background: url(../pics/charte/bg-h1-marron.gif) top left no-repeat; }
.orange     { background: url(../pics/charte/bg-h1-orange.gif) top left no-repeat; }
.rouge      { background: url(../pics/charte/bg-h1-rouge.gif) top left no-repeat; }
.vert       { background: url(../pics/charte/bg-h1-vert.gif) top left no-repeat; }
.violet     { background: url(../pics/charte/bg-h1-violet.gif) top left no-repeat; }
.spacer     { clear: both; }
SPAN.bleu   { color: #2D306F; }


.trombi     { float: left; margin: 20px 35px 0 0; width: 135px; height: 170px; }
.trombi IMG { border: none; }
.trombi A   { color: #2D306F !important; }
.trombi A SPAN { color: #000 !important; }

.collaborateur { float: right; width: 340px; margin-bottom: 50px; }
.collaborateur P.carreBleu { background: url(../pics/charte/p-bleu-moyen.gif) top left no-repeat !important; padding-left: 15px; line-height: 15px !important; margin: 20px 0 20px 0 !important; }
.collaborateur .entete { border-bottom: 1px solid #C3CEE2; margin-bottom: 20px; }
.collaborateur .entete H2 { margin-top: 0 !important; margin-bottom: 0 !important; font-size: 12px !important;  }
.entete P { margin-top: 0 !important; }

.events			{ width: 250px; border: 1px solid #C3CEE4; margin: 0 0 10px 0; padding: 0 10px 0 10px; }
.events H2		{ border-bottom: 1px solid #C3CEE4; margin-top: 10px !important;}
.events P 		{ width: 250px; padding: 0 0 0 0; background: url(../pics/charte/bg-actualites.gif) top left no-repeat; font-size: 11px; line-height: 14px !important; }

.secteurs { font-size: 16px !important; text-align: center !important; line-height: 24px; padding: 0px 70px 30px 70px !important; border-bottom: 1px solid #C3CEE2; margin-bottom: 20px !important;  }