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

h1{font-family:Verdana,Arial,Helvetica,sans-serif;}
h3{font-family: Arial,Helvetica,sans-serif;font-weight:normal}
h1{font-size: 18px;margin-top:2px;margin-bottom:4px;color:#990000}
h2{font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 13px;font-weight:bold;margin-top:2px;margin-bottom:4px;color:#990000}
h3{font-size: 16px;margin-top:2px;margin-left:2px;margin-bottom:4px}

hr{color:white;border:1px solid #990000;height:3px}
.hrfin{height:1px;background:#ccc;border:0px;margin-top:0px}

li{list-style-type: square;color:#990000;font-size:12px}

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

span {color:#333}

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

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

div.pubhaut{position:absolute;top:183px;left:150px;width:850px;height:20px;}


/* division menu de gauche */
div.gauche{position:absolute;top:205px;left:755px;width:200px;height:220%;background:
 RGB(230,230,230);color:#333;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-weight:bold;font-size:11px;}
div.gauche a:link{color:#333}
div.gauche a:visited{color:#333}
div.gauche a:active{color:#333}
div.gauche a:hover{color:#990000;font-style:none;}

div.gauche table{border:0px solid #333; border-spacing:2px; width:95%;margin-left:0px;margin-right:5px;font-size:12px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.gauche th{padding : 3px 3px; border : 0px solid black;background:#990000;color:#fff}
div.gauche td{padding : 3px 3px; border : 0px solid black; background:#e6e6e6}

div.droiteindex{position:absolute;top:210px;left:760px;width:180px;height:220%;background:
 RGB(230,230,230);color:#333;margin : 0.5em;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:#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.petitexergblack{font-size: 15px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:#333}

div.librairies {font-size: 13px;font-weight:normal;padding:10px 10px 5px 10px;color:#333;border:1px solid #ccc;text-align:left;margin-right:20px}

div.recherche{position:absolute;top:20px;left:85px}


div.livres {font-size: 13px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:#333}
div.livres a{font-weight:bold;font-size:12px;color:#990000} 
div.livres a:hover{font-weight:bold;font-size:12px;color:#990000;text-decoration:underline}

/* division centrale d'une page secondaire */
div.texte{position:absolute;top:205px;left:68px;width:612px;background:#ffffff;color:#333;margin : 0.5em;padding:10px 30px 20px 30px;text-align:left}

div.texteindex{position:absolute;top:205px;left:239px;width:470px;background:#ffffff;color:#333;margin : 0.5em;padding:20px 20px 20px 20px;text-align:left}

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

 /* division centrale de la page principale */
div.principal{position:absolute;top:210px;left:230px;width:682px;height:220%;background:#ffffff;color:#333;margin : 0.5em;text-align:left}
div.floatgauche{float:left;width:300px;height:250px;margin-right : 5px}


/* Zone des boutons animés du menu principal */
div.side { 
  position: absolute; top:176px; left: 75px; z-index; 1; 
  width: 900px; height: 40px; 
  color: #333; bRGB(0,0,0); 
  padding-bottom: 10px; 
}

/* Nested padding for side, main, and right column divisions. */
div.sidepad { 
  padding-top: 10px; 
}
div.sous-menu {position:absolute;top:215px;width:502px;left:75px;font-size: 11px;font-weight:bold;color:#333;height:20px;background:#e6e6e6}
div.sous-menu a{font-weight:bold;font-size:11px;}

div.sous-menu a:hover{font-weight:bold;font-size:11px;color:#990000;text-decoration:none}

/* 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: #fff; background: #333; 
  font-weight: bold; text-decoration: none; 
  font-family: Arial, sans-serif;font-size:13px }

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: white; background: #990000; 
  
  margin-bottom: 16px; margin-top: 16px; 
}