@charset "utf-8";
/* CSS Document */
* {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:Tahoma, Arial;
}
body {
	margin:6px 0 10px 0;
	color:#545252;
}
img {
	border:none;
}
#home {
	width:710px;
	margin:0 auto;
	position:relative;
	
}

/******************************************* TOP ***************************************************/
#top {
	width:710px;
	height:162px;
}
#top div{
	float:left;
}
#img_top {
	background:url(../images/commun/img_top.jpg) 0 0 no-repeat;
	width:418px;
	height:160px;
	border:1px solid #d9d9da;
	margin-right:4px;
}
#logo {
	width:279px;
	height:160px;
	border:1px solid #d9d9da;
	margin:0 0 0 4px;
}
#logo .logo{
	background:url(../images/commun/logo.jpg) 0 0 no-repeat;
	width:279px;
	height:127px;
}
#logo .menu{
	width:279px;
	height:23px;
	margin:10px 0 0 0;
}
#logo .menu li{
	display:block;
	width:91px;
	height:23px;
	padding:0 0 0 24px;
	font-size:12px;
	float:left;
}
#logo .menu .li{
	background:url("../images/commun/home_icon.gif") 0 0 no-repeat;
	width:59px;
}
#logo .menu .lii{
	background:url("../images/commun/contact_icon.gif") 0 0 no-repeat;
	width:50px;
}
#logo .menu .liii_en{
	background:url("../images/commun/flags/english_icon.gif") 0 0 no-repeat;
	width:86px;
}
#logo .menu .liii_fr{
	background:url("../images/commun/flags/francais_icon.gif") 0 0 no-repeat;
	width:95px;
}
#logo .menu li a{
	text-decoration:none;
	color:#313d33;
	
}
#logo .menu li a:hover{
	color:#666666;
}

/********************************************** MENU *****************************************************/
#partie_gauche {
	width:182px;
	float:left;
}
#menu {
	border:1px solid #d9d9da;
	width:182px;
	margin:6px 0 0 0;
