body /* Mise en forme générale */
{
  width:100%; /* La page utilisera 100% de la largeur totale de l'écran */
  height:100%;
  margin-left:auto;
  margin-right:auto;
  background-color:#F1DFD0;
  margin-top:-33px;
  margin-bottom:0px;
  background-image:url("../photos/menu/fond_menu.jpg");
  font-family: "Century Gothic", Helvetica, sans-serif;
}

/* Style des liens */
a
{
color:blue;
text-decoration:none;
}

a:hover
{
color:red;
text-decoration:underline;
}

/* Style des menus */

#menu
{
float:left;
width:220px;
padding-top:50px;
}

#sous_menu
{
list-style-type:none; /*On enlève les puces */
margin:20px; /*On retire les marges intérieures et extérieures */
padding:0;
width:80%;
border: solid 1px #CD0000;
border-bottom:none;
text-align:center;
margin-top:-25px;
}

#sous_menu li
{
margin:0;
padding:0;
border-bottom: 1px solid #CD0000;
}

#sous_menu a
{
text-decoration:none;
color:#FFFFFF;
background-color:#990000;
display:block;
padding-left:1,5em;
padding:2px;
height:100%;
}

#sous_menu a:hover
{
text-decoration:underline;
color:#000000;
background-color:#F1DFD0;
}

#menu a img
{
margin:20px;
border: solid 1px #CD0000;
border-bottom:none;
}

/* Style du corps */

#corps
{
padding-top:20px;
min-height:645px;
vertical-align:top;
margin-left:220px;
padding-left:45px;
padding-right:45px;
text-align:justify;
background-color:#F1DFD0;
padding-bottom:10px;
}

/* Style du titre */
h2
{
color:#800000;
text-decoration:none;
text-align:center;
font-size:35px;
}

/* ################################          Gestion des pages du site          ################################  */


/*Mises en formes diverses pour la page Bienvenue */

.definition
{
font-size:10px;
}

.diaporama
{
float:right;
padding-left:15px;
padding-right:15px;
padding-bottom:50px;
}

#tableau_adresse
{
font-size:12px;
text-align:center;
width:99%; /* La largeur du tableau prend 100% de l'écran */
vertical-align:middle;
}

td
{
min-width:33%;
max-width:33%;
}

.logo_adresse
{
padding-left:10px;
padding-right:10px;
}

.informations_utiles
{
background-color:rgb(255,234,147);
margin-top:30px;
width:385px;
text-align:center;
margin-left:auto;
margin-right:auto;
border:2px inset;
border-color:rgb(153,0,0);
}

h4
{
color:green;
text-decoration:underline;
font-size:20px;
}

/*Mises en formes diverses pour la page Chambres d'hôtes */

h3
{
color:#800000;
text-decoration:none;
text-align:left;
font-size:22px;
}

.legende_chambres
{
color:#800000;
font-weight:bold;
}

.souligner
{
text-decoration:underline;
}

#description_chambre_1, #description_chambre_2, #description_chambre_3, #description_chambre_4
{
text-align:center;
width:100%; /* La largeur du tableau prend 100% de l'écran */
vertical-align:middle;
margin:auto;
}

.colonne_image
{
text-align:center;
max-width:30%;
min-width:30%;
}

.colonne_texte
{
text-align:justify;
max-width:70%;
min-width:70%;
padding-left:10px;
padding-right:10px;
}

.centrer
{
text-align:center;
}

.vert
{
color:green;
}

/*Mises en formes diverses pour la page Table d'hôtes */

.photo_encadree
{
border:2px double black;
}

.tables_hotes
{
text-align:center;
width:100%; /* La largeur du tableau prend 100% de l'écran */
vertical-align:middle;
margin:auto;
}

.table_hotes_colonne_image
{
text-align:center;
max-width:30%;
min-width:30%;
padding-left:5px;
padding-right:5px;
}

.table_hotes_colonne_texte
{
text-align:justify;
max-width:70%;
min-width:70%;
padding-left:5px;
padding-right:5px;
}

.liste_exemples_menus
{
list-style-type:none;
text-align:center;
font-size:18px;
font-weight:bold;
}

.exemple_menus
{
padding-top:20px;
}

.lien_exemple_menus
{
color:green;
font-weight:bold;
}

.image_menu
{
max-width:20%;
min-width:20%;
text-align:center;
}

a img
{
border:none;
}

/*Mises en formes diverses pour la page La cocagnière */

.image_flottante_droite
{
padding-top:10px;
float:right;
padding-left:20px;
padding-right:20px;
padding-bottom:35px;
}

/*Mises en formes diverses pour la page Alentours */

.liste_activites_alentours
{
min-width:75%;
max-width:75%;
vertical-align:top;
padding-right:50px;
}

.images_liste_activites_alentours
{
min-width:25%;
max-width:25%;
vertical-align:top;
}

.image_activites_alentours
{
margin-top:-5px;
}

#liste_nous_rejoindre
{
list-style-image:url("../photos/Nous_rejoindre/puce.jpg");
list-style-position:inside;
}

/*Mises en formes diverses pour la page Liens */
.informations
{
text-align:center;
font-size:15px;
}

.puces_liens
{
list-style-type:square;
line-height:35px;
}

/*Mises en formes diverses pour la page Contact (Formulaire de pré-réservation) */

.aligner_a_droite
{
text-align:right;
min-width:40%;
max-width:40%;
padding-right:5px;
line-height:35px;
}

.aligner_a_gauche
{
text-align:left;
min-width:60%;
max-width:60%;
padding-left:5px;
line-height:35px;
}

.tableau_reservation
{
width:100%;
}

.legende_reservation
{
color:#800000;
font-weight:bold;
}