body {

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

  padding:0;

  font-family: 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: verdana,Arial,Helvetica,sans-serif;font-size: 18px;margin-top:0px;margin-bottom:6px;line-height:20px;text-align: color:#004a6b;font-weight:normal}

h2{font-family:verdana,sans-serif;font-weight:normal;font-size: 16px;margin-left:0px;margin-right:4px;margin-top:6px;margin-bottom:4px;padding-bottom:4px; color:black;border-bottom: 1px solid #ccc;}

h3{font-family:verdana,sans-serif;color:#004a6b;font-weight:bold;font-size: 13px;margin-top:8px;margin-left:2px;margin-bottom:6px}
h4{font-family:verdana,sans-serif;color:#004a6b;font-weight:normal;font-size: 13px;margin-top:6px;margin-left:0px;margin-bottom:0px;text-align:left}
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:14px;font-family:georgia, serif}
ul{list-style-type:none;padding-left:10px}


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

a:visited{color:#004A6B;text-decoration:none;background:transparent;}
a:hover{text-decoration:underline;background:transparent;}
a:active{color:RGB(70,67,107);text-decoration:underline;background:transparent}


/*class specifiques */

div.reculer { margin:0 0 0 -10px;}

.square{list-style-type:square;padding-left:30px}

.hrfin{height:1px;color:#ccc;background:#ccc;border:0px}
a.externe{color:brown;}
.lettrine{font-size:2.8em;line-height:0.9em;float:left;width:0,7em;padding-right:3px;color:#004A6B}

.select1{border:none;padding:2px;font-weight:bold;background:#004a6b;color:white;}
.select2{border:solid #004A6B 1px;padding:2px;font-weight:bold;}

table{border:0px; border-collapse:collapse;border-spacing:0; width=100%;margin-left:auto;margin-right:auto;}
th{padding : 4px 6px; border : 1px solid gray;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;left:4px;width:1000px;height:20px; text-align: center;margin-right:auto;border-top:0px solid #ccc} 
div.sites p {margin-top:0px;font-family: verdana,sans-serif;font-size:11 px; text-align: center;background:#ccc;border-bottom:2px solid #ccc;padding: 0px 0px 0px 0px ;font-weight:none;}
div.sites a {font-family:verdana,Helvetica,sans-serif;font-size:12px;font-weight:normal;text-decoration: none; }
div.sites span {padding :  3px; margin : 3px}
div.sites a:link, div.sites a:visited, div.sites a:active {padding:0px 0px 0px 0px;margin-top: 5px;  display: inline;   border-right: 0px solid #333; color:#333; background:#ccc;}
div.sites a:hover { color:#000; background:#ccc;font-style: italic; text-decoration: none;display: inline;padding: 0px 0px 0px 0px;border-bottom: 2px solid #000; padding-top:-3px  }

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

div.annonce{position:absolute;top:28px;left:855px;border:0px inset #2d4368;} /* en haut a droite */
div.ribbon{ position:absolute;top:88px;left:3px;width:1000px;height:25px;  text-align: center; margin-left:0;margin-right:auto;} /* Le menu principal */
div.sous-menu{ position:absolute;top:111px;width:1000px;background:#bbb;left:3px;height:24px;  text-align: center; margin-left:0;margin-right:auto;} /* Le sous-menu */
div.titreindex{ position:absolute;left:200px;top:130px;width:580px; text-align:center}/* page index*/
div.pubhaut{ position:absolute;left:150px;top:140px;width:730px;height:95px; text-align:center;line-height: 0.9;}

div.titre{ position:absolute;left:207px;top:145px;width:582px; text-align:center;line-height: 0.9;}
div.casehautgauche{position:absolute;top:155px;left:0px;width:200px;height:250px;color:black;margin : 0.5em;text-align:justify;}
div.casehaut{position:absolute;top:185px;left:100px;width:680px;height:200px;color:black;margin : 0.5em;text-align:justify}
div.casehautindex1{position:absolute;top:155px;left:220px;width:560px;height:280px;font-size:14px;color:black;margin : 10px 0px 0px 0px;text-align:justify}
div.hautdroite{position:absolute;top:150px;left:840px;width:150px;height:250px;color:black;margin : 0.5em;text-align:left}
div.gauche{}
div.droite{}
div.centre{}
div.centreindex{position:absolute;top:210px;left:207px;width:560px;text-align: justify;background:#fff;padding-left:10px;padding-right:10px}
div.gaucheindex1{position:absolute;top:155px;left:-7px;width:185px;height:220%;color:black;margin : 0.5em;text-align:left}
div.gaucheindex{position:absolute;top:338px;left:-7px;width:200px;height:220%;color:black;margin : 0.5em;text-align:left}
div.droiteindex{position:absolute;top:159px;left:805px;width:192px;height:220%;color:black;margin : 0.5em;text-align:center}
div.centretexte{position:absolute;top:170px;left:207px;width:550px;text-align: justify;background:#fff;padding-left:16px;padding-right:16px}
div.gauchetexte{position:absolute;top:150px;left:-8px;width:190px;height:220%;color:black;margin : 0.5em;text-align:left}
div.droitetexte{position:absolute;top:159px;left:797px;width:200px;height:220%;color:black;margin : 0.5em;text-align:center;font-size: 11px}
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-family: Lucida Grande,Geneva,Verdana,Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;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:hover{color:black;text-decoration:underline;background:transparent}
div.article a:active{color:black;text-decoration:underline;background:transparent}
div.article hr {height:1px;margin-top:0px;margin-bottom:0px;color:#ccc}



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:#ffffff;border:solid #ccc 1px;padding:0.7em}



div.titre h1{font-family: verdana,Arial,Helvetica,sans-serif;font-size: 16px;margin-top:0px;margin-bottom:6px;padding-top:2px;padding-bottom:4px;line-height:20px;text-align:center;color:white; background:#004a6b;font-weight:normal}

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


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

div.sous-menu p {margin :4px; 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{padding: 4px;margin-top: 5px; margin-bottom: 5px;  display: inline;  color: black;text-decoration: none;}
div.sous-menu a:visited{padding: 4px;margin-top: 5px; margin-bottom: 5px;  display: inline;  color: black;text-decoration:none;}
div.sous-menu a:hover{text-decoration:underline; color: black;}
div.sous-menu a:active{padding: 4px;margin-top: 5px; margin-bottom: 5px;  display: inline;  color: black;text-decoration:underline;}



div.ribbon p {margin-top:0px;font-family: verdana,sans-serif;font-size:11 px; color:black;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: 5px; margin-bottom: 5px;  display: inline;   border: 0px solid; color:white; background:#004a6b;}
div.ribbon a:hover {color: black; background:#bbb;font-style: none; text-decoration: none }

/* End box model hack */








div.gauche a{font-family: Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:;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:hover{color:#C90101;text-decoration:underline;background:transparent}
div.gauche a:active{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 hr {height:1px;margin-top:7px;margin-bottom:0px;width:100%;color:#004A6B} 

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:hover{color:#C90101;text-decoration:underline;background:transparent}
div.droite a:active{color:black;text-decoration:underline;background:transparent}
div.droite p{margin-top:0px;margin-bottom:0px}




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