@charset "utf-8";
/* 
Feuille de style CSS generale	
*/

body {	
	height: 		  	 	100%;
	margin: 		 	 	0 auto;
	padding: 		 	 	0;
	text-align:      	 	center;
	font-family: 	  	 	Arial, Helvetica, sans-serif;
	font-size: 		  	 	12px;
	color:					#4c4c4c;		
	
	background:				url(images/fond_repeat.png) repeat-x #1f0021;	
}

img {
	display: 				inline;
	border:  				none;
	vertical-align: 		bottom;	
}

a img:hover{
	filter : 			alpha(opacity=90);
    -moz-opacity : 		0.9;
    opacity : 			0.9;
}

.separation{
	width:				100%;
	height:				1px;
	clear:				both;
}

#motif {
	width:				76px;
	height:				301px;
	background:		 	url(images/motif.gif) no-repeat;
	
	margin-left:		-80px;
	margin-top: 		24px;
	position:			absolute;
}

*{
	margin:				0;
	padding:			0;
}

p{
	margin:				10px 0;
}

/* ======== CONTENEUR ========= */

#conteneur {
	width: 			  	990px;
	height: 		  	auto;
	margin:			  	0 auto;
	padding: 		  	0;
	text-align: 	  	left;
}

/* ======== HEADER ========= */

#header {
	margin: 		  	0;
	padding: 		  	0;
	width:				100%;
	height: 		  	118px;/* 118 */
}
#logo{
	float:				left;
		
	width:				236px;
	height: 		  	118px;
}
#header_droite{
	float:				right;
	
	height:				118px;		
	text-align:			right;		
}

#newsletter_langue_reservation{
	float:				right;

	width:				314px;
	height:				68px;/* 78 */
	text-align:			left;
	
	padding-top:		10px;
}
#newsletter_langue{
	width:				314px;
	height:				19px;
}
#label_newsletter{
	float:				left; /* left quand langues, right sinon */
	font-size: 			11px;
	color: 				#c59684;
	
	margin-top:			2px;
}
#form_newsletter{
	float:				left; /* left quand langues, right sinon */
	
	margin:				0;
	padding:			0;
	width:				159px;/*149*/
	height:				19px;	
	
	margin-left:		10px;
	_margin-left:		0px;/* hack ie6 */
}
#text_newsletter{
	float:				left;
	margin:				0;
	padding:			0;
	width:				124px;/* 126 */
	height:				19px;/* 19 */
	border:				none;
	background:			url(images/newsletter_input.gif) no-repeat;
	
	font-size:			11px;
	line-height:		19px;
	color:				#a37f79;
	
	padding-left: 2px;
}
#submit_newsletter{
	float:				left;
	margin:				0;
	padding:			0;
	width:				23px;
	height:				19px;/* 19 */
	cursor:				pointer; 
	border:				none;
	background:			url(images/newsletter_submit.png) no-repeat;
}
#langue{
	float:				right;
	width:				90px;
	height:				11px;
	text-align:			right;			
}
.drapeau{
	margin-left:		10px;
}

#reservation{
	clear:				both;
	
	margin:				0;
	padding:			0;
	width:				314px;
	height:				32px;
	
	margin-top:			17px;
}

a#reservation_online, a.reservation_online,
a#reservation_online:visited, a.reservation_online:visited,
a#reservation_online:active, a.reservation_online:active
{
	display: 				block;
	float:					left;
	width:					127px;
	height:					29px;
	line-height:			29px;
	background-image: 		url(images/reservation_en_ligne.png);
	background-repeat: 		no-repeat;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				11px; 
	color:					#ffffff; 
	text-align:				center;
	padding:	        	0;
	margin-right:			10px;
	text-decoration:		none; 
}
a:hover#reservation_online, a:hover.reservation_online {
	text-decoration:		underline;
}
.reservation_online img:hover{
	filter : 			alpha(opacity=90);
    -moz-opacity : 		0.9;
    opacity : 			0.9;
}
#menu_header{	
	margin-top:			12px;			
}

#menu_header a,#menu_header a:visited,#menu_header a:active{
	text-transform:		uppercase;
	font-size:			10px;
	color:				#af8b7b;
	text-decoration:	none;
	
	margin-left:		22px;
}
#menu_header a:hover{
	text-decoration:	underline;
}

/* ======== VISUEL ========= */

#visuel {
	margin: 		  	0;
	padding: 		  	0;
	width:				100%;
	height: 		  	330px;
	
	background:			url(images/loading.jpg) no-repeat;
	
	font-size:			12px;
	font-weight:		normal;
}
#visuel_alternatif{
	width:				990px;
	height: 		  	330px;
	
	background:			#000000;
}
#visuel h2{
	font-size:			12px;
	font-weight:		normal;
	margin:				0;
	padding:			0;
}

/* ======== MENU ========= */

#menu {
	margin: 		  	0;
	padding: 		  	0;
	width:				100%;
	height: 		  	44px;
	
	text-align:			center;
	
	background:			url(images/menu_repeat.gif) repeat-x;
}

