body
{
   width: 758px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #e7ddf5;
}


#en_tete
{
   width: 758px;
   height: 100px;
   background-image: url("images/en_tete.jpg");
   background-repeat: no-repeat;
   margin-bottom: 6px;
}


div#menu {
	text-align: center ;
	width: 760px ;
	margin: 0 ;
	padding: 0 ;
	margin-bottom: 6px; 
    height: 60px;
    width: 100%;
    background-color: #000000;
}
div#menu ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}
div#menu li {
    list-style-type: none;
    display: inline;
}
div#menu li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #FFF;
}
div#menu li a:link {
    color: #FFF:
}
div#menu li a:visited {
    color: #CCC;
}
div#menu li a:hover {
    font-weight: bold;
    color: #FFF;
    background-color: #C8AE57;
}
/* Le corps de la page */

#corps
{
   
   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 */
   color: #B3B3B3;
   background-color: #000000; /* Une couleur de fond pour le corps */
   
}

#corps h1 /* Tous les titres h1 du corps */
{
   height: 60px;
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   padding-left: 30px;
   color: #B3B3B3;
   text-align: center;
}	

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   
   padding: 5px;
   text-align: center;
   color: #B3B3B3;
   background-color: #000000;
}