body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 3px; /* 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-image: url("medecine-esthetique-m.jpg");
 background-repeat: no-repeat;
 background-position: top center;/* Le fond est aligné en haut à droite */
   background-attachment: scroll;
   /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */

}
p
{
   color: #003300;
   font-size: 13px;
   text-align: justify;
   font-family: Arial;
   margin-right: 6px;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: #333333;}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: #009900;
}
a /* Lien normal */
{
   text-decoration: none;
   color: #006600;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 150px;
   background-image: url(medecine-esthetique-bnd.jpg);
    
   background-repeat: no-repeat;
   margin-bottom: 0px;
}

color
{
blue

}

/* Le menu */

#menu
{
   float: top; /* Le menu flottera à gauche */   
   margin-right: 4px;
   
   width: 760px;/* Très important : donner une taille au menu */
   margin-bottom: 0px;
   
   

}

.element_menu
{
   background-color: #669933;
    width: 760px;
   
   background-repeat: repeat-x; 
    
   margin-right: 0px;
   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

#menu h3
{
   background-color: #669933;
  
   background-repeat: repeat-x; 
 
   margin-right: 2px;
   margin-bottom: 20px; 
   margin-top: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}


.element_menu a /* Tous les liens se trouvant dans un menu */
{
   
   text-decoration: none;
   color: #FFFFFF;
   margin-left: 3px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px;
   
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #FFFFFF;
   color: #003300;
}

* Le corps de la page */

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: black;
   font-size: 12px;
   text-align: justify;
   font-family: Arial;
}

#corps h1
{
   color: green;
   text-align: center;
   font-family: Arial, "Times New Roman", Times, serif;
   font-size: 15px;
   
}

#corps h2
{
   color: green;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 14px;
}
#corps h3
{
   color: green;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 13px;
}
#corps h4
{
   color: green;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px;
}
ul /* Ma liste aura des puces en forme de dossiers */


{
   color: #0033cc;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 14px;
   text-decoration: none;
   text-indent: 10px;
}





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

#pied_de_page
{
   padding: 1px;

   text-align: center;

   color: #333333;
   font-family: Arial;
   font-size: 11px;
   border: 1px blue;
}