body {
font-size:13px;
font-family:  Verdana,Arial,Helvetica,sans-serif;
background: RGB(255,255,255);
color: #000;
}
h1{font-family:comic sans ms;color:#627c58}
h3{font-family: Arial,Helvetica,sans-serif;font-weight:normal;color:#627c58}
h1{font-size: 18px;margin-top:2px;margin-bottom:4px;color:#627c58}
h2{font-family:comic sans ms;font-size: 16px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:#627c58}
h3{font-size: 14px;margin-top:2px;margin-left:2px;margin-bottom:4px;color:#627c58}


 hr{color: #627c58;background: #627c58;height:4px;border:none}
 
li{list-style-type: square}

a{font-family: Verdana,Arial,sans-serif;font-size:13px;font-weight:normal;border-style:none;}
a:link{color:#3336cc;text-decoration:none;background:transparent}
a:visited{color:#3336cc;text-decoration:none;background:tranparent;border-style:none;}
a:active{color:#3336cc;text-decoration:none;background:transparent}
a:hover{color:#3336cc;text-decoration:underline;background:transparent;}

/* Division enseigne  en haut de l'écran */
div.enseigne{position:absolute;top:5px;left:10px;width:970px;height:100px;}
div.pubhaut{position:absolute;top:100px;left:10px;width:850px;height:20px;}

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

/* division menu de gauche */
div.gauche{position:absolute;top:150px;left:10px;width:160px;background:
 RGB(255,255,255);color:black;margin : 0.5em;text-align:left}
 
div.gauche table{border:0px; border-spacing:0px; width:95%;margin-left:0px;margin-right:0px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.gauche td{padding : 3px 3px; background:RGB(255,255,255)}
div.gauche a{font-size:13px;}
div.gauche a:link{color:#3336cc}
div.gauche a:visited{color:#3336cc}
div.gauche a:active{color:#3336cc}
div.gauche a:hover{color:#3336cc;font-style:underline;}

div.gauche table{border:0px solid black; border-spacing:2px; width:95%;margin-left:0px;margin-right:5px;font-size:13px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.gauche th{padding : 3px 3px; border : 1px solid black;background:RGB(98,124,88);color:RGB(122,122,122)}
div.gauche td{padding : 3px 3px; border : 1px solid black; background:RGB(199,199,199)}

/* division menu de droite */
div.droite{position:absolute;top:140px;left:580px;width:380px;background:
 RGB(255,255,255);color:black;margin : 1em;text-align:left}

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:13px;color:black;background:RGB(255,255,255);border:2px solid RGB(98,124,88);padding:0.7em}

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 pour un tableau avec lignes et colonnes et cadre en bleu */
div.tableau {}
div.tableau table {border:solid 3px blue}
div.tableau tr {border:solid 2px #cdcdc1}
div.tableau td {border:solid 2px #cdcdc1} 


/* division centrale d'une page secondaire */
div.texte{position:absolute;top:140px;left:180px;width:380px;background:#ffffff;color:black;margin : 0.5em;padding:10px;text-align:justify}
div.floatgauche{float:left;width:300px;height:250px;margin-right : 5px} 



 /* division centrale de la page principale */
div.principal{position:absolute;top:140px;left:180px;width:380px;background:#ffffff;color:black;margin : 0.5em;text-align:justify}
div.floatgauche{float:left;width:300px;height:250px;margin-right : 5px}


div.bas{position:absolute;top:1010px;left:190px;width:780px;height:220%;background:#ffffff;color:black;margin : 0.5em;text-align:justify}


div.sous-menu{ position:absolute;top:140px;left:50px;width:1000px;color: RGB(98,124,88)
font-weight: bold; 
  font-family: Arial, sans-serif;font-size:12px }
  div.sous-menu a{font-weight:bold;font-size:12px;}
div.sous-menu a:link{color:black}
div.sous-menu a:visited{color:black}
div.sous-menu a:active{color:black)}
div.sous-menu a:hover{color:black;font-style:underline;}
 /* Le sous-menu */


/* Zone des boutons animés du menu principal */
div.side { 
  position: absolute; top:99px; left: 10px; z-index; 1; 
  width: 970px; height: 40px; 
  color: black; bRGB(0,0,0); 
  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: 5px; 
  margin-top: 16px; margin-bottom: 16px; 

  color: white; background: RGB(98,124,88); 
  font-weight: bold; text-decoration: none; 
  font-family: Arial, sans-serif;font-size:12px }

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:hover { 
  color: black; background: RGB(255,255,255); border:1px solid black" 
  
  margin-bottom: 16px; margin-top: 16px; 
}