@charset "iso-8859-1";
body
{
	width: 760px;
	margin: auto;
	margin-bottom: 20px;
	background-image: url(../images/fond.png);
	background-position: center;
   
}

/* L'en-tête */

#en_tete
{
	width: 760px;
	height: 206px;
	margin: auto;
	background-image: url(../images/haut.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	background-position: center;   
}

/* Le menu */

#menu
{
   float:left;/*alignement du menu  Le menu flottera à gauche*/
   height:500px;/*hauteur du menu*/
   width: 150px;/*largeur du menu*/

   
}

.element_menu
{
   background-color:#5D5B4B;
   background-image:transparency;
   background-repeat: repeat-x;
   height:520px;
   margin-bottom: 10px;
   margin-top: 10px;
   border: 1px solid black; 
}


/* Quelques effets sur les menus */


.element_menu h5
{    
   color: #C0BFA9;
   font-family:"Courier New", Courier, mono;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;/* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 0px;/* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 3px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   text-align: center;
}
.element_menu li
{
font-family:"Courier New", Courier, mono;
}
.element_menu a
{
   color: #C0BFA9;
}

.element_menu a:hover
{
   background-color: #C0BFA9;
   color: #5D5B4B;
}


/* Le corps de la page */

#corps
{
   margin-left: 10px;/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 5px;/* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   height:480px;
   width:600px;
   color: #B3B3B3;
   overflow:auto;
   background-image:transparency;
   background-repeat: repeat-x;
   
   border: 0px solid black;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #FFFFFF;
   text-align: center;
   font-family:"Courier New", Courier, mono;
}


#pied_de_page h2 /* Tous les titres h2 du corps */
{
   background-image: url(../images/fond-tiltle.gif); /* Une petite image de fond sur les titres h2 */
   background-repeat: repeat-x;
   color: #FFFFFF;
   text-align: center;
}
#annee h4
{
	background-image:url(../images/fond-tiltle.gif);
	background-repeat: repeat-x;
	font-family:"Courier New", Courier, mono;
	color:#FFFFFF;
	height: 18px;
   }
#annee p {
	font-family: Courier;
	font-size: 14px;
	color: #000000;
}
#annee ul {
	font-family: Courier;
	font-size: 14px;
	color: #FFFFFF;
}
#annee a
{
font-family: Courier;
	font-size: 14px;
	color: #FFFFFF;
}
#annee a:hover
{
	font-family: Courier;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #C0BFA9;
}