/* Le corps */

body
{
   width: 100%;
   margin: auto;
   margin: 5px 0px 20px 5px; 
   background-image: url("fond3.jpg");
   background-repeat: repeat-y;
}

/* L'en-tête */

#en_tete
{
   height: 165px;
   background-image: url("ban6.jpg");
   background-position:top;
   background-repeat: repeat-x;
}

#en_tete p
{
   margin-top: 10px;
   color: white;
   font-family: Comic Sans MS;
}

#en_tete a
{
   color: red;
}

#titre p
{
   font-size:x-large;
   font-weight:bold;
   text-decoration:blink;
}

/* Le menu */

#menu
{
   list-style-type: none;
   float: left;
   background-image: url("menu6.jpg");
   border: 1px solid transparent;
   
}

/* Quelques effets sur les menus */


#menu ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
} 

#menu a
{
   padding-left: 10px;
   color: white;
}

#menu a:hover
{
   background-color: white;
   color: black;
} 
#menu li:hover > .sousMenu
{
   display: block;
}

#menu .sousMenu 
{
   display: none;
   padding: 5px;

}


/* Le corps de la page */

#corps
{
   /*width: 100%;*/
  height: 420px;
   margin-left: 210px;
   margin-bottom: 20px;
   padding: 5px;
   
   /*color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;*/
   
   border: 2px solid transparent;
}

html>body #corps{
height:auto;
min-height:420px;

}

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}


/* Le pied de page */

#pied_de_page
{
   padding: 5px;
   margin-bottom: 5px;
   text-align: center;
   color : white;
   background-image: url("pied6.jpg");
   background-repeat: repeat-x;
   border: 2px solid black;
}

#pied_de_page a
{
	color: white;
}