body {
font-family:Georgia,Verdana, "Times New Roman", Times, serif;
font-size: 0.8em;
color : #54300f;

margin: 10px;
padding: 0;
background : #eee7cc;
}
#conteneur {
width: 780px;
margin: 0 auto; 
}
#header {
height: 320px;
}
#menuhaut {
height: 50px;
}
#ban {
height: 160px;
}
#cartes {
width: 780px;
}
#centre {
background : #eee7cc;
}
#centrephoto {
margin-left: 420px;
}
#centretexte {
float:left;
width: 350px;
color : #54300f;
}

#centrepage {
border:1px solid #54300f;
background-image:url(/boutons/fond-page.gif);
padding: 10px;;

}
/*page voyages*/

#gauchephoto {
float:left;
width: 150px;
padding:5px;
}
#centretextevoyages {
float:right;
width: 590px;
}
#bas
{
   clear:both;
}

#pied {
height: 100px;
clear:both;
}
p {margin: 0;}


#nav{ /* toutes les listes */
width: 782px;
margin: 0 auto; 
list-style: none;
}
#nav ul { /* toutes les listes */
	padding:0;
    margin: 0;
	list-style: none;
	line-height: 25px;
}
#nav a {
	display: block;
	color:#54300f;
	width: 130px; 
	text-indent:0px;

}
#nav li a.bg {
background : #eee7cc;
text-align:center;
font-weight:bold;
line-height: 25px;

}
#nav li a.bg:hover {
background : #eee7cc;
text-align:center;
font-weight:bold;
line-height: 25px;

} 

#nav li { /* tous les items de liste */
	float: left;
	width: 130px; /* largeur obligatoire, sinon opera devient fou */

}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	/*background-image:url(/boutons/fond-menu.png);*/
	background-color:#eee7cc;
	width: 130px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li ul a {
color:#54300f; 
text-indent:8px;
background-color:#eee7cc;
}

#nav li ul a:hover{ /* listes de deuxième niveau */
	background-color:#eee7cc;
	text-decoration:none;
	color:#54300f;
	}
#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -25px 0 0 130px;
}
/*deuxième niveau 250px*/                
/*deuxime niveau 250px*/                
#nav ul a {white-space: pre;}
#nav ul.niveau2bis ul {left: 340px;}  
#nav ul.niveau2bis {display:block; width:250px;}      
#nav ul.niveau2bis ul a {width: 340px;}

#nav ul.niveau2bis li a {width: 340px;}
#nav li ul.niveau2bis ul { /* listes de troisime niveau et plus 250 px*/
	margin: -25px 0 0 340px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover{
	background-color:#eee7cc;
}
a:link,a:visited,a:active
{
	text-decoration: none;
	color: #54300f;
}
a:hover{
	text-decoration: none;
	color: #54300f;
}
a.hotel:link,a.hotel:visited,a.hotel:active
{
	text-decoration: none;
	color: #54300f; font-weight:bold;
}
a.hotel:hover{
	text-decoration: none;
	color: #54300f; font-weight:bold;
}
/*lien magique*/
a.info {
   position: relative;
   color: #54300f;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 100; /* on définit une valeur pour l'ordre d'affichage */
	text-decoration: none;
}
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: 25px; /* on positionne notre infobulle */
   left: 110px;
   background: white;
   color: #54300f;
   padding: 3px;
   border: 1px solid #54300f;
   text-decoration: none;
}