body
{

   margin-top: 20px;
   margin-bottom: 20px;   
   font-family: Arial;
}

/* L'en-tête */

#en_tete
{
 
   height: 135px;

   text-align: center;

   border: 1px solid black;
   margin-bottom: 10px;
}


/* Le menu */

#menu
{
   float: left;
   width: 200px;
}

.element_menu
{

	border: 1px solid black;
	background-color: #b5e7ff;
	margin-bottom: 20px;
}

.element_menu h3
{
   height: 30px;


   text-align: center;
}

.element_menu ul
{
	list-style-type: circle;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}


.element_menu a
{
	color: black;
	text-decoration: none;
}

.element_menu a:hover
{

	color: black;
	text-decoration: underline;
}

/* Le corps de la page */

#corps
{
   margin-left: 220px;
   margin-bottom: 20px;
   padding: 5px;
   background-repeat: repeat-x;
   border: 1px solid black;
}

#corps h1
{

   text-align: center;

}

#corps h2
{
   height: 30px;


   padding-left: 30px;

   text-align: left;
}

#corps h3
{

height: 25px;


   padding-left: 50px;

   text-align: left;





}

.co_h3{

padding-top:10px;
padding-left: 60px;

}

.co_h2{
padding-top:10px;
padding-left: 40px;

}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;

   text-align: center;

   border: 1px solid black;
}