html{
	background-color:#311e17;
}

body{
	color:#FFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	height:600px;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:950px;
}

body#accueil{background:url(../images/fond_accueil.jpg) no-repeat 0 0;}
body#restaurant{background:url(../images/fond_restaurant.jpg) no-repeat 0 0;}
body#hotel{background:url(../images/fond_hotel.jpg) no-repeat 0 0;}
body#salles_seminaires_reunions{background:url(../images/fond_salles_seminaires_reunions.jpg) no-repeat 0 0;}
body#loisirs_tourisme{background:url(../images/fond_loisirs_tourisme.jpg) no-repeat 0 0;}
body#contact, body#plan_site, body#mentions_legales, body#cnil{background:url(../images/fond_pages_autres.jpg) no-repeat 0 0;}

a, a:visited{
	color:#FFF;
	text-decoration:none;
}
a:hover{
	color:#c63;
}
a img{
   	border:none;
}

p, ul, li, hr{
	margin:0;
	padding:0;
}

strong{
	font-weight:normal;
}

div.clear{
	clear:both
}

h5{
	color:#ecb49f;
	font-size:11px;
}

ul#menu{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:20px auto 0 auto;
	width:876px;
}

ul#menu li{
	display:inline;
	float:left;
}

ul#menu a{
	background:url(../images/fond_item_menu.jpg) no-repeat center top;
	color:#AAA;
	display:inline;
	float:left;
	height:27px;
	line-height:25px;
	outline-style:none;
	text-align:center;
	width:146px;
}
ul#menu a:hover, body#accueil ul#menu a#accueil, body#restaurant ul#menu a#restaurant, body#hotel ul#menu a#hotel, body#salles_seminaires_reunions ul#menu a#salles_seminaires_reunions, body#loisirs_tourisme ul#menu a#loisirs_tourisme, body#contact ul#menu a#contact{
	background-position:0px -27px;
	color:#FFF;
}

ul#menu_bas{
	display:inline;
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:5px;
}
ul#menu_bas li{
	display:inline;
	float:left;
}
ul#menu_bas a{
	background:url(../images/fond_item_menu_bas.jpg) no-repeat center top;
	color:#AAA;
	display:inline;
	float:left;
	height:22px;
	line-height:20px;
	outline-style:none;
	text-align:center;
	width:106px;
}
ul#menu_bas a:hover, body#plan_site ul#menu_bas a#plan_site, body#cnil ul#menu_bas a#cnil, body#mentions_legales ul#menu_bas a#mentions_legales{
	color:#FFF;
}


div#content{
	height:600px;
	margin:0 auto;
	position:relative;
	width:875px;
}
div#content p{
	margin-bottom:10px;
}

div#content_menu{
	display:inline;
	float:left;
	height:387px;
	line-height:15px;
	padding-top:190px;
	text-align:justify;
	width:420px;
}

div#image_menu{
	display:inline;
	float:right;
	width:435px;
}
div#image_menu div#image_diapo{
	height:387px;
	width:435px;

}
div#image_menu div#diapos ul{
	height:75px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:10px;
}
div#image_menu div#diapos ul li{
	display:inline;
	float:left;
	padding-right:10px;
}
div#image_menu div#diapos ul li#last_diapo{
	padding-right:0px;
}
div#image_menu div#diapos ul li:hover{
	cursor:pointer;
}

body#accueil{
	text-align:justify;
}
body#accueil div#diaporama{
	background:url(../images/diaporama.jpg) no-repeat 0 0;
	height:192px;
	margin-bottom:15px;
}

body#contact p{
	margin-bottom:20px;
}
body#contact div#carte_google{
	display:inline;
	float:right;
	margin-top:20px;
}
body#contact div#carte_google iframe{
	border:2px solid #FFF;
}

body#plan_site ul#liens_site{
	font-size:13px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
body#plan_site ul#liens_site li{
	margin:0 0 14px 20px;
}

body#loisirs_tourisme ul#liste_loisirs{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
body#loisirs_tourisme ul#liste_loisirs li{
	margin:12px;
}

ul#recap_liens{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
ul#recap_liens li{
	display:inline;
	float:left;
	margin:10px 28px 20px 28px
}
ul#recap_liens li a{
	color:#564741;
}
ul#recap_liens li a:hover{
	color:#c63;
}

div#mentions_legales{
	padding-top:190px;
	text-align:justify;
}
div#mentions_legales div#gauche{
	display:inline;
	float:left;
	width:400px;
}
div#mentions_legales div#droite{
	display:inline;
	float:right;
	width:400px;
}

div#footer{
	bottom:1px;
	font-size:11px;
	left:0;
	position:absolute;
	text-align:center;
	width:100%;
}
div#footer p{
	margin-bottom:2px;
}
div#footer p#droits_reserves{
	color:#CCC;
	font-size:9px;
}
#reservit { position:absolute; top:390px; right:-10px; background:url(../images/logo-inter-hotel-reservit-fr.png) no-repeat left top; height:120px; width:100px; overflow:hidden; }
#reservit:hover { background-position:left bottom; }
#reservit a.fr { display:block; height:120px; width:100px; padding-left:100px; }
#reservit a.en { display:block; height:13px; width:17px; top:20px; left:81px; top:45px; padding-left:100px; position:absolute; }