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: 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 */
}

#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;
}


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

	.menu li
	{
	margin-left:2px;
	float:left; /*pour IE*/
	}
	.menu 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;
	}

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

	.menu .enveloppe
	{
	padding-left: 15px;
	}

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

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

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

	.menu .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/bonshommes9.png") no-repeat;
   overflow: auto;
   text-align: justify;
   padding-right: 15px;
   font-size: 12px;
   color: black;
 }
  
  
.vousrecherchez
{
list-style-type: square;
}
 
  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;
  font-size: 12px;
  color: white;
     background-image: url("images_site/degrafoot2.png");
}