body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #E7EEDF; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */ 
}

#en_tete, #en_tete_index, #en_tete_page506
{
   width: 760px;
   height: 150px;
   background-image: url("../images_contact/image307.gif");
   background-repeat: no-repeat;
}

#menu_contact
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 700px;
   margin-right: 20px;
   background-color:#5CA25C;
   
}
#menu_index
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 800px;
   margin-right: 20px;
   background-color:#5CA25C;
   
}
#menu_page506
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 1630px;
   margin-right: 20px;
   background-color:#5CA25C;
   
}
#menu_page536
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 1400px;
   margin-right: 20px;
   background-color:#5CA25C;
   
}
#menu_page447
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 2400px;
   margin-right: 20px;
   background-color:#5CA25C;
}
#menu_page643
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 2150px;
   margin-right: 20px;
   background-color:#5CA25C;
   
}

#menu_page598
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 800px;
   margin-right: 20px;
   background-color:#5CA25C;
   
}
#menu_page356
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 600px;
   margin-right: 20px;
   background-color:#5CA25C;
   
}

#menu_page807
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 1250px;
   margin-right: 20px;
   background-color:#5CA25C;
}

#corps_page598 a
{
   text-decoration:none;
   color:#006600;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
}

#corps_page598 a:hover
{
   color:#0000CC;
   }

#menu_info_legal
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 5100px;
   margin-right: 20px;
   background-color:#5CA25C;
   
}

#menu_page442
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Très important : donner une taille au menu */
   height: 1300px;
   margin-right: 20px;
   background-color:#5CA25C;
   
}

#menu_contact a, #menu_info_legal a , #menu_index a, #menu_page506 a, #menu_page643 a, #menu_page598 a, #menu_page356 a, #menu_page442 a, #menu_page447 a, #menu_page807 a, #menu_page536 a/* Tous les liens se trouvant dans un menu */
{
   text-decoration: none; 
   color:#000000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
}

#menu_contact a:hover, #menu_info_legal a:hover, #menu_index a:hover, #menu_page506 a:hover,#menu_page442 a:hover, #menu_page643 a:hover, #menu_page598 a:hover, #menu_page536 a:hover,#menu_page356 a:hover, #menu_page807 a:hover
{
   color:#000099;
}


#menu_page442 a:hover, #menu_page447 a:hover  /* Quand on pointe sur un lien du menu */
{
   color:#000099;
}

#corps
{
   margin-left: 185px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #B3B3B3;
   background-color: #E7EEDF; /* Une couleur de fond pour le corps */
   
   
}

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

#corps h2
{
   height: 30px;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}


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

#pied_de_page
{
   padding: 5px;
   text-align: left;
   color: #B3B3B3;
   background-color: #E7EEDF;
}

#pied_de_page a
{
   color:#006600;
   text-decoration:none;
 }
#pied_de_page a:hover 
{ 
   color:#003300; 
}
.date
{
   font-size:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#003300;
}
.contact
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   color:#006600;
   font-weight:bold;
   }
label 
{
	display:block;
	width:135px;
	float:left;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
h4, h5
{
   color:#000000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 p, li
 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:13px;
 }
 .info_legal
 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 22px;
 color:#006600;
 }