body
{
   width: 735px;
   margin: auto; 
   margin-top: 20px; 
   margin-bottom: 20px;    
   background-image: url("images/fond.jpg");
}
#en_tete
{
   width: 735px;
   height: 330px;
   background-image: url("images/entete.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   
}
#news
{
   width: 735px;
   height: 900px;
   height: 190px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-image: url("images/paysage5.jpg");
}   
#menu
{
   font-size: large;
   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 */
   
}
table
{
   width: 735px;
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   background-color: yellow;
   border: 4px;
}
th
{
   text-align: center;
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   padding: 5px;  /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: white;
   background-color: blue;
}
td
{
   text-align: center;
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   padding: 5px;  /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
}
#menuphotos
{
   float: left; 
   width: 220px; 
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   background-color: yellow;
}
#corps
{
   width: 735px;
   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 */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: silver;
}
#corps1
{
   width: 735px;
   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 */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: silver;
}
#corps2
{
   width: 735px;
   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 */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: silver;
}
#corps3
{
   width: 550px;
   float: left;
   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 */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: silver;
}
#corps4
{
   width: 140px;
   float: right;
   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 */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: teal;
}
#corps5
{
   width: 140px;
   float: right;
   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 */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: teal;
}
#corpsphotos
{
   width: 735px;
   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 */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: yellow;
   
}
#pied_de_page
{
   width: 725px;
   float: left;
   font-size: large;
   text-align: center;
   font-weight: bolder;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   background-color: silver;
}   
#a /* Juste pour améliorer la présentation : */
{
   color: blue;
   text-decoration: underline;
   vertical-align: top;
}
.gras
{
   color: black;
   font-size: 18px;
   font-weight: bold;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: #FFCC66;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: navy;
}
a /* Lien normal */
{
   text-decoration: none;
   color: black;
}
.souligne
{
   text-decoration: underline;
}