body 
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("image/fond_site.jpg");
   background-attachment: fixed; /* Le fond restera fixe */
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 200px;
   background-image: url("");
   background-repeat: no-repeat;
   margin-bottom: 20px;
}


/* Le menu */

#menu
{
	
	float: left;
	width: 120px;
	margin-top:0px;
	
}
.element_menu
{
   
   background-image: url("image/bg2.jpg");
   background-repeat: repeat;
   
   border: 3px ridge maroon;
  
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: maroon; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu h4
{    
   color: maroon; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
.element_menu ul
{
   list-style-image: url("image/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}
a /* Lien normal */
{
   text-decoration: none;
   color: #f08080;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: #B3B3B3;
}


a:active /*  Le style est appliquer aux liens actifs mais pas au focus */
{
   background-color: #B3B3B3;
}

.element_menu a:visited /* Quand le visiteur a déjà vu la page concernée */
{
  color: maroon;
}
  
.element_menu a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */

   color: #b8858c;
}

.element_menu a:hover
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   background-color: #B3B3B3;
   color: rgb(162,81,81);
}


/* Le corps de la page */

#corps

{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   min-height: 600px;
   color: maroon;
   
   background-image: url("image/fond_site.jpg");
   background-repeat: repeat;
 
   border: 3px ridge maroon;
}


a img /* Toutes les images contenues dans un lien */
{
   padding-left: 30px;
   border: none; /* Pas de bordure */
}

#corps h1
{
   color: rgb(162,81,81);
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   width: 300px;
   height: 30px;
   background-image: url("image/monogram6.jpg");
   background-repeat: no-repeat;
   
   padding-top: 5px;
   padding-left: 45px;
   color: rgb(162,81,81);
   text-align: left;
   
}

/* pied de page */

#pied_de_page
{
   margin-left:140px;

   padding: 0px;

   text-align: center;

   color: maroon; 
   
   background-image: url("image/bg2.jpg");
   background-repeat: repeat-x;

   margin-bottom:-20px;
   
   border: 3px ridge maroon;}