#menu a, #menu a:visited, #menu a:active{
	font-size:			11px;
	color:				#edcba1;
	text-transform:		uppercase;
	text-decoration:	none;
	line-height:		44px;
	letter-spacing:		0.9px;
	
	padding:			10px 30px 10px 30px;
}
#menu .petit_hover:hover{
	color:				#bea6b3;
	background:			url(images/pt_menu_hover.png) no-repeat center;
}
#menu .grand_hover:hover{
	color:				#bea6b3;
	background:			url(images/menu_hover.png) no-repeat center;
}
#menu #menu_actif{
	color:				#bea6b3;
	font-weight:		bold;
}

/* ======== CONTENU ========= */

#contenu {
	margin: 		  	0;
	padding: 		  	0;
	width:				100%;
	min-height:		  	250px;
	
	background:			url(images/contenu_repeat.png) repeat-y;		
}

#contenu_gauche{
	float:				left;

	width:				231px;/* 273 */
	height:				auto;
	
	padding-left:		42px;
	
	background:			url(images/motif_titre.gif) no-repeat transparent top left;
}
#contenu_droite{
	float:				right;

	width:				717px;
	height:				auto;
}

#titre{
	width:				227px;
	height:				auto;	
	
	background:			url(images/trait_sous_titre.png) bottom no-repeat;
}
#titre h1, #titre h2{
	margin:				0;
	padding:			0;

	width:				227px;	
	letter-spacing: 	2.2px;
	font-size: 			29px;
	font-weight:		normal;
	font-family: 		"Times New Roman", Times, serif;
	color:				#8f6f61;
	text-transform:	 	uppercase;
	
	padding:			22px 0 0 2px;
}




/* ======== MENU CONTENU ========= */

#menu_contenu{
	width:				227px;
	height:				auto;	
}

#menu_contenu ul{
	margin: 			0;
	padding:			0;
	
	width:				227px;/* 227 */	

	list-style-type:	none;

	font-family: 		"Times New Roman", Times, serif;
	color:				#8e6c61;
	font-size:			14px;

	font-weight:		bold;
	letter-spacing:		0.8px;
	
	margin:				13px 0 20px 0;
}
#menu_contenu ul #menu_contenu_page_active{	
	background:			url(images/puce_menu_fonce.gif) no-repeat top left #e2d9d2;
	padding-left:		40px;
}
#menu_contenu ul li{
	line-height:		21px;		
	background:			url(images/puce_menu_claire.gif) no-repeat left top;
	clear:				both;
}

#menu_contenu a, #menu_contenu a:visited, #menu_contenu a:active{
	display:			block;
	
	width:				187px;/* 227 */
	min-height:				21px;

	font-weight:		normal;
	text-decoration:	none;
	color:				#8e6c61;		
	
	padding-left:		40px; 
}
#menu_contenu a:hover{	
	text-decoration:	underline;
	background:			url(images/puce_menu_fonce.gif) no-repeat left top #e2d9d2;
}


/* ======== FIL ACTUALITES ========= */

#fil_actualites{
	width:				231px;
	height:				auto;
}
#fil_actualites_en_savoir_plus{
	width:				226px;/* 231 */
	height:				25px;
	
	font-size:			12px;
	text-transform:		uppercase;
	color:				#60463d;
	
	padding-left:		5px;
	
	background:			url(images/trait_sous_titre.png) bottom no-repeat;
}
#fil_actualites_marquee{
	width:				231px;
	height:				33px;
	
	background:			url(images/trait_sous_titre.png) bottom no-repeat;
}

#fil_actualites_en_savoir_plus a, #fil_actualites_en_savoir_plus a:visited, #fil_actualites_en_savoir_plus a:active{
	color:				#60463d;
	text-decoration:	none;
}
#fil_actualites_en_savoir_plus a:hover{
	text-decoration:	underline;
}



/* ======== CARTOUCHE PROMOTIONS ========= */

#promotions{
	width:				231px;
	height:				135px;
	font-size: 		  	 12px;
	margin-top:			10px;
}
.promo{
	width:				231px;
	height:				135px;
	background:			url(images/cartouche_promotions.jpg) no-repeat;
}
.titre_promotion a, .titre_promotion a:visited, .titre_promotion a:active{
	width:				151px;/* 231 */
	height:				41px;
	line-height:		41px;
	
	color:				#d19c7c;
	text-transform:		uppercase;
	
	padding-left:		80px;
	text-decoration:	none;
}
.prix_promotion{
	width:				231px;/* 231 */
	height:				35px;/* 65 */
	
	padding:			12px 0 12px 0;
	_padding:			12px 0 5px 0;
}

