body {

  background:#fff;
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: #333;

  text-decoration:none;

  }

a:visited {

  color: #333;

  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:18px verdana,Arial,Helvetica,sans-serif;

  letter-spacing:.1em;
  color:#9c2a00;

  text-align:left;	

    }




h2{color:#105010;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size: 16px;margin-left:0px;margin-right:4px;margin-top:6px;margin-bottom:4px;padding-bottom:4px; border-bottom: 1px solid #dadada;}


h3{color:#105010;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size: 14px;margin-left:0px;margin-right:4px;margin-top:6px;margin-bottom:4px;padding-bottom:4px; border-bottom: 1px solid #dadada;}

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;left:4px;width:1000px;height:18px; text-align: center;margin-right:auto;border-top:1px solid #ccc} 
div.logo{position:absolute;top:20px;left:3px;margin:0px;width:1000px;height:110px;} /* en haut a gauche */
div.recherche{position:absolute;top:35px;left:435px;width:625px;height:60px}/* en haut au centre */

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

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

div.pubhaut{position:absolute;top:180px;left:6px;height:22px;width:990px;border:0px;text-align: center;background:#bbb}

 a.externe{color:#370406}


div.ribbon{ position:absolute;top:126px;left:3px;width:1000px;height:20px;  text-align: center; margin-left:0;margin-right:auto;} /* Le menu principal */
div.sous-menu{ position:absolute;top:151px;width:1000px;background:#bbb;left:3px;height:26px;  text-align: center; margin-left:0;margin-right:auto;}  
div.titreindex{ position:absolute;left:182px;top:102px;width:620px; text-align:center;}/* page index*/

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:160px;left:0px;width:525px;text-align: justify}
div.gaucheindex{position:absolute;top:175px;left:835px;width:170px;height:220%;color:#333;margin : 0.5em;text-align:left}
div.droiteindex{position:absolute;top:175px;left:530px;width:300px;height:220%;color:#333;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.centreindex a:link {color: #004a6b;text-decoration:none;}
div.centreindex a:visited {color: #004a6b;text-decoration:none;}
div.centreindex a:hover {color: #004a6b;text-decoration:underline; }


div.centretexte{position:absolute;top:275px;left:0px;width:545px;text-align: justify;border:1px solid #ccc}
div.gauchetexte{position:absolute;top:205px;left:825px;width:180px;height:220%;color:#333;margin : 0.5em;text-align:left}
div.droitetexte{position:absolute;top:230px;left:550px;width:270px;height:220%;color:#333;margin : 0.5em;text-align:left}

div.titre{position:absolute;top:205px;left:0px;width:820px;height:25px;text-align: left;padding-left: 16px;padding-right: 16px;}

div.res{position:absolute;top:240px;left:0px;width:525px;height:34px;text-align: center;background:#f0f0f0;padding-left:10px;padding-right:10px;border:1px solid #ccc;z-index:-2 }


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.billet{padding:6px;padding-left: 16px;padding-right: 16px; }

div.comment{font:13px "Trebuchet MS",verdana,Arial,Sans-serif;width:90%;text-align:justify;margin-left:5%}
 
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.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:11px;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:#990000; background:#ccc;font-style: none; text-decoration: none;display: inline;padding: 0px 0px 0px 0px;border-top: 2px solid #990000; padding-top:-3px  }


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.livres{font-size:12px;color:#333;text-align:left}


div.livres a{font-family: Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;border-style:none; color:#004a6b}
div.livres a:link{text-decoration:none;background:transparent}
div.livres a:visited{text-decoration:none;background:tranparent;border-style:none;}
div.livres a:active{text-decoration:none;background:transparent}
div.livres a:hover{text-decoration:underline;background:transparent;color:#004a6b }

div.librairies{background:#F0F0F0;padding:5px 5px 10px 10px;border-radius:10px;margin-top:20px;text-align:left}
div.librairies a:link{font-family: Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;border-style:none; color:#004a6b}




/*class specifiques */
.hrcourt{color:#dadada;height:1px;background:#dadada;border:0px}
a.externe{color:#370406}
.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;}
.circle{list-style-type:circle;padding-left:30px}
.disc{list-style-type:disc;padding-left:30px}
.pucecarre{list-style-image:url(/images/icones/pucecarre.png);padding-left:30px}
.pucepetitcarre{list-style-image:url(/images/icones/pucepetitcarre.png);padding-left:30px}
.puceronde{list-style-image:url(/images/icones/puceronde.png);padding-left:30px}





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

div.centreindex h2{color:#004a6b;}



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

div.pubhaut p {margin :4px;margin-left:70px; text-align: left;font-weight:}


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:#233; background:#aaa;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: #aaa ; 

  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; 

 



}


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; color:#233}

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

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