body
{
  min-width: 760px;   		   /* largeur minimum */
  width: 100%;
  margin: 0;				   /* marges exterieures a la page */
  padding: 0;
  behavior: url(csshover.htc); /* pour IE (concerne les menus) => pb validation w3c */
  background-color: #FFF;
} 

a 		  { color: #a00; text-decoration: none;}   /* masque les soulignes des liens */
a:visited { color: #00a; }
a:hover   { text-decoration: underline;} /* lien pointe */

/*a:link		{color: #aa0000}*/ /* lien pas encore visite : cornflowerblue*/

H1
{
  margin-top: 10px;  		/* marge en haut */
  margin-bottom: 40px;  /* marge en bas */
  text-align: center; 
  line-height: 130%;    /* augmente l'espace entre 2 lignes */
}

H2, H3, H4
{
  font-style: italic;
  text-align: left;
}

H2 {margin-top: 2.5em; margin-bottom: 1.5em;}

H3 {margin-top: 2em;}

ol li		{list-style: decimal}
ol ol li	{list-style: lower-alpha}
ol ul li	{list-style-type: disc}

/*table, ul li {color: #000;}*/


/**************************/
/***** COLONNE GAUCHE *****/
/**************************/

#gauche
{
  float: left; /* definit l'orientation du flottement */
  width: 20%;  /* largeur de la colonne gauche */
 /* min-width: 185px; */
  margin-left: 2%;
}

#gauche img  /* LOGO */
{
  height: 150px;
  width: 150px;
  /*position: relative;*/
  margin-top: 20px;  /* marge superieure */  
  margin-bottom: 10px;  /* marge inferieure */ 
  border-width: 0;
}

#gauche ul li 
{
  margin-left: -35px;    /* decale le texte a gauche */
  margin-right: 20px;    
  margin-bottom: 10px;  /* marge inferieure */ 
}

#gauche ul ul li 
{
  margin-left: -20px;    /* decale le texte a gauche */
  margin-right: 20px;    
  margin-bottom: 0px;  /* marge inferieure */ 
}



/**************************/
/***** COLONNE DROITE *****/
/**************************/

#droite
{
  float: right;     /* definit l'orientation du flottement */
  width: 20%;       /* largeur de la colonne droite */
  padding-top: 2em; /* espace en haut de la colonne */
}

#droite ul li 
{
  list-style-type: none; /* masque la puce des <li> */
  margin-left: -35px;    /* decale le texte a gauche */
}

#droite li
{
  margin-bottom: 30px;
  font-weight: bold;
}

#droite ul.menu_droite
{
  margin-top: 22px;
}

#droite img#affiche
{
  margin-top: 14px;
}

#droite img
{
  margin-top: 6px;
  border-width: 0;  /* enlève la bordure */
}


/*************************/
/******** CONTENU ********/
/*************************/

#centre
{
   background-color: #fff; 	 
   color: #000;				          /* couleur du texte */
   margin-left: 20%;		          /* MARGE A GAUCHE DU CONTENU */
   /*border-left: 1px solid gray; */  /* bordure gauche */
   margin-right: 20%; 			      /* MARGE A DROITE DU CONTENU */
   /*border-right: 1px solid gray; */ /* bordure droite */
   padding: 1em;				      /* espacement */
   line-height: 130%; 			      /* augmente les espaces entre les lignes */
   width: auto;
}

#centre p.indent {text-indent: 3%;}

#centre p 
{
  text-align:justify;
}

#centre li 
{
 margin-bottom: 1em;
 margin-top: 1em;
}

#centre h1
{
   background-color: #aa0000;
   padding: .7em .7em .7em .7em;
   color: #ffc;
   font-size: 163%;
   font-weight: bold;
   margin-bottom: 2em;
}

#centre h2 
{
   background-color: #000;
   padding: .7em .7em .7em .7em;
   color: #ccc;
   font-size: 123%; 
   font-weight: bold;
}

#centre h3 
{
   background-color: #ccc;
   padding: .7em .7em .7em .7em;
   color: #000;
   font-size: 110%; 
   font-weight: bold;
}

/************************/
/********* HAUT *********/
/************************/

#haut 
{
   padding: .1em 0;
   font-size: 85%;
   background: #111;
}

#haut a 
{
   padding: 0 .2em 0 .4em;
   color: #ccc;
   text-decoration: none;
   border-left: 1px solid #444;
}

#haut a:hover { color: #fff; }

#haut li { list-style: none; display: inline; }

#haut div#menu_horiz ul 
{
   left: 1.25em;
   text-align: left;
   padding: .3em 0; 
   /*white-space: nowrap;*/
}

#haut div#search 
{
   position: absolute;
   top: 7px;
   right: 1.25em;
   text-align: right; 
   white-space: nowrap;
}