body
{
   width: 900px;
   margin: auto;
   background-color:#EEEEEE; 
   background-image:url('.gif'); 
   font-size:0.9em; 
   margin-top:20px; 
   margin-bottom:20px 
}

/* L'en-tête */

#en_tete
{
   -moz-border-radius:10px;
             border-radius:10px;	
	margin:auto;
	margin-left:12px;
	padding-left: 0px;
	
	width: 860px;
	height: 153px;
   background-image: url('tete.png');
   background-repeat: no-repeat;
	margin-bottom: 3px;
	border: 2px solid #000099;
	/*left: 89px;*/
	/*top: 31px;*/
}

#en_tete1
{
   -moz-border-radius:10px;
             border-radius:10px;	
	margin:auto;
	margin-left:12px;
	padding-left: 0px;
	
	width: 860px;
	height: 153px;
   background-image: url('senior.png');
   background-repeat: no-repeat;
	margin-bottom: 3px;
	border: 2px solid #000099;
	/*left: 89px;*/
	/*top: 31px;*/
}

#en_tete2
{
   -moz-border-radius:10px;
             border-radius:10px;	
	margin:auto;
	margin-left:12px;
	padding-left: 0px;
	
	width: 860px;
	height: 153px;
   background-image: url('edu.png');
   background-repeat: no-repeat;
	margin-bottom: 3px;
	border: 2px solid #000099;
	/*left: 89px;*/
	/*top: 31px;*/
}

#conteneur {
 
margin:auto;
margin-bottom: 2px;
width: 100%;
padding-left:0px;
}

a{
text-decoration:none;
}

#header1
{
  
   width:100%;
   height:90%;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   padding-right:10px;
   padding-left: 13px;
    margin: auto;
   /*padding: 0;*/
}

dl, dt, dd, ul, li {
-moz-border-radius:10px;
             border-radius:10px;
margin: auto;
padding: 0;
list-style-type: none;
}

#header1 dl  {
float: left;
text-align: center;
font-family:Calibri;
width: 12em;
margin: auto;

}

#header1 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ffffff;*/
background:#000099;
border: 2px solid #000099;
}


#header1 dd {
border: 2px solid gray;
text-align: center;
}

#header1 li {
text-align: center;
/*background: #ffffff;*/

 margin: auto;
   padding: 0;
}

#header1 li a, #header1 dt a {

/*color:#006699;*/
color:white;
text-align: center;
text-decoration: none;
display: block;
height: 100%;
border: 0px none;
text-align: center
}

#header1 li a:hover, #header1 dt a:hover {
-moz-border-radius:10px;
             border-radius:10px;
/*background: #eee;*/
background:#000099;
}
/* Le corps de la page */


#menu 
{

   

   float: left; /* Le menu flottera à gauche */
    margin-left:0px;
    margin:auto;
	padding-right:10px;
   padding-left: 10px;
   width: 190px; /* Très important : donner une taille au menu */
   margin-bottom: 20px;
   color:;
}

.element_menu 
{
    -moz-border-radius:10px;
             border-radius:10px;
   color:;
   width: 100%;
   float: center;
   margin-top: 0px;
   margin-left: 0px;
   padding-right:10px;
   padding-left: 10px;
   /*background-color: #FFFFFF;*/
   background:#000099;
   background-repeat: repeat-x;
   border: 2px solid gray;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}


.element_menu ul/* Toutes les listes à puces se trouvant dans un menu */
{
   color: ;
   width: 100%;
   float: left;
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 5px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: auto; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-left: 0px;
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

#corps2
{

    -moz-border-radius:10px;
             border-radius:10px;
   width: 862px;
   font-family: Arial;
   margin:auto;
      margin-left: 0px;
	  margin-right: 0px;
   margin-bottom: 20px;
   margin-top: 0px;
   padding: 20px;
   padding-top: 0px;
   padding-bottom: 20px;
   color: #007700;
   /*background-color: #FFFFFF;*/
   background:#003399;
   background-image: url('images/motif.png');
   background-repeat: repeat-x;
   border: 2px solid gray;
}  

#corps1
{

    -moz-border-radius:10px;
             border-radius:10px;
   width: 582px;
   font-family: Arial;
   margin:auto;
      margin-left: 240px;
	  margin-right: 0px;
   margin-bottom: 20px;
   margin-top: 0px;
   padding: 20px;
   padding-top: 0px;
   padding-bottom: 20px;
   color: #007700;
   /*background-color: #FFFFFF;*/
   background:#00CC33;
   background-image: url('images/motif.png');
   background-repeat: repeat-x;
   border: 2px solid gray;
}  
 
#corps
{

    -moz-border-radius:10px;
             border-radius:10px;

   height: 100%;
   width: 582px;
   font-family: Arial;
   margin:auto;
      margin-left: 240px;
    
	  margin-right: 0px;
   margin-bottom: 20px;
   margin-top: 0px;
   padding: 20px;
   padding-top: 0px;
   padding-bottom: 20px;
   color: #007700;
   /*background-color: #FFFFFF;*/
   background:#CC0066;
   background-image: url('images/motif.png');
   background-repeat: repeat-x;
   
   /*border: 2px solid gray;*/
}


#corps h1
{
   color: #007700;
   text-align: center;
   font-family: ;
}

#corps h2
{
   height: 30px;
   
   background-image: url('images/titre.png');
   background-repeat: no-repeat;
   padding-left: 30px;
   color: #007700;
   text-align: left
}

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