padding-bottom:6px;
}
#menu h3{
	background:url(../images/commun/bg_menu.gif) 100% 0 repeat-x;
	margin:3px 0 0 0;
	padding:5px 0 0 6px;
	color:#61110d;
	font-size:12px;
}
#menu .le_top{
	background-image:none;
}
#menu li {
	margin:0 0 0 6px;
	color:#313d33;
	font-size:12px;
	text-decoration:none;
	padding: 0 0 0 6px;
}
#menu li a{
	color:#313d33;
	font-size:12px;
	text-decoration:none;
}
#menu li a:hover{
	color:#9F1A13;
}
#menu li.current a{
	color:#9F1A13;
}
.dar_zellij {
	margin:9px 0 0 0;
	
	height:71px;
}
.dossierpresse img{
	width:auto;
	height:auto;
}
.exposition img{
	width:auto;
	height:auto;
}
/********************************************* Content ***************************************************/
#content {
	width:516px;
	position:relative;
	margin:6px 0 0 0;
	/*bordedr:1px solid #000;*/
	float:right;
}
.text_top {
	width:514px;
	
	border:1px solid #d9d9da;
}
#text_top2 {
	min-height:65px;
}
.text_top p{
	text-align:justify;
	font-size:12px;
	color:#545252;
	padding:4px 4px 0 4px;
}
.text_top h2{
	position:absolute;
	display:block;
	float:left;
	width:241px;
	height:35px;
	margin:18px 0 0 10px;
	color:#61110d;
}
.text_top h4{
	display:block;
	float:right;
	font-size:12px;
	color:#000000;
	margin:25px 10px 0 0;
}
.text_top h4 span{
	color:#61110d;
}
/**************** a la une **************/
.a_la_une{
	width:253px;
	height:261px;
	border:1px solid #d9d9da;
	margin:6px 0 0 0;
	float:left;
}
.a_la_une.aLaUneLarge{
	height: 378px;
	margin-bottom: 6px;
}
.a_la_une h2, .promotions h2, .newsletter h2, .agenda h2{
	color:#61110d;
	font-size:22px;
	height:29px;
	margin: 4px 0 0 4px;
}
#access_title{
	font-size: 12px;
	height:14px;
	
}
.a_la_une a{
	color:#262322;
	text-decoration: none;
}
.a_la_une div{
	width:253px;
	position:relative;
	float:left;
}
.a_la_une div img{
	border: 1px solid #bf9492;
	margin: 4px 0 0 6px;
	float: left;
}
.a_la_une div h3{
	position: absolute;
	color: #262322;
	width: 155px;
	font-size: 12px;
	left: 96px;
	top: 4px;
}
.a_la_une div p{
	position:absolute;
	color:#545252;
	width:155px;
	font-size:10px;
	left:96px;
	top:19px;
}
.a_la_une div p span{
	color:#6d1612;
	font-size:16px;
	font-weight: bold;
}
.a_la_une  .la_suite{
	float: right;
	width: 50px;
	text-align: center;
	margin-top: -4px;
	
}
/**************** promotions **************/
.promotions, .promotions.acces_client{
	width:253px;
	height:140px;
	border:1px solid #d9d9da;
	margin:6px 0 0 0;
	overflow: hidden;
}
.promotions.acces_client h2, .newsletter h2{
	height: 36px;
	margin-bottom: 6px;
}
.promotions{
	height: 109px;
	margin-bottom: 6px;
}
.promotions h2{
	height: 24px;
}
.promotions p{
	margin:0 0 4px 5px;
	color:#262322;
	width:250px;
	font-size:11px;
}
.promotions p span{
	color:#262322;
	width:250px;
	font-size:18px;
	font-weight:bold;
}
.promotions li{
	margin:2px 0 0 9px;
	color:#262322;
	width:250px;
	font-size:12px;
}
.promotions li span{
	color:#6d1612;
	
}
.promotions .pro_res {
	margin:5px 0 4px 9px;
	color:#262322;
	width:250px;
	font-size:11px;
}
.promotions .pro_res span{
	color:#721914;
	width:250px;
	font-size:18px;
	font-weight:bold;
}
/**************** newsletter **************/
.newsletter {
	width:253px;
	height:113px;
	border:1px solid #d9d9da;
	margin:6px 0 0 0;
	top:206px;
	float:right;
}
.newsletter p{
	width:244px;
	color:#262322;
	font-size:11px;
	line-height: 15px;
	margin:0 6px 0 6px;
	padding-bottom: 6px;
}
.newsletter form{
	position:relative;
	margin:6px 0 0 6px;
	padding:3px 0 0 0;
}
.newsletter form input{
	margin:0 0 0 6px;
	border:1px solid #bf9492;
}
.newsletter .img_form{
	display:block;
	position:absolute;
	border:1px solid #bf9492;
	left:153px;
	top:0;
}
/**************** agenda **************/
.agenda {
	width:253px;
	height:109px;
	border:1px solid #d9d9da;
	margin:6px 0 0 0;
	top:310px;
	float:right;
}
.agenda p{
	width:240px;
	color:#262322;
	font-size:11px;
	margin:3px 0 0 6px;
}
.agenda p span{
	color:#262322;
	font-size:13px;
	font-weight:bold;
}
.la_suite {
	width:240px;
	text-align:right;
	font-size:12px;
	color:#6d1612;
	display:block;
	margin:5px 0 0 0;
}
.la_suite a{
	color:#6d1612;
	text-decoration:none;
	font-size: 13px;
}
/**************** images **************/
.images {
	margin:5px 0 0 0;
	
}
.images img{
	border:1px solid #ae8587;
	padding:2px 2px 3px 3px;
}
/**************** footer **************/
.footer {
color:#3f3e3e;
font-family:verdana;
font-size:9px;
text-align: center;
margin: 0 auto;
}
.footer a{
	color:#3f3e3e;
font-family:verdana;
font-size:9px;
text-decoration:none;
}
.footer_pr {
	
	
}
.footer p{
	text-align:center;
	font-size:9px;
	color:#3f3e3e;
}
.footer_pr p{
	
	text-align:center;
	font-size:9px;
color:#3f3e3e;
}
/********************************************************************************************************/
.clear {
	clear:both;
}
/***********************************************************************************  PAGE Produit *************************************************************************/
.des_pr {
	width:514px;
	min-height:60px;
	border:1px solid #d9d9da;
	margin:6px 0 0 0;
	padding-bottom: 5px;
}
.des_pr p{
	color:#262322;

	font-size:11px;
	margin:16px 16px 16px 16px;
	text-align:justify;
	
}
/**************************************/
.produit {
	margin:6px 0 0 0;
	width:516px;
	height:285px;
	/*bordser:1px solid #000;
	position:relative.*/
}
.img_pr {
	width:362px;
	height:268px;
	border:1px solid #d9d9da;
	float:left;
	padding: 20px 0 0 5px;
}
.img_pr.center{
	margin:0px auto;
	text-align:center;
	
	width:509px;
}
.img_pr img{
	margin:17px 0 0 17px;
}
.promo_pr {
	width:137px;
	height:170px;
	border:1px solid #d9d9da;
	float:right;
	margin:0 0 6px 0;
	padding: 3px 3px 3px 3px;
	overflow: hidden;
}
.promo_pr h3{
	color:#61110d;
	font-size:18px;
	margin:13px 0 0 11px;

}
.promo_pr h4{
	width:123px;
	color:#000000;

	font-size:10px;
	margin:2px 0 10px 11px;
}
.promo_pr h4 span{
	font-size:16px;
}
.promo_pr ul{
	margin:2px 0 0 11px;
}
.promo_pr ul li{
	margin:2px 0 0 0;
	font-size:12px;

	font-weight:bold;
}
.promo_pr ul li span{
	color:#61110d;
}
.situation_pr, .tarifs_pr, .galerie_pr, .reservation_pr {
	width:143px;
	height:31px;
	border:1px solid #d9d9da;
	border-bottom:none;
	margin:0 0 0 0;
	float:right;
}
.situation_pr h3, .tarifs_pr h3, .galerie_pr h3, .reservation_pr h3{
	color:#61110d;
	font-size:18px;
	margin:6px auto 0 0;
	text-align:center;

}
.reservation_pr {
	border-bottom:#d9d9da solid 1px;
}
.situation_pr h3 a, .tarifs_pr h3 a, .galerie_pr h3 a, .reservation_pr h3 a{
	color:#61110d;
	font-size:18px;
	margin:6px auto 0 0;
	text-decoration:none;
	text-align:center;
width:143px;
	
}
/**************************************/
.detail_pr {

	font-size:14px;
	width:504px;
	min-height:183px;
	border:1px solid #d9d9da;
	margin:10px 0 0 0;
	position:relative;
	padding:10px 0px 10px 10px;
}
.detail_pr h5{
	color:#000000;
	font-weight:bold;

	margin:10px 0 0 0;
}
.detail_pr li{
	color:#000000;
	font-size:12px;

}
.detail_pr .detail_pr_cll{
	position:absolute;
	width:260px;
	margin:10px 0 0 10px;
}
.detail_pr .detail_pr_clr{
	position:absolute;
	width:260px;
	margin:10px 0 0 10px;
	left: 260px;
}
.detail_pr .detail_pr_clb{
	position:absolute;
	width:400px;
	margin:10px 0 0 10px;
	top:190px;
}
/**************************************/
.tarif_pr {
	width:504px;
	min-height:110px;
	border:1px solid #d9d9da;
	margin:6px 0 0 0;

	position: relative;
	padding:10px 0 10px 10px;
}
.tarif_pr h5{
	color: #000000;
	font-size:12px;
	margin: 10px 0 0 10px;
}
.tarif_pr ul{
	margin: 10px 0 0 10px;
}
.tarif_pr li{
	font-size:12px;
}
.tarif_pr li span, .tarif_pr_clr li span{
	color:#61110d;
	font-weight: bold;
}
.tarif_pr_clr {
	position:absolute;
	width: 200px;
	left: 260px;
	margin: 10px 0 0 0;
	top: 10px;
	font-size:10px;
	font-weight: bold;
}
.tarif_pr_clr li{
	margin: 6px 0 0 0;
}
/**************************************/
.reservation {
	width:514px; 
	height:420px;
	margin:6px 0 0 0;
	border:1px solid #d9d9da;
	position:relative;
}
.reservation h2{
	width:200px;
	color:#61110d;
	font-size:22px;

	margin:10px 0 0 10px;
}
.reservation h2 span{
	color:#ff0000;
	font-size:12px;

}
.reservation ul {
	float:left;
}
.form_pr_l {
	width:242px;
	margin:10px 0 0 10px;
}
.form_pr_l label, .form_pr_r label{
	font-weight:bold;
	font-size:12px;

}
.form_pr_l input, .form_pr_r input{
	height:17px;
	width:237px;
	border:1px solid #d9d9da;
}
.form_pr_r {
	width:242px;
	margin:10px 0 0 10px;
}
.textarea {
	height:61px;
	width:237px;
	border:1px solid #d9d9da;
}
.butt_env {
	position:absolute;
	margin:10px 20px 0 0;
	float:right;
	top:370px;
	left:364px;
}
/******************************************************/
.liste_pr {
	width:514px;
	min-height:340px;
	border:1px solid #d9d9da;
	margin:6px 0 0 0;
}
.liste_pr div {
	width:500px;
	margin: 15px 7px 5px 7px;
	position:relative;
	min-height:55px;
}
.liste_pr div .img {
	border:1px solid #bf9492;
	margin:0px 0 0 6px;
}
.liste_pr div h3{
	position:absolute;
	color:#61110D;
	width:400px;
	font-size:14px;
	left:96px;
	top:0px;

}
.liste_pr div h3 a{
	color:#61110D;
	text-decoration:none;
}
.liste_pr div h3 span{
	color: #666666;
	font-size:12px;
}
.liste_pr div p{
	position:absolute;
	display:block;
	color:#545252;
	width:400px;
	font-size:12px;
	left:96px;
	top:15px;

}
/***********************************/
.text_top_liste {
	display:block;
	width:514px;
	border:1px solid #d9d9da;
}
.text_top_liste h2{
	display:block;
	width:480px;
	min-height:35px;
	margin:10px 0 0 10px;
	color:#61110d;
}
/*************************************************/
.cont_pr {
	width:494px;
	min-height:712px;
	border:1px solid #d9d9da;
	margin:6px 0 0 0;
	padding: 10px 10px 10px 10px;
	text-align: justify;

	font-size: 12px;
}
.cont_pr div {
	width:500px;
	margin: 15px 7px 5px 7px;
	padding: 10px 10px 10px 10px;
}
.cont_pr img{
	margin:6px 6px 6px 6px;
	float: left;	
}
/*************************************************/
.div_liste_pr {
	margin: 5px 0 0 0px;
}
.div_liste_pr .content img{
	margin:6px 6px 6px 6px;
	float: left;	
}
.agendalist .liste_pr .div_liste_pr h3, .agendalist .liste_pr .div_liste_pr p{
	position:static;
	width:500px;
}
/************************************************/
.contact{
	width:490px; 
	height:500px;
	padding: 10px 10px 10px 10px;
	margin:6px 6px 0 0;
	border:1px solid #d9d9da;
	position:relative;
	float: right;
}
.contact div{
	width:500px; 
	/*height:450px;*/
}
.butt_env_contact {
	position:absolute;
	margin:10px 20px 0 0;
	float:right;
	top:470px;
	left:364px;
}

