body /* On travaille sur la balise body, donc sur TOUTE la page */
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
margin-bottom: 20px;    /* Idem pour le bas du navigateur */
background-color: black; /* Le fond sera noir */
color: white; /* Le texte sera blanc */
}

a /* on travaille sur la balise a, donc sur les liens */
{
text-decoration: underline; /* Les liens seront soulignés */
color: white; /* Les liens seront en blanc */
background-color: black; /* Le fond sera noir */
}

a:visited, a:hover /* Quand le visiteur pointe sur le lien ou lien deja vu */
{
color: white; /* Le lien sera écrit en blanc quand on pointera dessus */
background-color: black; /* Le fond sera noir */
}

a:active /* Quand le visiteur clique sur le lien */
{
background-color: black; /* Le fond sera noir */
color: blue; /* Le lien sera écrit en bleu quand on clique dessus */
}

h1 /* concerne les titres les plus important */
{
color: white;
font-size : 300%;
font-style: italic;
text-align: center;
text-decoration: underline;
background-color: black; /* Le fond sera noir */
}
	
h2 /* concerne les titres moins important */
{
color: white;
text-align: center;
font-size : 100%;
text-decoration: underline;
padding-left:10px;
background-color: black; /* Le fond sera noir */
}

#en_tete
{
margin-bottom: 10px;
border: 2px solid silver;
}

#menu
{
float: left;
width: 120px;
border: 2px solid red;
padding: 10px;
padding-left:5px;
}

.contenu_menu
{
padding-left: 20px;

}

#corps
{
margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* 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 */
border: 2px solid yellow; /* Une bordure pour bien marquer les limites du corps*/
}

#pied_de_page
{
text-align: center;
padding: 5px;
border: 2px solid blue;
}