body {

  background:#ecebe7;
text-align:center;
  margin:0;

  padding:0;

  font-family: Lucida Grande,Geneva,Verdana,Helvetica,Arial,sans-serif;
  color:#333;
  font-size:13px;
 }
#conteneur {
  position : relative;
  margin : 0 auto;          
    padding : 0;
  text-align : left;

    width : 1008px; 
  }
h1{font-family: Arial,Helvetica,sans-serif;font-size: 18px;margin-top:0px;margin-bottom:4px;line-height:20px;text-align:center;background:#004A6B; color:white;font-weight:normal}

h2{font-family:Trebuchet Sans MS,sans-serif;font-weight:normal;font-size: 16px;margin-top:10px;margin-bottom:5px; color:#004A6B}

h3{font-family:Trebuchet Sans MS,sans-serif;color:#6e6e3e;font-weight:normal;font-size: 14px;margin-top:10px;margin-left:0px;margin-bottom:3px}
dt{font-family:Arial,sans-serif;font-weight:bold;margin-left:1em;color:maroon;background:transparent}
dd{position:relative;left:7.25em;top:-1.25em;width:75%;}
blockquote{background:url(images/citation.gif) no-repeat top left;padding:0 0 0 60px;min-height:50px;font-style: italic;font-size: 15px}
div.reculer { margin:0 0 0 -20px;}


p{margin-top:10px;margin-bottom:10px}

hr{color:#004A6B;;background-color:#004A6B;height:5px}
a{font-family: Arial,sans-serif;font-size:13px;font-weight:normal;border-style:none;}
a:link{color:#004A6B;text-decoration:none;background:transparent}

a:visited{color:#004A6B;text-decoration:none;background:tranparent;border-style:none;}
a:active{color:RGB(70,67,107);text-decoration:none;background:transparent}
a:hover{color:#004A6B;text-decoration:underline;background:transparent;}
table{border:0px; border-collapse:collapse;border-spacing:0; width=100%;margin-left:auto;margin-right:auto;}
th{padding : 4px 6px; border : 1px solid black;background:RGB(231,239,251);color:RGB(0,117,235)}
td{vertical-align:top}
caption {caption-side:top;padding-bottom:2.0em; padding-top : 1.5em;margin-left:auto;margin-right:auto;font-size:12px}

/* Les principales divisions */

div.sites{position:absolute;top:0px;margin:0px;left:4px;width:1000px;height:85px;} 
div.logo{position:absolute;top:17px;left:4px;margin:0px;width:1000px;height:69px;} /* en haut a gauche */
div.recherche{position:absolute;top:40px;left:600px;width:425px;height:20px}/* en haut au centre */

div.annonce{position:absolute;top:20px;left:870px;width:80px;height:55px;border:0px inset #2d4368;background:#004A6B} /* en haut a droite */
div.ribbon{ position:absolute;top:87px;left:4px;width:1000px;height:20px;  text-align: center; margin-left:0;margin-right:auto;} /* Le menu principal */
div.sous-menu{ position:absolute;top:105px;width:1000px;height:20px} /* Le sous-menu */
div.titreindex{ position:absolute;left:200px;top:120px;width:580px;height:50px; text-align:center}/* page index*/
div.titre{position:absolute;left:215px;top:130px;width:588px; text-align:center;line-height: 0.9; }
div.casehaut{position:absolute;top:185px;left:100px;width:680px;height:200px;color:black;margin : 0.5em;text-align:justify}
div.pubhautformation{ position:absolute;left:260px;top:150px;width:470px;height:65px; text-align:center;line-height: 0.9;}

div.casehautindex1{position:absolute;top:155px;left:210px;width:580px;height:200px;color:black;margin : 0.5em;text-align:justify}
div.casehautgauche{position:absolute;top:135px;left:80px;width:120px;height:200px;color:black;margin : 0.5em;text-align:center}
div.casehautdroite{position:absolute;top:135px;left:780px;width:150px;height:200px;color:black;margin : 0.5em;text-align:center}
div.gauche{}
div.droite{}
div.centre{}
div.centreindex{position:absolute;top:275px;left:210px;width:575px;text-align: justify;background:#fff;padding:6px}
div.gaucheindex1{position:absolute;top:155px;left:0px;width:200px;height:220%;color:black;margin : 0.5em;text-align:left}
div.gaucheindex{position:absolute;top:255px;left:0px;width:200px;height:220%;color:black;margin : 0.5em;text-align:left}
div.droiteindex{position:absolute;top:255px;left:790px;width:200px;height:220%;color:black;margin : 0.5em;text-align:center}
div.centretexte{position:absolute;top:150px;left:215px;width:575px;text-align: justify;background:#fff;padding:6px}
div.gauchetexte{position:absolute;top:144px;left:-7px;width:200px;height:220%;color:black;margin : 0.5em;text-align:left}
div.droitetexte{position:absolute;top:143px;left:812px;width:190px;height:220%;color:black;margin : 0.5em;text-align:center}
div.chemin{position:absolute;top:82px;left:0px;width:650px;height:15px;color:black;margin : 0.5em;}
div.chemin a{font-weight:normal;font-size:12px;color:#757575;border-style:none}

div.basdepage{color:gray;margin : 0.5em;text-align:center}
div.basdepage a{font-weight:normal;font-size:12px;color:gray;border-style:none}
div.basdepage hr{color:gray;;background-color:gray;height:3px}
div.article{}
div.article p {text-align:right;margin-top:0px;margin-bottom:0px}
div.article a{font-weight:normal;font-size:14px;color:black;border-style:none}
div.article a:link{color:black;text-decoration:none;background:transparent;}
div.article a:visited{color:black;text-decoration:none;background:transparent}
div.article a:active{color:black;text-decoration:none;background:transparent}
div.article a:hover{color:black;text-decoration:none;background:transparent}
div.article hr {height:1px;margin-top:0px;margin-bottom:5px;color:#004A6B;border:none}



div.exerg1{font-family:Trebuchet Sans MS,sans-serif;font-size: 17px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:brown}
div.petitexerg{font-family:Trebuchet Sans MS,sans-serif;font-size: 15px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:brown}
div.petitexergblack{font-family:Trebuchet Sans MS,sans-serif;font-size: 15px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:black}
div.encadre{color:black;background:#f0f0f0;border:ridge;padding:0.7em}




div.centreindex h2{font-family: Arial,Helvetica,sans-serif;font-size: 17px;margin-top:0px;margin-bottom:4px;line-height:20px;text-align:;background:#004A6B; color:white;font-weight:normal}


div.titre h1{font-family: Arial,Helvetica,sans-serif;font-size: 18px;margin-top:0px;margin-bottom:4px;line-height:20px;text-align:;background:#004A6B; color:white;font-weight:normal}

div.titreindex h1{font-family: Arial,Helvetica,sans-serif;font-size: 20px;margin-top:0px;margin-bottom:4px;line-height:20px;color:black;background:#ecebe7;}


div.centre li{margin-top:4px;margin-left:2px;margin-right:10px}


div.ribbon p {margin-top:0px;font-family: verdana,sans-serif;font-size:11 px; text-align: center;background:#004a6b;padding: 4px;font-weight:;}
div.ribbon a {font-family:verdana,Helvetica,sans-serif;font-size:11px;font-weight:bold;margin :1px;text decoration: none; }
div.ribbon span {padding : 0 3px; margin : 0}
div.ribbon a:link, div.ribbon a:visited, div.ribbon a:active {padding: 4px; 

  margin-top: 2px; margin-bottom: 5px;  display: inline;   border: 0px solid; color:white; background:#004a6b;}
div.ribbon a:hover {color: #fff; background:#005989;text-decoration:none;}

/* End box model hack */




div.sous-menu p {margin :10px; text-align: center;font-weight:;}

div.sous-menu a {font-family:arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;margin :0px;text-decoration: none; text-align: center;}

div.sous-menu a:link, div.sous-menu a:visited, div.sous-menu a:active {padding: 4px; 

  margin-top: 5px; margin-bottom: 5px;  display: inline;  color: black; }

div.sous-menu a:hover {text-decoration:underline;  }




div.gauche a{font-family: Verdana,Arial,Helvetica,sans-serif;font-size:10px;border-style:none;}
div.gauche a:link{color:black;text-decoration:none;background:transparent}
div.gauche a:visited{color:black;text-decoration:none;background:tranparent;border-style:none;}
div.gauche a:active{color:black;text-decoration:none;background:transparent}
div.gauche a:hover{color:red;text-decoration:underline;background:transparent}
div.gauche p{margin-top:14px;margin-bottom:10px}
div.gauche ul{margin-top:1px; margin-left:3px}
div.gauche p{margin-top:14px;margin-bottom:10px}


div.droite a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;border-style:none;}
div.droite a:link{color:black;text-decoration:none;background:transparent}
div.droite a:visited{color:black;text-decoration:none;background:tranparent;border-style:none;}
div.droite a:active{color:black;text-decoration:none;background:transparent}
div.droite a:hover{color:red;text-decoration:underline;background:transparent}
div.droite p{margin-top:0px;margin-bottom:0px}




div.gauche table{border:1px solid black; border-spacing:2px; width:95%;margin-left:5px;margin-right:5px;font-size:11px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.gauche th{padding : 3px 3px; border : 1px solid black;background:#004A6B;color:#ffffff}
div.gauche td{padding : 3px 3px; border : 0px dashed black; background:#F0F0F0}
div.droite table{border:0px; border-collapse:collapse;border-spacing:0;width:120px;margin-left:auto;margin-right:auto;font-size:12px;
font-family: Arial,helvetica,sans-serif;}
div.droite th{padding : 4px 6px; border : 1px solid black;background:#004A6B;color:#ffffff}
div.droite td{padding : 4px 6px; border : 0px dashed black; background:#F0F0F0}