body {
	font-family: Verdana, monospace;
	font-size: 10px;
	color: #8a3108;
	background: #faf6f0;
}

/* En-tetes */
h1,h2,h3,h4,h5,h6{font-family: Helvetica, Verdana, Arial; margin: .3em 0 .3em 0; }
h1{color: #7a2c08; font-size: 2.0em; text-transform: uppercase; }
h2{color: #7a2c08; font-size: 1.7em;}
h3{color: #7a2c08; font-size: 1.5em;}
h4{color: #8a3108; font-size: 1.3em; font-weight: bold;}
h5{color: #8a3108; font-size: 1.1em; font-weight: bold;}
h6{color: #8a3108; font-size: 1.0em; font-weight: bold;}

/* Liens */
a {color: #7a2c08; text-decoration: none; font-weight: bold;}
a:hover, a:active {text-decoration: underline;}
a img {border: none;}

/* Utils */
.clear {
	clear: both;
}

/* Header */
#image_header {
	width: 108px;
	height: 39px;
	margin: 50px auto 0 auto;
	position:relative;
	left: -300px;
}

/* Content */
#container {
	width: 720px;
	margin: 0 auto;
	background: #fff url('../images/bg_container.jpg') no-repeat 0 40px;
}

#section_gauche {
	float: left;
	width: 340px;
}
#section_gauche p, #section_gauche h1, #section_gauche h2, #section_gauche h3 {
	margin-left: 5px;
}
#slideshow {
	height: 402px;
	width: 340px;
	border: 1px solid #D9AE7D;
}
#texte_gauche {
	background: #0f0;
}
#section_droite {
	float:left;
	width: 375px;
}
#recommendation {
	float: right;
	margin: 5px 5px 0 0;
}
#recommendation a, #recommendation a:hover, #recommendation a:active {
	color: #bbb;
	text-decoration: none;
}
#recommendation a img{
	border: none;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
}
#recommendation a:hover img{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
#recommendation a span{
	visibility:hidden;
	position:relative;
	top: -30px;
}
#recommendation a:hover span, #recommendation a:active span{
	visibility:visible;
}

#texte {
	width: 345px;
	margin: 20px 10px;
}

/* Menu */
#menu {
	margin-top: 50px;
}
#menu ul {
	list-style-type: none;
}
#menu ul li {
	width: 54px;
	height: 54px;
	float: left;
	margin-left: 10px;
}
#menu ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
#menu ul li a span{
	display: none;
}
#menu ul li a img{
	position: relative;
	top: -40px;
	left: -10px;
	display: none;
}
#menu ul li a:hover img, #menu ul li a:active img{
	display: block;
}

#menu ul li.accueil{margin-left: 0;}
#menu ul li.accueil a{background: url('../images/menu/accueil.jpg');}
#menu ul li.accueil_act a{background: url('../images/menu/accueil_on.jpg');}
#menu ul li.accueil a:hover {background: url('../images/menu/accueil_on.jpg');}

#menu ul li.chambres{}
#menu ul li.chambres a{background: url('../images/menu/chambres.jpg');}
#menu ul li.chambres_act a{background: url('../images/menu/chambres_on.jpg');}
#menu ul li.chambres a:hover {background: url('../images/menu/chambres_on.jpg');}
#menu ul li.chambres img {left: -15px; }

#menu ul li.localisation{}
#menu ul li.localisation a{background: url('../images/menu/localisation.jpg');}
#menu ul li.localisation_act a{background: url('../images/menu/localisation_on.jpg');}
#menu ul li.localisation a:hover {background: url('../images/menu/localisation_on.jpg');}
#menu ul li.localisation img {left: -20px; }

#menu ul li.reservation{}
#menu ul li.reservation a{background: url('../images/menu/reservation.jpg');}
#menu ul li.reservation_act a{background: url('../images/menu/reservation_on.jpg');}
#menu ul li.reservation a:hover {background: url('../images/menu/reservation_on.jpg');}
#menu ul li.reservation img {left: -25px; }

#menu ul li.services{}
#menu ul li.services a{background: url('../images/menu/services.jpg');}
#menu ul li.services_act a{background: url('../images/menu/services_on.jpg');}
#menu ul li.services a:hover {background: url('../images/menu/services_on.jpg');}

/* Footer */
#footer {
	width: 100%;
	height: 130px;
	vertical-align:bottom;
}
#footer #logo {
	width: 131px;
	float:left;
	margin: 40px 0 0 25px;
}
#footer #titre_section {
	float:right;
	width: 540px;
	border-bottom: 1px solid #E1D2AA;
}
#footer #titre_section img {
	margin-left: 150px;
}


#coordonnees {
	margin: 0px auto;
	width: 720px;
	height: 50px;
	text-align:center;
	margin-top: 30px;
	padding-top: 10px;
	background: url('../images/bg_footer.jpg') repeat-x;
}
#coordonnees #title {
	font-weight: bold;
}
#coordonnees #adresse {

}

#footer_text {
	margin: 0px auto;
	width: 700px;
	margin-top: 20px;
	font-size: 0.9em;
	color: #D6C389;
}
#footer_text  a {
	color: #D6C389;
}

/* Formulaire */
#formulaire label {
	width: 80px;
	height: 25px;
	float: left;
	display: block;
	clear: left;
}

#formulaire input.submit {
	float: right;
	margin-right: 10px;
}

#formulaire input {
	margin-bottom: 5px;
}
#submit_link a {
	width: 90px; 
	height: 29px;
	background-image:url(fileadmin/templates/images/reservation_submit.jpg)
}

#submit_link a:hover {
	background-image:url(fileadmin/templates/images/reservation_submit_hover.jpg)
}