body {
font-size:13px;
font-family:  Verdana,Arial,Helvetica,sans-serif;
background: #FFFFFF;
color: #333333;
  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;font-size:20px;color:#023666;margin-bottom:4px; border-bottom:1px solid #ccc; font-weight:normal}

h2{font-family: verdana,Arial,Helvetica,sans-serif;font-weight:bold;font-size: 13px;margin-top:10px;margin-bottom:2px;color:#023666}

h3{font-family: Arial,Helvetica,sans-serif;font-weight:bold;font-size: 13px;margin-top:10px;margin-left:0px;margin-bottom:0px;text-decoration:none;color:#023666;} 

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

 .h2index{font-family: verdana,Arial,Helvetica,sans-serif;font-weight:bold;font-size: 20px;margin-top:10px;margin-bottom:2px;color:#023666}

ul.inside{list-style-type: square;font-size:12px;color:#023666;list-style-position: inside}
ul.outside{list-style-type: square;font-size:12px;color:#023666;list-style-position: outside}

.spacer{
margin :0;
border-width: 0;
padding : 0;
}

hr{border: 0px solid #023666;background:#023666;height:3px;}

.hrdotted {color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; }

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

a.externe{color:#333}

blockquote{background:url(images/citation.gif) no-repeat top left;padding:0 0 0 60px;min-height:50px;font-style: italic}

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

span {color: #333333;font-size:13px}


a{font-family: Verdana,Arial,sans-serif;font-size:13px;font-weight:normal;border-style:none;}
a:link{color:#023666;text-decoration:none;background:transparent}
a:visited{color:#023666;text-decoration:none;background:tranparent;border-style:none;}
a:active{color:#023666;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:1px;left:0px;width:1000px;height:120px;}

div.pubhaut{position:absolute;top:160px;left:0px;width:850px;height:90px;}

/*Division recherche*/
div.recherche{position:absolute;top:10px;left:600px;}

/*Division Titre*/
div.titre{position:absolute;top:145px;left:0px;width:590px;height:40px;text-align: left;background:#fff;padding-left:10px;padding-right:0px}

div.titreindex{position:absolute;top:150px;left:10px;width:680px;height:30px;text-align: left;background:#fff;padding-left:0px;padding-right:0px}


/*Division chapeau*/
div.chapeau{font-family:arial;font-size:14px;color:#777;font-weight:bold}

/*Division reseaux*/
div.res{position:absolute;top:190px;left:205px;width:395px;height:27px;text-align: left;background:#fff;padding-left:0px;padding-right:0px;background:#b8c800}


div.resindex{position:absolute;top:192px;left:295px;width:395px;height:27px;text-align: left;background:#fff;padding-left:0px;padding-right:0px;background:#b8c800}


div.res a{font-size:12px;}
div.res a:link{color:#333333}
div.res a:visited{color:#333333}
div.res a:active{color:navy)}
div.res a:hover{color:#398435;text-decoration:none}


/*Division english version*/
div.english{position:absolute;top:128px;left:960px;width:50px;height:40px;}

/* division de gauche */
div.gauche{position:absolute;top:185px;left:620px;width:185px;height:1300px;background:#FFFFFF;color:#333333;text-align:left}
div.gaucheindex{position:absolute;top:210px;left:2px;width:200px;height:1300px;background:#FFFFFF;color:#333333;margin : 0.5em;text-align:left}
 

div.gauche a{font-size:12px;}
div.gauche a:link{color:#333333}
div.gauche a:visited{color:#333333}
div.gauche a:active{color:#333333)}
div.gauche a:hover{color:#990000;text-decoration:none}

div.gauche table{border:0px ; border-spacing:2px; width:100%;margin-left:0px;margin-right:5px;font-size:12px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.gauche th{padding : 3px 3px; border : none;background:#f2f2f2;color:#023666;border-top:3px solid #023666;border-bottom:1px solid #ccc}
div.gauche td{padding : 3px 3px; border :none; background:#f2f2f2;text-align:center}



/* division centrale  */
div.texte{position:absolute;top:223px;left:0px;width:575px;border-left: 1px dotted #ccc;border-right: 1px dotted #ccc;background:white;color:#333333;margin : 0.5em;
padding-left:10px;padding-right:10px;text-align:justify}
div.texteindex{position:absolute;top:225px;left:0px;width:680px;border-right: 1px dotted #ccc ;border-left: 1px dotted #ccc; padding-right:10px;padding-left:10px;background:white;color:#333333;text-align:justify;}



div.texte table{border:0px solid #333333; border-spacing:2px; width:100%;margin:0px;font-size:13px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.texte th{padding : 3px 3px; border : 0px solid #5b5b5b;background:white}
div.texte td{padding : 3px 3px; border : 0px solid #333333; background: white}



/* division menu de droite */
div.droite{position:absolute;top:170px;left:800px;width:185px;height:1300px;font-size:12px;
color:#333333;margin : 1em;text-align:left}
div.droite a{font-size:12px;}
div.droite a:link{color:#333333}
div.droite a:visited{color:#333333}
div.droite a:active{color:#333333}
div.droite a:hover{color:#990000;text-decoration:none}

div.droite table{border:0px ; border-spacing:2px; width:100%;margin-left:0px;margin-right:5px;font-size:12px;
font-family: Verdana,Arial,helvetica,sans-serif;}
div.droite th{padding : 3px 3px; border : none;background:#f2f2f2;color:#023666;border-top:3px solid #023666;border-bottom:1px solid #ccc}
div.droite td{padding : 3px 3px; border :none; background:#f2f2f2;text-align:center}



div.droiteindex{position:absolute;top:175px;left:710px;width:280px;font-size:12px;color:#333333;margin : 1em;text-align:left;}
div.droiteindex a{font-size:12px;}
div.droiteindex a:link{color:#333333}
div.droiteindex a:visited{color:#333333}
div.droiteindex a:active{color:#333333}
div.droiteindex a:hover{color:#990000;text-decoration:none}
div.droiteindex table{border:0px ; border-spacing:2px; width:100%;margin-left:0px;margin-right:5px;font-size:12px;
font-family: Verdana,Arial,helvetica,sans-serif;}

div.droiteindex  th{padding : 3px 3px; border : none;background:#F2F2F2;color:#023666;border-top:3px solid #023666;border-bottom:1px solid #ccc}
div.droiteindex td{padding : 3px 3px; border : none; background:#F2F2F2}

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:#333333;background:white;border:1px solid #DDD;padding:0.5em}
div.encadre2{font-family:13px;color:#333333;background:white;border:1px solid #DDD;padding:0px 30px 10px 30px}
div.petitexerg{font-family:comic sans ms;font-size: 15px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:brown}
div.petitexerg{font-size: 15px;font-weight:normal;margin-top:2px;margin-bottom:4px;color:#333333}

/* Division pour un tableau avec lignes et colonnes et cadre en bleu */
div.tableau {}
div.tableau table {border:solid 0px #dddddd}
div.tableau tr {text-align: center}
div.tableau tr {border:solid 1px #dddddd}
div.tableau td {border:solid 1px #dddddd} 


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


/* Zone des boutons animés du menu principal */
div.side { 
  position: absolute; top:124px; left: -21px; z-index; 1; 
  width: 1000px; height: 30px; 
  color: #333; background:#fff; border-right:1px solid #ccc:
  padding-bottom: 0px;text-align:left; 
}

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

/* 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: #333; background: #fff; 
  font-weight: normal; text-decoration: none; border-right:1px solid  #ccc;
  font-family: Arial, sans-serif;font-size:14px;text-align:left;  }

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:#fff; border-top:3px solid  #B8C800;
  
  margin-bottom: 16px; margin-top: 16px; 
}