body
{
   width: auto;
   margin-right: 20px; /* Pour centrer notre page */
   margin-left: 20px;
   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 */

   background-image: url("mes_images/background.jpg");
   background-attachment: fixed; 
} 
/* L'en-tête */

#entete
{
width: 500px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#corps
{
   text-align: center;
   margin: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   }


   
     .entrer
{
width: 40px;
	 float: left;
	 position: absolute;
  left: 220px;
  padding-top: 30px;
  }
  
.sortir
{
width: 40px;
float: right;
position: absolute;
right: 220px;
padding-top: 30px;
}

  #pied_de_page
{
      padding-top: 100px;
	  color: #408080;
   text-align: center;
 }
   
   
h1
{
   text-align: center;
   font-family: Arial, "Times New Roman", Verdana, serif;
   color: #f05b38;
}
h2
{
   text-align: center;
   font-style: italic; /* Les titres h2 seront en italique ! */
   text-indent: 30px; /* On décale un peu les sous-titres */
   font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
   color: #f05b38;
}
h3
{
color: #f05b38;
}


p
{
   font-family: Arial, "Times New Roman", "Arial black", Verdana, serif;
   text-align: center;
   color: #f05b38;
   }
   
   h6
{
text-align: center;
color: #408080;
}