/*	Correction framework
--------------------------------------------------------------------------------*/

body{
	background: #fefcfb;
}

h1{
	display: none;
}

h2{
	font-weight: lighter;
	font-size: 1.7em;
}

ul{
	margin: 0;
}

li{
	list-style: none;
}

textarea,
label input.text{
	width: 100%;
}

a,
a img{
	text-decoration: none;
}

.container{
	position: relative;
}


/*	Variantes arrière plan
--------------------------------------------------------------------------------*/

	/*	Foncé
	--------------------------------------------------------------------------------*/

	.dark{
		z-index: 1;
		position: relative;
		border-top: 3px solid #927b6e;
		border-bottom: 3px solid #6d5d55;
		background: url(../../images/bg_dark.gif) repeat-x 0 0 #7c6b60;
		padding: 7px 0;
	}
	
	.dark h2{
		color: #fefcfb;
	}
	
	.dark p{
		color: #3a3734;
	}
	
	/*	Clair
	--------------------------------------------------------------------------------*/
	
	.bright{
		z-index: 1;
		position: relative;
		background: #fdfcfa;
	}
	
	.bright h2{
		color: #7d6b61;
	}
	
	.bright p{
		color: #5b514b;
	}


/*	Header
--------------------------------------------------------------------------------*/

#header{
	background: url(../../images/bg_header.gif) repeat-x 0 0;
}

#header .container{
	position: relative;
	height: 137px;
}

#page3 #header,
#page8 #header,
#page17 #header{
	background: url(../../images/shadow_header.gif) repeat-x bottom;
	height: 141px;
}


	/*	Coordonnées
	--------------------------------------------------------------------------------*/
	
	#coords{
		position: absolute;
		top: 32px;
		right: 0;
		text-align: center;
		color: #817365;
		line-height: 3.6em;
		margin: 0;
		border-bottom: 1px solid #dbd6d2;
		font-size: 1.1em;
	}
	
	#coords span{
		margin-left: 30px;
	}
	
	#coords span.first{
		margin-left: 0;
	}

	
	/*	Nav main
	--------------------------------------------------------------------------------*/
	
	#header #nav_main{
		position: absolute;
		right: 0;
		top: 95px;
		width: auto;
	}
	
	#header #nav_main li{
		display: inline;
	}
	
	#header #nav_main span{
		font-size: 1.2em;
		font-weight: lighter;
		color: #4f4843;
		padding-left: 1em;
	}
	
	#header #nav_main .active span,
	#header #nav_main a:hover span{
		color: #9e8f81;
	}

	
	/*	Nav translate
	--------------------------------------------------------------------------------*/
	
	#header #translate{
		z-index: 2;
		position: absolute;
		width: auto;
		bottom: -26px;
		right: 40px;
	}
	
	#header #translate .send{
		background: #8e7b71;
		border: 1px solid #85746b;
		border-top: none;
		color: #fefcfb;
		padding: 4px 10px;
		cursor: pointer;
	}
	
	#page3 #header #translate .send,
	#page8 #header #translate .send,
	#page17 #header #translate .send{
		background: #f7f5f0;
		border: 1px solid #e8e6e2;
		border-top: none;
		color: #aa9b91;
	}


/*	Accueil
--------------------------------------------------------------------------------*/

#articles h2{
	border-bottom: 1px solid #e2d7d0;
}

#articles p{
	width: 190px;
}

#articles #hotel{
	background: url(/assets/images/pictos/bag.jpg) no-repeat right bottom;
}

#articles #resto{
	background: url(/assets/images/pictos/couverts.jpg) no-repeat right bottom;
}

#articles #reserv{
	background: url(/assets/images/pictos/agenda.jpg) no-repeat right bottom;
}

#page1 .bright{
	background: url(../../images/shadow_header.gif) repeat-x bottom;
	padding-bottom: 8px;
}


/*	Hotel
--------------------------------------------------------------------------------*/

#page2 .dark h2{
	background: url(../../images/bouble_border_bottom_h2.gif) repeat-x bottom;
	padding-top: 10px;
}

#page2 .dark p{
	margin-top: 20px;
	margin-bottom: 0px;
}

#page2 .dark h2#tarifs-hotel-title{
	margin-bottom: 0;
	background: url(../../images/border-tarifs-hotel-title.gif) repeat-x bottom;
}

#list{
	width: 30px;
}

#list img{
	border: 1px solid #69675f;
	margin: 6px 10px;
}

#tarifs-hotel li{
	width: 50%;
	display: block;
	float: left;
	position: relative;
	text-indent: 10px;
	line-height: 3em;
	color: #3a3734;
}

#tarifs-hotel li strong{
	position: absolute;
	right: 10px;
}

#reserv_link{
	display: block;
	width: 350px;
	height: 126px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../../images/btn_reserv.gif) no-repeat 0 0;
}

