body
{
	width: 882px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 10px;    /* Idem pour le bas du navigateur */
	background-color: #D4D4D4;
	font-size: 12px; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
A:link , A:visited 
{
	color: #000000; text-decoration: none;
}
A:active {
	color: darkblue; text-decoration: none;
}
A:hover {
	color: #094865; text-decoration: underline;
}
/* L'en-tête */
#entete
{
	height: 490px;
	margin-bottom: 2px;
	border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;
}
/* La bannière partenaire */
#banniere
{
	height: 60px;
	margin-bottom: 2px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 6px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	background-color: #626262;
	text-align: center;
	border-left: 1px solid black; border-right: 1px solid black;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied
{
	height: 15px;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	background-color: #0f648b;
	border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;
}
.pied a   /* Tous les liens se trouvant dans un menu */
{
	color: #FFFFFF;
}
.pied a:hover  /* Quand on pointe sur un lien du menu */
{
	color: black;
}