/*************************************************/
.text_top_contact {
	width:510px;
	height:59px;
	border:1px solid #d9d9da;
	margin: 6px 6px 0 0;
	float: right;
}
.text_top_contact h2{
	position:absolute;
	display:block;
	float:left;
	width:241px;
	height:35px;
	margin:18px 0 0 10px;
	color:#61110d;
}












/*--------------	spry related		--------------*/
#requiredName, #requiredEmail, #requiredDemande{
	position:relative;
}
.validMsg{
	position: absolute;
	display:none;
	z-index:1000;
}
#form .textfieldFocusState input, #form .textareaFocusState textarea{
	background:#e9f5fa;
}
#form .textfieldRequiredState input, #form .textareaRequiredState textarea{
	background:#FFDFDF;
	border:1px solid #8F3535;
}
#form .textfieldValidState input, #form .textareaValidState textarea{
	border:1px solid #1D4F29;
}
#form .textfieldInvalidFormatState input{
	border:1px solid #8F3535;
	background-color:#FFDFDF;
}
#form .textfieldValidState .validMsg, #form .textareaValidState .validMsg{
	display:inline;
	right:-5px;
	top:21px;
}
/*captcha*/
#securite{
	position:relative;
	padding:16px 0 40px 0;
	width:400px;
	margin:0 auto;
	top:10px;
}
#securite strong{
	font:bold 15px tahoma;
	position:absolute;
	top:90px;
}
#securite .txt{
	color:#798e93;
	position:absolute;
	top:16px;
	left:110px;
	width:200px;
	padding:0;
}
#securite .captcha{
	border:1px solid #b2d9e3;
	width:1px;
	height:62px;
	text-align:center;
	letter-spacing:5px;
	font-size:46px;
	color:#62b9dc;
	padding:10px 2px 2px;
	position:absolute;
	right:0;
	top:16px;
}
/*#securite .captcha_1{
	width:100px;
	padding:00px 0 0 00px !important;
	padding:20px 0 0 110px;
}*/
#securite .bold{
	color:#cf0000;
	font:bold 12px Tahoma;
	position:absolute;
	top:55px;
	left:80px;
}
#securite img{
	border:1px solid #b2d9e3;
	float:left;
	margin:0 10px 0 0;
	position:absolute;
	top:16px;
	left:0;
}
.form_pr_r div .captcha {
	width:40px;
	height:40px;
	position:absolute;
	left:130px;
	text-align:center;
	letter-spacing:5px;
	font-size:20px;
	color:#62b9dc;
}
.form_pr_r div .captcha_1 {
	padding:00px 0 0 00px !important;
	padding:20px 0 0 110px;
	float:left;
}
.form_pr_r div {
	width:100px;
	height:50px;
}
.form_pr_r div p{
	width:130px;
	font-size:12px;
	position:absolute;
	left:320px;
}
.noHeight{
	height:0px;
}
.newsletter p{
	font-size:11px;
}
.form_pr li{
	padding:5px 0 0 10px;
}
.form_pr li label{
	display:block;
	font-size:13px;
	font-weight:bold;
}
.detail_pr .detail_pr{
border:0px solid #FFF;
}
.tarif_pr .tarif_pr{
border:0px solid #FFF;
}
.baseline{

color:#3f3e3e;

font-size:9px;
text-align: center;
margin: 0 auto;
/* width:500px; */


}
.baseline a{
	text-decoration:none;
	color:#333333;
	
	font-size:9px;
	
}


/*--------------	reservation beenbiz		--------------*/
#bookBeenbiz {
	width:814px;
	margin:0 auto;
	position:relative;
}

#bookBeenbiz #logo {
	position:absolute;
	right: 2px;
}

#bookBeenbiz #content {
	float: left;
	margin-left: 10px;
	width: 620px;
	overflow: hidden;
}
#bookBeenbiz .text_top, #bookBeenbiz .des_pr {
	width: 618px;
}
.fright{float: right;}
.fleft{float: left;}
.formAccesClient .connexion{
	background: url(../images/commun/bg_connexion.jpg) 0 0 repeat-x;
	border: 1px solid #bf9492;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px 3px;
	float: right;
	width: 90px;
}
.formAccesClient{
	font-size: 11px;
	width: 250px;
}
.formAccesClient table{
	width: 100%;
}
.formAccesClient input{
	border: 1px solid #BF9492;
	width: 99%;
}