body {
font-size:13px;
font-family:  Verdana,Arial,Helvetica,sans-serif;
background: RGB(255,255,255);
color: #333;
 margin:0;

  padding:0;

}

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: Verdana,Arial,Helvetica,sans-serif;color:gray;font-size:20px;font-weight:normal;border-bottom:2px solid #627c58}
h2{font-family:Verdana,Arial,Helvetica;font-size: 16px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:gray}
h3{font-size: 14px;margin-top:2px;margin-left:2px;margin-bottom:4px;color:green}

 hr{color:#627c58;background: #627c58;height:3px;border:none}
 
 
.hrdashed {color:grey;background-color: White;border: dashed;border-top-width: 1px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 0px;}

.hrfin{height:1px;color:#ccc;background:#ccc;border:0px;margin-top:0px}
.hrcourt{height:2px;color:#ccc;background:#ccc;border:0px}


li{list-style-type: square;color:#627c58}

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

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

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

/* division menu de gauche */
div.gauche{position:absolute;top:140px;left:5px;width:180px;height:220%;background:
 RGB(255,255,255);color:#333;margin : 0.5em;text-align:left;} 

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

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:#333;background:RGB(255,255,255);border:1px solid #ccc;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.petitexerg#333{font-size: 15px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:#333}

/* Division pour un tableau avec lignes et colonnes et cadre en bleu */
div.tableau {}
div.tableau table {border:solid 3px #627c58}
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:200px;width:570px;background:#ffffff;color:#333;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:160px;left:190px;width:590px;height:220%;background:#ffffff;color:#333;margin : 0.5em;text-align:justify}
div.floatgauche{float:left;width:300px;height:250px;margin-right : 5px}

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:#333}
div.sous-menu a:visited{color:#333}
div.sous-menu a:active{color:#333)}
div.sous-menu a:hover{color:#333;font-style:underline;}
 /* Le sous-menu */

/* Zone des boutons animés du menu principal */
div.side { 
  position: absolute; top:95px; left: 10px; z-index; 1; 
  width: 970px; height: 40px; 
  color: #627c58; 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: #333; background: RGB(255,255,255); border:1px solid #333" 
  
  margin-bottom: 16px; margin-top: 16px; 
}