body
{
   width: 1000px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 5px;    /* Idem pour le bas du navigateur */
   background-image: url("images/background5.gif"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

#en_tete
{
   width: 1000px;
   height: 0px;
   margin: auto;
   background-image: url("images/entete6.jpg");
   background-repeat: no-repeat;
   margin-bottom: 5px;
}

#gitedupibeste
{
   width: 1000px;
   margin: auto;
   margin-bottom: 5px;
   font-family: serif, arial, times;
   font-size: 30px;
   font-weight: bold;
   text-align: center;
}

#menu_en_tete
{
   width: 875px;
   float: left; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   background-color: rgb(254,246,198); /* Une couleur de fond pour le corps */
}
#menu_en_tete table tr td
{
   border: 2px ridge rgb(10,8,55); /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   font-style: bold, 14px; /* Les liens seront en italique (pourquoi pas ?) */
}

#menu_en_tete a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   font-weight: bold;
   color: rgb(79,149,255); /* Les liens seront en rouge au lieu de bleu */
   font-style: bold, 14px; /* Les liens seront en italique (pourquoi pas ?) */
}
#menu_en_tete a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   background-color: rgb(0,59,120);
}
#menu_en_tete a:focus /* Quand le visiteur sélectionne le lien */
{
   font-style: italic;
}
#menu_en_tete a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
}

#heure
{
margin-left: 878px;
border: 2px ridge rgb(10,8,55); /* Une bordure pour bien marquer les limites du corps et pour faire joli */
background-color: rgb(254,246,198);
width: 120px; /* Très important : donner une taille au menu */
}

#pubgoogle
{
margin-left: 880px;
margin-top: 5px;
}

#pub
{
margin: 2px;
margin-top: 5px;
background-color: rgb(253,221,168);
}

#pub table
{
border: 1px ridge rgb(10,8,55); /* Une bordure pour bien marquer les limites du corps et pour faire joli */
border-collapse: collapse;
}

#pub a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: rgb(79,149,255); /* Les liens seront en rouge au lieu de bleu */
}
#pub a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   text-decoration: bold;
}
#pub a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: rgb(9,101,0);
}
#pub a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
}
#meteo
{
padding-top: 100px;
min-height: 320px; /* Très important : donner une taille au menu */
}

#corps
{
   float: left;
   width: 860px;
   border: 2px ridge rgb(10,8,55);
   font-family: verdana, serif, arial;
   font-size: 12px;
   margin-top: 5px;
   margin-bottom: 5px; /* 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 */
   text-align: justify; /* Tous les paragraphes sont justifiés */
   color: rgb(15,61,09);
   background-color: rgb(254,246,198); /* Une couleur de fond pour le corps */
}

#listing ul li
{
   list-style-image: url("images/puce.gif");
   margin: 5px;
}

#corps table
{
   border: 2px ridge black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps p
{
   font-family: verdana, serif, arial;
   font-size: 12px;
   margin-top: 5px;
   margin-bottom: 5px; /* 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 */
   text-align: justify; /* Tous les paragraphes sont justifiés */
   text-indent: 15px;
   color: rgb(15,61,09);
}

#corps a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   font-weight: bold;
   font-size: 12px;
   font-family: verdana, serif, arial;
   color: rgb(79,149,255);
}

#corps a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   background-color: rgb(0,59,120);
}
#corps a:focus /* Quand le visiteur sélectionne le lien */
{
   font-style: italic;
}
#corps a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none;
   text-transform: uppercase;
}

#corps h2
{
   font-size: 20px;
   color: black;
   font-weight: bold;
   font-family: arial, verdana, serif;
   text-align: center;
   margin: 5px;
}
#corps h3
{
   font-size: 18px;
   color: black;
   font-weight: bold;
   font-family: arial, verdana, serif;
   text-align: center;
   margin: 4px;
}
#corps h4
{
   font-size: 16px;
   color: black;
   font-weight: bold;
   font-family: arial, verdana, serif;
   text-align: center;
   margin: 3px;
}
#corps h5
{
   font-size: 14px;
   color: black;
   font-weight: bold;
   font-family: arial, verdana, serif;
   text-align: center;
   margin: 3px;
}


#coordonnees p
{
   text-align: center;
}

.promotion
{
   text-decoration: blink;
   background-color: rgb(255,155,60);
   color: rgb(50,50,50);
}

.imageflottante1
{
   float: left;
}

.imageflottante2
{
   float: right;
}
.imageflottante3
{
   float: center;
}

#pied_de_page
{
   width: 860px;
   float: left;
   padding: 5px;
   margin-bottom: 5px;
   text-align: center;
   color: rgb(15,61,09);
   background-color: rgb(254,246,198);
   border: 2px ridge rgb(10,8,55);
   border-style: ridge;
   min-height: 40px;
}
#pied_de_page a
{
   color: rgb(79,149,255);
}


/* Mise en forme du formulaire de réservation */

input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé à 'intérieur des champs */
}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: rgb(163,255,161);
}
label
{
   color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: rgb(15,61,09);
   font-size: 14px;
   font-weight: bold;
}
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #FFF3D3;
}