* { 
padding: 0; 
margin: 0; 
} 


a:link { color:#000000; text-decoration:none; font-weight:normal; }
a:visited { color:#000000; text-decoration:none; font-weight:normal; }
a:hover { color:#FFFFFF; text-decoration:none; font-weight:normal; }
a:active { color:#000000; text-decoration:none; font-weight:normal; }

h1 {font-style:italic; font-family: Segoe Print; font-size:18px; color:#000000; text-decoration:none; font-weight:bold; padding-top: 20px; padding-left: 310px;}
h2 { font-style:italic; text-align:center; font-size:18px; color:#000000; text-decoration: none; font-weight:bold; padding-top: 20px; padding-bottom: 20px;}
h3 { text-align:center; font-size:18px; color:#FFFFFF; text-decoration: none; font-weight:bold; padding-top: 10px; padding-bottom: 15px;}
h4 { text-align:center; font-size:22px; color:#505958; text-decoration: none; font-weight:bold; padding-top: 4px; padding-bottom: 10px;}

p {padding-left: 10px; padding-right: 10px; padding-bottom: 10px;color:#000000; font-style:italic;  font-weight:normal;}
p.adresse {font-size: 1.4em; font-weight:bold; text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 25px; color:#FFFFFF; font-style:italic;}
p.encart {color:#;}
p.bas{line-height: 1em;text-align: left; color:#000000;text-align: center;}
p.bas img { vertical-align: middle; }
p.menu img { vertical-align: middle; }
p.menu{margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px; font-size: 1.3em; text-align: justify;}


body { 
font-family: Helvetica, sans-serif; 
font-size: 16px;
text-align: center;

}

#header {background: url(banniere-chambres-hotes-13haut.jpg);
width: 1000px;
height: 140px;
}

#headerbas {
width: 1000px;
height: 132px;
}

#images {margin-top:30px;
}

#conteneur { 

background: url(FOND-DECRAN.jpg);
width: 1000px;
margin-left: auto; 
margin-right: auto;
text-align: left; 
margin-top: 60px; 
border:2px solid #9E9FA3;
}


#conteneurcentre {
margin-left: 350px;
width: 630px;
margin-top: 0px;
text-align: justify;
}

#centre {

width: 620px;
margin-top: 0px;
text-align: justify;
}

#centregauche { 
float: left;
width: 255px; 
margin-top: 10px;
padding-top: 50px;
padding-left: 50px;
text-align: center;
}


#centredroit {
margin-left: 300px;
width: 255px; 
margin-top: 10px;
padding-top: 50px;
padding-left: 20px;
text-align: center;}


#gauche {
padding-top: 25px;
float:left;
width: 330px;
}

#gauchebas {

width: 280px;
padding-top: 5px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
font-size: 0.8em;
}

#gauchehaut {

width: 280px;
padding-top: 5px;
margin-top: 3px;
margin-bottom: 10px;
margin-left: 10px;
font-size: 0.8em;
}



#clear {clear:left;}

#footer { 
background: url(FOND-DECRAN.jpg);
width: 1000px;
margin-left: auto; 
margin-right: auto;
text-align: center; 
margin-top: 10px; 
margin-bottom: 10px;
border:2px solid #9E9FA3;
}

a.info {
   position: relative;
   color: black;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 0px; /* on positionne notre infobulle */
   left: 0px;


   padding: 3px;

}