/* Vous taperez votre code CSS ici */
body
{
	width: 800px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour eviter de coller avec le haut de la fenetre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-image: url("img/style1/appage.png"); /* Une petite image de fond pour eviter d'avoir un vieux fond blanc :p */
	background-repeat:repeat-y;
	background-color: #001b3b;
}
#en_tete
{
	width: 796px;
	height: 120px;
	text-align: right;
	font-size: 10px;
	font-family: Arial, "Arial Black";
	background-image: url("img/style1/baniere.png");
	background-repeat: no-repeat;
	margin-bottom: 10px;
	border: 2px solid black;
}
#menu
{
	float: left; /* Le menu flottera a gauche */
	width: 150px; /* Tres important : donner une taille au menu */
}
.element_menu
{
	background-color: #001b3b;
	border: 2px solid black; 
	margin-bottom: 20px; /* Pour eviter que les elements du menu ne soient trop colles */
	color: white;
	
}
.element_menu h3 /* Tous les titres de menus */
{
	color: white;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
	font-size: 12px;
	color: #001b3b;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
	color: white;
}
#corps
{
	margin-left: 160px; /* Une marge a gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* Ca c'est pour eviter que le corps colle trop au pied de page en-dessous */
	padding: 5px; /* Pour eviter que le texte a l'interieur du corps ne colle trop a la bordure */
	color: #000000;
	background-color: #FFFFFF; /* Une couleur de fond pour le corps */
	border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps h1
{
	color: #666666;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
	height: 30px;
	padding-left: 30px;
	color: #666666;
	text-align: left;
}
#corps a
{
	color: #666666;
}
#corps a:hover
{
	color: #666666;
	background-color:#999999;
	
}
#pied_de_page
{
	margin-left: 160px;
	padding: 5px;
	text-align: center;
	color: #B3B3B3;
	background-color: #626262;
	border: 2px solid black;
}
Style1
{
	
}
Style2
{

}
Style3
{

}