body
{
   width: 820px;
   margin: auto; 
   margin-top: 50px; 
   margin-bottom: 50px;    
   background-image: url("images/ex3.jpg");
   background-attachment: fixed;
}
  
  /* L'en-tête */

#en_tete
{
   width: 636px;
   height: 178px;
   margin: auto;
   margin-left: 200px;
   background-image: url("images/ban006.jpg");
   background-repeat: no-repeat;
   }
  
  
  
    
    
/* Le menu */

#menu
{
   margin-top: 50px;
   float: right; 
   width: 120px; 
   margin-bottom:50px;
   padding-left: 40px;
   padding-right: 10px;
}

.element_menu
{
   margin-bottom: 10px;
}

/* Quelques effets sur les menus */



.element_menu ul 
{
   list-style-image: url("images/jaune.gif"); 
   padding: 0px; 
   padding-left: 20px; 
   margin: 0px; 
   margin-bottom: 10px; 
}

.element_menu li
{
   margin-top: 10px;
   margin-bottom: 10px;
}

.element_menu a
{
   color: #ffb573;
   font-family: Monotype Corsiva, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu a:hover 
{
   background-color: gray;
   color: black;
   }
   
   
   
/* Le corps de la page */

#corps
{
   width: 625px;
   margin-left: 200px; 
   margin-bottom: 50px; 
   padding: 5px; 
   

   color: white;
   font-family: Monotype Corsiva, Andalus, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 20px;
   background-color: #ffe7c6;
   background-image: url("images/37.jpg");
   }
   
   
#corps h1 
{
   color: #ffff6b;
   font-family: Andalus, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: underline;
   margin-bottom: 50px;
}


#corps a 
{
   color: white;
   font-family: Monotype Corsiva, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps a:hover 
{
   background-color: gray;
   color: black;
   }
   

   
   .souligne
{
   text-decoration: underline;
}



/* Le pied de page */

#pied_de_page
{	
   text-align: center;
   color: white;
   font-size: 12px;
}