body
{
   width: 744px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 15px; /* 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("bg.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
p
{
   color: navy;
   font-size: 13px;
   text-align: justify;
   font-family: Arial;
   margin-right: 6px;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: grey;}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: #ff0033;
}
a /* Lien normal */
{
   text-decoration: none;
   color: blue;
   
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 160px;
   background-image: url("referencement.jpg");
    
   background-repeat: no-repeat;
   margin-bottom: 0px;
}

color
{
blue

}

/* Le menu */

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

}

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

#menu h3
{
   background-color: #6699cc;
   background-image: url("menu.jpg");
   background-repeat: repeat-x; 
 
   margin-right: 2px;
   margin-bottom: 0px; /* 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: navy;
   margin-left: 3px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 11px;
   
}

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

* Le corps de la page */

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

#corps h1
{
   color: navy;
   text-align: left;
   font-family: Arial, "Times New Roman", Times, serif;
   font-size: 14px;
   
}

#corps h2
{
   color: blue;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px;
}
#corps h3
{
   color: blue;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 11px;
}

ul /* Ma liste aura des puces en forme de dossiers */


{
   list-style-image: url("agence.png");
   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
{
    width: 756px;
   padding: 2px;
    background-color: #6699cc; 

   text-align: center;

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