body {
font-size:13px;
font-family:  Verdana,Arial,Helvetica,sans-serif;
background: #FFFFF0;
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;color:#651764}
h3{font-family: Arial,Helvetica,sans-serif;font-weight:normal;}
h1{font-size: 20px;margin-top:2px;margin-bottom:4px}
h2{font-family:comic sans ms;font-size: 15px;font-weight:normal;margin-top:2px;margin-bottom:0px;color:#651764}
h3{font-size: 16px;margin-top:2px;margin-left:2px;margin-bottom:4px}

hr{height:3px;background:#651764}



li{list-style-type: square;font-size:10px;color:#651764}

 
ul{list-style-type: square;font-size:12px;color:#651764;}


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

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


/* division menu de droite */
div.droite{position:absolute;top:220px;left:760px;width:190px;height:220%;background:
 RGB(255,255,255);color:black;margin : 0.5em;text-align:left}
div.droite table{border:none; border-spacing:0px; width:95%;margin-left:0px;margin-right:5px;font-size:12px;
font-family: Verdana,Arial,helvetica,sans-serif;}div.droite td{padding : 3px 3px; background:#ccc;text-align:center}
div.droite th{background:purple;color:white;height:20px;text-align:center;}
div.droite td{color:black;  background:#ccc}
div.droite a{font-weight:normal;font-size:12px;}
div.droite a:link{color:black}
div.droite a:visited{color:black}
div.droite a:active{color:black)}
div.droite a:hover{color:purple;font-decoration:underline;}


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:ridge;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 centrale d'une page secondaire */
div.texte{position:absolute;top:200px;left:60px;width:665px;height:220%;background:#FFFFF0;color:black;margin : 0.5em;padding:10px;text-align:left}
 
 /* division centrale de la page principale */
div.principal{position:absolute;top:195px;left:75px;width:765px;height:220%;background:#FFFFF0;color:black;margin : 0.5em;text-align:left}
div.ribbon{ position:absolute;top:174px;left:75px;width:874px;height:20px;  text-align: center; margin-left:0;margin-right:auto;} /* Le menu principal */

/* Formatting for side, main, and right column divisions. */
div.ribbon p {margin-top:0px;font-family: verdana,sans-serif;font-size:11 px; text-align: center;background:#000;padding: 4px;font-weight:;}
div.ribbon a {font-family:verdana,Helvetica,sans-serif;font-size:11px;font-weight:bold;margin :1px;text decoration: none; }
div.ribbon span {padding : 0 3px; margin : 0}
div.ribbon a:link, div.ribbon a:visited, div.ribbon a:active {padding: 4px; margin-top: 2px; margin-bottom: 5px;  display: inline;   border: 0px solid; color:white; background:#000;}
div.ribbon a:hover {color: #fff; background:#651764;text-decoration:none;}