/* CSS Document */

body
{
	width: 955px;
	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: url("images/fond.png"); /* Une petite image de fond pour eviter d'avoir un vieux fond blanc :p */
	background-color: #27201a;
}
/* global */
#global
{
	width: 955px;
	margin-bottom: 10px;
	border-color: #000000;
	border: 2px;
}

/* L'en-tete */

#en_tete
{
   width: 955px;
   height: 210px;
   background-image: url("images/banniere.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#menu
{
	float: left; /* Le menu flottera a gauche */
	width: 160px; /* Tres important : donner une taille au menu */
	padding-left: 50px; /* ... mais on modifie ensuite la marge de gauche, donc celle-la fera finalement 20 pixels */
	border: 4;

}

#menu h3 /* Tous les titres de menus */
{
	color: #8B8B8B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
}
#menu h4 /* corps de texte */
{
	color: #8B8B8B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
}

#menu ul /* Toutes les listes a puces se trouvant dans un menu */
{
	padding: 0px; /* Tous les cotes ont une marge interieure de 0 pixels */
	padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-la fera finalement 20 pixels */
	margin: 0px; /* Idem pour margin, ca nous evite d'avoir a en ecrire 4 (margin-left, margin-right...) */
	margin-bottom: 5px; /* Meme chose que tout a l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont a 0px */
	color: #8b8f90;
}

#menu a /* Tous les liens se trouvant dans un menu */
{
	color: #8b8f90;
	text-decoration: none;
}


#menu a:hover /* Quand on pointe sur un lien du menu */
{
	font-weight: bold;
}


/* Le corps de la page */

#corps
{
	color: #8B8B8B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-left: 200px; /* 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 */
	text-align: center;   
}

#corps a /* Tous les liens se trouvant dans un menu */
{
	color: #8b8f90;
	text-decoration: none;
	border="2"
}
#corps h4 /* corps de texte */
{	text-indent: : 8px;
	margin-left: 12px;	
	color: #8B8B8B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
}

#corps h5 /* corps de texte */
{	margin-right: 12px;	
	color: #8B8B8B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 18px;
}

#pied_de_page
{
	padding: 5px;
	text-align: center;
	color: #B3B3B3;
	font-size: 36px;
   
}

#thumbnail
{
	text-align: center;
	color: #B3B3B3;
   
}

.thumb {
	font-family: "Times New Roman", Times, serif;
	border: 2;
	border-color: #000000;
	border-width: 2;
}