body {
font-size:13px;
font-family:  Verdana,Arial,Helvetica,sans-serif;
background: #e6e6e6;
color: #000;
 
}
  
div.conteneur {
  position : relative;
  margin : 0 auto;
         /* c'est ça qui centre dans les autres */
  padding : 0;
  text-align : left;
 
  width : 1000px; 
  }
 

h1{font-family:comic sans ms;text-align:center}
h3{font-family: Arial,Helvetica,sans-serif;font-weight:normal}
h1{font-size: 20px;margin-top:2px;margin-bottom:4px;color:#000080}
h2{font-family:comic sans ms;font-size: 13px;color:navy;margin-top:2px;margin-bottom:0px}
h3{font-size: 16px;margin-top:2px;margin-left:2px;margin-bottom:4px}

hr{color:#e6e6e6;background: #e6e6e6;height:3px}


ul{list-style-type: square;color:navy}

span {color:black}    


div.reculer { margin:0 0 0 -20px}

a{font-family: Verdana,Arial,sans-serif;font-size:14px;font-weight:normal;border-style:none;text-decoration:none}
a:link{color:navy;text-decoration:none;background:transparent}

a:visited{color:navy;;text-decoration:none;background:tranparent;border-style:none}
a:hover{color:navy;text-decoration:underline;font-style:italic;background:transparent}
a:active{color:gray;text-decoration:none;background:transparent}


/* Division enseigne  en haut de l'écran */
div.enseigne{position:absolute;top:-7px;left:5px;width:1000px;height:110px}
div.pubhaut{position:absolute;top:182px;left:150px;width:850px;height:20px}


/* division menu de gauche */
div.gauche{position:absolute;top:120px;left:0px;width:190px;height:820px;background:
 RGB(153,204,153);color:black;margin:0.5em;text-align:left}
div.gauche table{border:0px solid black; border-spacing:2px; width:95%;margin:5px;font-size:12px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.gauche th{padding : 1px 1px; border : 1px solid #5b5b5b;background:#5b5b5b;color:white}
div.gauche td{padding : 1px 1px; border : 1px solid black; background:RGB(230,230,230)}
div.gauche a{font-weight:bold;font-size:11px;}
div.gauche a:link{color:navy}
div.gauche a:visited{color:navy}
div.gauche a:hover{color:navy;text-decoration:underline;font-style:italic;}
div.gauche a:active{color:gray} 

div.exerg1{font-family:comic sans ms;font-size: 17px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:brown}
div.encadre{font-family:12px;color:black;background:#99CC99;border: solid #E6E6E6 1px;margin:5px;padding:0.5em;}

div.petitexerg{font-family:comic sans ms;font-size: 15px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:brown}
div.petitexergblack{font-size: 15px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:black}

/* division centrale 1 */
div.texte1{position:absolute;top:120px;left:193px;width:270px;height:800px;background:RGB(153,204,153);color:black;margin : 0.5em;padding:10px;text-align:left}

div.texte1 table{border:0px solid black; border-spacing:2px; width:95%;margin:5px;font-size:12px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.texte1 th{padding : 1px 1px; border : 1px solid #5b5b5b;background:#5b5b5b;color:white}
div.texte1 td{padding : 1px 1px; border : 1px solid black; background:RGB(230,230,230)}
div.texte1 a{font-size:13px;}
div.texte1 a:link{color:navy}
div.texte1 a:visited{color:navy}
div.texte1 a:hover{color:navy;text-decoration:underline;font-style:italic;}
div.texte1 a:active{color:gray} 

/* division centrale 2 */
div.texte2{position:absolute;top:120px;left:470px;width:332px;height:800px;background:RGB(153,204,153);color:black;margin : 0.5em;padding:10px;text-align:left}

div.texte1 table{border:0px solid black; border-spacing:2px; width:95%;margin:5px;font-size:13px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.texte2 th{padding : 1px 1px; border : 1px solid #5b5b5b;background:#5b5b5b;color:white}
div.texte2 td{padding : 1px 1px; border : 1px solid black; background:RGB(230,230,230)}
div.texte2 a{font-size:13px;}
div.texte2 a:link{color:navy}
div.texte2 a:visited{color:navy}
div.texte2 a:hover{color:navy;font-style:italic;}
div.texte2 a:active{color:gray} 


/* division menu de droite */
div.droite{position:absolute;top:120px;left:825px;width:175px;height:820px;margin : 0.5em;background:RGB(153,204,153);color:black;margin:0.5em;text-align:left}

div.droite table{border:0px solid black; border-spacing:2px; width:95%;margin:5px;font-size:12px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.droite th{padding : 1px 1px; border : 1px solid #5b5b5b;background:#5b5b5b;color:white}
div.droite td{padding : 1px 1px; border : 1px solid black; background:RGB(230,230,230)}
div.droite a{font-weight:bold;font-size:11px;}
div.droite a:link{color:navy}
div.droite a:visited{color:navy}
div.droite a:hover{color:navy;font-style:italic}
div.droite a:active{color:gray;}

div.ribbon p {position: absolute; top: 110px; left: 189px; z-index; 1; margin :1px;font-family: verdana,sans-serif;font-size:11 px; text-align: center;background:#5b5b5b;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:#5b5b5b}
div.ribbon a:hover {padding: 4px;color: black; background:#99CC99;text-decoration: none;  border: ;margin-left:4px; }



/* Zone des boutons animés du menu principal */
div.side { 
  position: absolute; top: 97px; left: 199px; z-index; 1; 
  width: 840px; height: 40px; 
  color: black; #5b5b5b; 
  padding-bottom: 10px; 
}


/* Nested padding for side, main, and right column divisions. */
div.sidepad { 
  padding-top: 10px; 
}

/* Settings for the side division. */

div.side p { 
  margin: 0 0px; 
}

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

 padding: 3px 3px 3px 3px;
  margin-top: 16px; margin-bottom: 16px;

  color: #fff; background: #5b5b5b; 
  font-weight: bold; text-decoration: none; 
  font-family: Arial, sans-serif;font-size:14px }

div.side a, div.side a:link, div.side a:visited, div.side a:active { 
/* Start box model hack */
  width: 106px; voice-family: "\"}\""; voice-family: inherit; width: 90px; 
}
html>body div.side a { 
  width: 90px 
}
/* End box model hack */

div.side a:visited { 
  color: white; background: #5b5b5b; 

  margin-bottom: 16px; margin-top: 16px; 
}


div.side a:hover { 
  color: black; background: #99CC99; 

  margin-bottom: 16px; margin-top: 16px; 
}


div.side a:active{ 
  color:black; background: #99CC99; 

  margin-bottom: 16px; margin-top: 16px; 
}