body {
font-size:13px;
font-family:  Verdana,Arial,Helvetica,sans-serif;
background: RGB(255,255,255);
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: Arial,Helvetica,sans-serif;font-weight:normal;
font-size: 20px;margin-top:2px;margin-bottom:4px;color:#633420}
h2{font-family:Arial,Helvetica,sans-serif;font-size: 14px;margin-top:0px;font-weight:bold;margin-bottom:0px;color:#633420}
h3{font-size: 13px;margin-top:0px;margin-left:0px;font-weight:normal;margin-bottom:0px;color:#DF7319}


hr{color: #DF7319;background: #DF7319;height:3px;border:none;text-align:left}


ul{list-style-type: square;color:#DF7319}

span {color:black}



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

/* Division enseigne  en haut de l'écran */
div.enseigne{position:absolute;top:-9px;left:55px;width:874px;height:180px;}

/*Division recherche*/
div.recherche{position:absolute;top:20px;left:360px;}


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

/* division menu de gauche */
div.gauche{position:absolute;top:206px;left:5px;width:180px;height:220%;background:
#FFFFFF;color:black;margin : 0.5em;text-align:left}


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



div.gauche table{border:0px; border-collapse:collapse;border-spacing:0;width:170px;margin-left:auto;margin-right:auto;font-size:13px;
font-family: Arial,helvetica,sans-serif}
div.gauche th{padding : 3px 3px; background:#fffffff}
div.gauche td{padding : 3px 3px; background:#ffffff}
div.droite table{border:0px; border-collapse:collapse;border-spacing:0;width:170px;margin-left:auto;margin-right:auto;font-size:13px;
font-family: Arial,helvetica,sans-serif;}
div.droite th{padding : 4px 6px; background:#004A6B;color:#ffffff}
div.droite td{padding : 4px 6px; border : 0px dashed black; background:#F0F0F0}


/* division menu de droite */
div.droite{position:absolute;top:206px;left:820px;width:170px;margin : 0.5em;background:
 white;color:black;text-align:center}


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

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;border:1px solid #DF7319;padding:0.7em}
div.encadre gauche{font-family:13px;color:black;border:1px solid #DF7319;padding:0.2em}
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 #627c58}
div.tableau tr {border:solid 2px #cdcdc1}
div.tableau td {border:solid 2px #cdcdc1}

 

div.texte{position:absolute;top:190px;left:180px;width:620px;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:190px;left:180px;width:620px;height:220%;background:#ffffff;color:black;margin : 0.5em;text-align:justify}

div.floatgauche{float:left;width:300px;height:250px;margin-right : 5px}

 /* Le sous-menu */
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;}


/* Zone des boutons animés du menu principal */
div.side { 
  position: absolute; top:165px; left:54px; z-index; 1;
  width: 970px; height: 25px;  
  color: black; bRGB(0,0,0); 
 
 }



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


/* 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; 
  margin: 0 0 0 0; 

  color: white; background: #633420; 
  font-weight:bold ; text-decoration: none; 
  font-family: Arial, sans-serif;font-size:13px }  


/* 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:  #DF7319; background: #FFFFFF; border:1px solid black" 

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