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; 
  }

a:link {

  color: black;

  text-decoration:none;

  }

a:visited {

  color: black;

  text-decoration:none;

  }

a:hover {

  color: #004a6b;

  text-decoration:underline;

  }

a img {

  border-width:0;

  }
/* Header

----------------------------------------------- */



#sidebar {

  width:200px;
top: 600px;
float:right;

    text-align:left; 
font-size:11px;
  }
/* Headings

----------------------------------------------- */

h1 {

  margin-top:2px;margin-bottom:4px;

  font:20px verdana,Arial,Helvetica,sans-serif;

  letter-spacing:.1em;
  color:#cc6600;

  text-align:center;	

    }



h2 {

 margin-top:2px;margin-bottom:4px;

  font:17px verdana,Arial,Helvetica,Sans-serif;

  

  letter-spacing:.2em;

  color:#014A6B;

    text-align:left;

  }

h3{font-family:Verdana,Arial,Helvetica,sans-serif;
color:#6e6e3e;font-weight:normal;font-size: 14px;margin-top:6px;margin-left:2px;margin-bottom:4px}

blockquote{background:url(images/citation.gif) no-repeat top left;padding:0 0 0 60px;min-height:50px;font-style: italic}

/* Posts

----------------------------------------------- */






#sidebar ul {

  margin:0 0 1.5em;

  padding:0 0 1.5em;

  border-bottom:1px dotted #ccc;

  list-style:none;

  }

#sidebar li {

  margin:0;

  padding:0 0 .25em 15px;

  text-indent:-15px;

  line-height:1.5em;

  }

#sidebar p {

  color:#666;

  line-height:1.5em;

  }



.sidebar-title {

  margin:2em 0 .75em;

  padding-bottom:.35em;

  border-bottom:1px dotted #9b9;

  font:95%/1.5em Georgia,Serif;

  text-transform:uppercase;

  letter-spacing:.3em;

  color:#663;

  }
/* Les principales divisions */
div.sites{position:absolute;top:0px;margin:0px;left:3px;width:1000px;height:85px;} 
div.logo{position:absolute;top:16px;left:3px;margin:0px;width:1000px;height:110px;} /* en haut a gauche */
div.recherche{position:absolute;top:60px;left:500px;width:425px;height:60px}/* en haut au centre */

div.annonceg{position:absolute;top:19px;left:25px;margin:0px;width:130px;height:100px;background:#004A4b} /* en haut a gauche */

div.annonced{position:absolute;top:19px;left:835px;margin:0px;width:130px;height:100px;background:#004A4b} /* en haut a droite */


div.ribbon{ position:absolute;top:126px;left:6px;width:990px;height:20px;  text-align: center; margin-left:0;margin-right:auto;} /* Le menu principal */
div.sous-menu{ position:absolute;top:121px;width:1000px;} /* Le sous-menu */
div.titreindex{ position:absolute;left:182px;top:99px;width:620px; text-align:center;}/* page index*/
div.titre{ position:absolute;left:240px;top:150px;width:520px; text-align:center}

div.hautgauche{position:absolute;top:160px;left:5px;width:145px;height:190px;color:black;margin : 0.5em;text-align:left}
div.hautdroite{position:absolute;top:150px;left:700px;width:280px;height:100px;color:black;margin : 0.5em;text-align:justify;font-family:verdana;font-size:13px}
div.gauche{}
div.droite{}
div.centre{}
div.centreindex{position:absolute;top:150px;left:0px;width:525px;text-align: justify}
div.gaucheindex{position:absolute;top:135px;left:835px;width:170px;height:220%;color:black;margin : 0.5em;text-align:left}
div.droiteindex{position:absolute;top:160px;left:530px;width:300px;height:220%;color:black;margin : 0.5em;text-align:left}


div.pubgauche{position:absolute;top:1190px;left:0px;width:160px;height:600px;color:black;margin : 0.5em;text-align:left}



div.centretexte{position:absolute;top:160px;left:0px;width:545px;text-align: justify}
div.gauchetexte{position:absolute;top:160px;left:825px;width:180px;height:220%;color:black;margin : 0.5em;text-align:left}
div.droitetexte{position:absolute;top:135px;left:550px;width:270px;height:220%;color:black;margin : 0.5em;text-align:left}

div.centretexte a:link {color: #004a6b;text-decoration:none;}
div.centretexte a:visited {color: #004a6b;text-decoration:none;}
div.centretexte a:hover {color: #004a6b;text-decoration:underline; }



div.comment{font:13px "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;width:80%}
 
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:0px;color:#004A6B}



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.titre h1{font-family: Arial,Helvetica,sans-serif;font-size: 18px;margin-top:4px;margin-bottom:4px;text-align:;color:black}

div.titreindex h1{font-family: Arial,Helvetica,sans-serif;font-size: 18px;margin-top:4px;margin-bottom:4px;text-align:center;}


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


div.ribbon p {margin :1px;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 :0px;text-decoration: none;text-align:center }
div.ribbon span {padding : 0 0px; margin : 0}
div.ribbon a:link, div.ribbon a:visited, div.ribbon a:active {padding: 4px; border: 0; 

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

/* End box model hack */


/* Formatting for side, main, and right column divisions. */




/* Settings for the side division. */







div.side { 

  position: relative;  left: 0; z-index; 1; 

  width: 135px; height: 360px; 

  
  padding-bottom: 10px; 

}

div.sidepad { 

  padding-top: 5px; padding-left: 10px; 

}



/* Settings for the side division. */



div.side p { 

  margin: 0 10px; font-family: verdana,sans-serif;font-size:11 px;

}



div.side a, div.side a:link, div.side a:visited, div.side a:active { 

  display: block; 

  padding: 5px; 

  

  border:; 

  color: #fff; background: #004a6b ; 

  font-weight: bold; text-decoration: none; 

  font-family: Arial, sans-serif; }



div.side a, div.side a:link, div.side a:visited, div.side a:active { 

/* Start box model hack */

  width: 116px; voice-family: "\"}\""; voice-family: inherit; width: 90px; 

}

html>body div.side a { 

  width: 90px 

}

/* End box model hack */






div.side a:hover { 

  color: #fff; background: #005989; 

 



}