body
	{
	/* Pour la taille de la page, je vais mettre 760 pixels. Pourquoi 760 ? Parce que c'est moins que 800px, 
	et ainsi les visiteurs qui sont en résolution 800*600 n'auront pas à se déplacer vers la droite pour voir le reste de la page.
	Pour ce qui est des marges, un margin:auto suffira à centrer le design. 
	Ainsi, le navigateur centre automatiquement nos paragraphes. N'oubliez pas, je le dis et je le répète, que le margin:auto ne peut fonctionner que
	 si vous avez indiqué une largeur précise pour votre block !
	Le margin:auto fonctionne sur tous les navigateurs, y compris IE6, mais ne fonctionne pas sur les navigateurs plus anciens que IE6.
	Par exemple, pour IE5.5 (livré avec Windows 98), le margin:auto ne fonctionne pas. Ce navigateur est de moins en moins utilisé,
	 mais il faut faire quand même attention et vérifier si le résultat est potable sur ce navigateur. */
	   width: 758px;
	   margin: 0 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 */
	   padding: 0px;
	}

	#en_tete
	{
	/*trouver une bannière aux bonnes dimensions et dimensionner l'en-tête en fonction*/
	width: 758px;
	height: 75px;
	background: url("images_site/banniere5.png") no-repeat;
	}


	ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:25px;
	}

	li
	{
	margin-left:2px;
	float:left; /*pour IE*/
	}
	ul li a
	{
	float:left;   
	color:rgb(192,89,79);
	font-family: Verdana, Arial, Times, "Times New Roman", serif;
	font-size: 12px;
	padding-top: 8px;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	}

	ul li a:hover
	{
	color: rgb(190,190,248);
	} 

	.enveloppe
	{
	padding-left: 15px;
	}

	.premiermarquage
	{
	margin-left: 70px;
	padding-top: 5px;
	padding-left: 5px;
	}

	.deuxiememarquage
	{
	padding-top: 5px;
	padding-left: 5px;
	}

	.troisiememarquage
	{
	padding-top: 5px;
	padding-left: 5px;
	}

	.quatriememarquage
	{
	padding-top: 5px;
	padding-left: 5px;
	}
	
	#corps
	{
	clear: both;
	   height: 400px;
	   padding-left: 400px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	   font-family: Verdana, Arial, Times, "Times New Roman", serif;
	   background: url("images_site/bonshommes7.png") no-repeat;
	   overflow: auto;
	   text-align: justify;
	   padding-right: 15px;
	   font-size: 12px;
	   color: black;
	 	 }
	 
	h1
	{
	display: inline;
	}
	   
	#corps h1 /* Tous les titres h1 du corps */
	{
	   font-weight: bold;
	   color: rgb(192,89,79);
	   font-size: 18px;
	   text-align: left;
	   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	}

	#corps h2 /* Tous les titres h2 du corps */
	{
	  font-size: 14px;
	  color: rgb(192,89,79);
	  text-align: left;
	}

	#pied_de_page
	{
	 text-align: center;
	  vertical-align: bottom;
	  color: white;
	  font-size: 12px;
	       background-image: url("images_site/degrafoot2.png");
	}