.nom_promotion a, .nom_promotion a:visited, .nom_promotion a:active{
	float:				left;
	
	width:				130px;/* 90 + 38 + 20 */ 

	font-size:			12px;
	font-weight:		bold;
	color:				#d19c7c;
	
	padding:			0 0 0 20px;
	text-decoration:	none;
	vertical-align:		middle;
}
.ancien_prix_promotion a, .ancien_prix_promotion a:visited, .ancien_prix_promotion a:active{
	float:				left;
	
	width:				38px;
	font-size:			12px;
	color:				#9d6796;
	text-decoration:	line-through;
}
.nouveau_prix_promotion a, .nouveau_prix_promotion a:visited, .nouveau_prix_promotion a:active{
	float:				left;
	
	width:				52px;
	font-size:			30px;
	color:				#e6a774;
	font-weight:		bold;
	text-decoration:	none;
	
	text-align:			right;
}
.euro_par_jour a, .euro_par_jour a:visited, .euro_par_jour a:active{
	float:				left;
	
	width:				20px;
	font-size:			14px;
	color:				#e6a774;
	font-weight:		bold;
	text-decoration:	none;
}
.liens_promotions{
	clear:				both;
	width:				211px;/* 231 */

	padding-left:		20px;
}
.liens_promotions a, .liens_promotions a:visited, .liens_promotions a:active{
	font-size:			11px;
	color:				#b76779;
}
.liens_promotions a:hover{
	text-decoration:	none;
}

#tarif_minimum_par_personne{
	clear:				both;
	width:				211px;/* 231 */
	
	font-size:			11px;
	color:				#b76779;

	padding-left:		20px;
}

/* ======== CARTOUCHE CHEQUE CADEAUX ========= */

#cheque_cadeau{
	width:				231px;
	height:				93px;
	background:			url(images/cartouche_cheque_cadeau.jpg) no-repeat;
	
	margin:				25px 0 20px 0;
}
#offrez_excellence{
	width:				103px; /* 116 */
	height:				45px; /* 60 */
	
	padding:			15px 0 0 13px;
}
#offrez_excellence a, #offrez_excellence a:visited, #offrez_excellence a:active{
	width:				210px;
	height:				45px; /* 60 */

	display:			block;
	text-decoration:	none;
}
#liens_cheque_cadeau{
	clear:				both;
	width:				218px;/* 231 */
	height:				30px;
	line-height:		30px;

	padding-left:		13px;
}
#liens_cheque_cadeau a, #liens_cheque_cadeau a:visited, #liens_cheque_cadeau a:active{
	font-size:			11px;
	color:				#a77254;
}
#liens_cheque_cadeau a:hover{
	text-decoration:	none;
}



/* ======== FOOTER ========= */
#footer{
	text-align:			center;		
	margin:				0 auto;
}

#menu_footer{
	width:				990px;/* 990 */
	height:				12px;
	
    margin:				20px 0 20px 0;	
	padding-left:		0px;	/* 30 */
}



#menu_footer ul{
	list-style-type:	none;	
}
#menu_footer ul li{
	float:				left;
	line-height:		12px;
}
#menu_footer a, #menu_footer a:visited, #menu_footer a:active{
	display:			block;	
	

	font-size:			12px;
	color:				#8e7e8f;
	text-decoration:	none;
	
	padding:			0 20px;
	
	border-right:		1px solid #8e7e8f ;
}
#menu_footer a:hover{
	text-decoration:	underline;
}

#coordonnees{
	font-size:			11px;
	color:				#8e7e8f;
	
	margin-bottom:		25px;
}

/* ========  REFERENCEMENT ========= */

#referencement {
	clear:						both;
	width: 	   					990px;
	margin:   					0 auto;
	padding:   					0;
	font-size: 					9px;
	color: 	   					#999999;
	text-align:					center;
	padding-top: 				10px;
}

#referencement a {
	color: 			 			#999999;
	text-decoration: 			none;
}

#zoom,.zoom{
	height:				18px;
	width:				18px;
	line-height:		18px;
	font-size:			11px;
	color:				#FFFFFF;
	margin:				-20px 0 0 220px;
	z-index:			110;
	background-image:	url(images/zoom.png);
	background-repeat: 	no-repeat;
	position: 			relative;
	display:			block;
}



/* ========  BOUTON ========= */



.bouton {								
	width:				auto;
	height:				29px;
	clear:				both;
	
	margin:				10px 0;
}							
.bouton_gauche{
	float:				left;
	
	width:				5px;
	height:				29px;
	
	background:	 		url(images/bouton_gauche.png) no-repeat;
}
.bouton_centre{
	float:				left;
	
	width:				auto;
	height:				29px;
	
	background:	 		url(images/bouton_repeat.png) repeat-x;
}
.bouton_droite{
	float:				left;
	
	width:				5px;
	height:				29px;
	
	background:	 		url(images/bouton_droite.png) no-repeat;
}


.bouton_centre a, .bouton_centre a:visited, .bouton_centre a:active {								
	min-width:			100px;
	height:				29px;
	display:			block;
	float:				left;
	line-height:		29px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#FFFFFF !important;
	text-decoration: 	none;
	vertical-align:		middle;
	text-align:			center;
}
.bouton_centre a:hover{
	text-decoration: 	underline !important;
}


/* cartouche cheques cadeaux */
#span_cartouche_cheque_cadeau_1{
	font-size: 16px;
	font-weight: bold;
	color: #793712;
}

#span_cartouche_cheque_cadeau_2{
	font-size: 12px;
	color: #793712;
}