#reserv_link span{
	position: absolute;
	bottom: 12px;
	left: 15px;
	color: #fff;
	font-weight: bold;
}


/*	Réservation
--------------------------------------------------------------------------------*/

#page3 .bright h2{
	border-bottom: 1px solid #dbd0c3;
	margin-bottom: 0.3em;
}

#reserv input{
	background: none;
	border: none;
}

#reserv h3{
	color: #524e4b;
}

#reserv label{
	border-bottom: 1px solid #c6ab9d;
	display: block;
	color: #f4eadd;
}

#reserv label input{
	width: auto;
	display: inline;
}

#reserv #cfNbNights,
#reserv #cfAdults,
#reserv #cfChildren{
	width: 30px;
}

#reserv select{
	width: 100%;
}

#reserv textarea{
	width: 100%;
	height: 48px;
	overflow: auto;
	background: #f1efe3;
	border: 1px solid #7e6c61;
}

#reserv .send{
	display: block;
	background: url(../../images/bg_reserv_send.gif) repeat-x bottom #5a514c;
	border: 1px solid #49423f;
	width: 309px;
	line-height: 3em;
	font-weight: bold;
	color: #fff;
	height: 2.7em;
	text-align: left;
	cursor: pointer;
}

#reserv #food_data{
	margin-bottom: 30px;
}

#reserv .flLeft{
	float: left;
}

#reserv label #cfNbRepas{
	width: 30px;
}


/*	Restaurant
--------------------------------------------------------------------------------*/

#page4 .dark h2{
	margin-bottom: 0;
}

#page4 .dark p{
	padding-top: 15px;
}

#page4 .dark{
	padding-bottom: 30px;
}

#selection-mois ul li{
	width: 100%;
	display: block;
	float: left;
	position: relative;
	text-indent: 10px;
	border-bottom: 1px solid #75645b;
	line-height: 3em;
	color: #3a3734;
}

#selection-mois ul li strong{
	position: absolute;
	right: 10px;
}

#link_carte{
	position: absolute;
	right: 0;
	bottom: -25px;
	width: 310px;
	height: 50px;
	background: url(../../images/carte_link.gif) no-repeat 0 0;
}

#link_carte span{
	color: #453d39;
	padding-left: 80px;
}

#link_carte .title{
	font-size: 1.8em;
	line-height: 1.3em;
}

#link_carte .content{
	font-size: 1em;
	display: block;
}


/*	Carte
--------------------------------------------------------------------------------*/

#page5 h2{
	padding-top: 15px;
}

#page5 h3{
	color: #d6cdc5;
	font-size: 1.1em;
	font-weight: lighter;
	padding-bottom: 12px;
}

#page5 .dark .container{
	background: url(../../images/bg_carte.gif) no-repeat top center;
}

#carte_food p,
#carte_food p .carte_price{
	display: block;
}

#carte_food p{
	height: 4em;
	border-bottom: 1px solid #6d5d55;
	position: relative;
	padding-right: 50px;
}	

#carte_food p .carte_price{
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
}

/*	Tourisme
--------------------------------------------------------------------------------*/

.tourisme{
	margin-top: 20px;
	position: relative;
}

.tourisme h2{
	border-bottom: 1px solid #80716a;
}

.tourisme .img-content{
	background: #ebe6d5;
	border: 1px solid #5a4f48;
}

.tourisme a{
	color: #3e3d38;
	font-weight: bold;
	text-decoration: underline;
}


/*	Contact
--------------------------------------------------------------------------------*/

#hotel-position{
	padding-top: 80px;
	padding-bottom: 60px;
}

#page8 .bright h2{
	border-bottom: 1px solid #dbd0c3;
	margin-bottom: 0.3em;
}

#map_link{
	position: relative;
	background: url(../../images/itineraire.gif) no-repeat 0 0;
	display: block;
	width: 230px;
	height: 177px;
	margin-bottom: 20px;
}

#map_link span{
	position: absolute;
	bottom: 14px;
	left: 15px;
	color: #fff;
}

#page8 .dark h2{
	color: #4a4643;
	font-size: 1.6em;
	margin-bottom: 0.3em;
	width: 100%;
}

#contact label{
	border-bottom: 1px solid #c6ab9d;
	display: block;
	color: #f4eadd;
}

#contact label input{
	width: auto;
	display: inline;
	background: none;
	border: none;
}

#subject_label{
	margin-bottom: 90px;
}

#contact label#message{
	border: none;
}

#contact textarea{
	width: 98%;
	height: 198px;
	overflow: auto;
	background: #f1efe3;
	border: 1px solid #7e6c61;
}

#contact .send{
	display: block;
	padding: 0;
	padding-top: 12px;
	background: url(../../images/pointer_send_contact.gif) no-repeat top left #fff;
	border: 1px solid #7e6c61;
	width: 100%;
	line-height: 3em;
	font-weight: bold;
	color: #514842;
	height: 4em;
	text-align: center;
	cursor: pointer;
}