/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

/*
 * Style layout
 * Mise en page du template et positionnement des �l�ments
 * Customisation des �l�ments de la page
 */
 
/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */
html,body{
	margin:0; padding:0;
}
body{
	/*font: 76% arial,sans-serif; text-align:center;*/
	font: 13px "Century Gothic"; 
	background-color:#2A2421;
}
p {
	margin:0 10px 10px;
}

a 			{ color: #2A2421; }
a:visited 	{  }
a:hover 	{  }

h1, h2, h3, h4, h5, h6 { font-family: "Century Gothic"; }
/*h1 { margin:20px 50px 20px 80px; color:#C79E68; font-size:2.2em; border-bottom: 1px solid #000; }*/
h1 { color: #2A2421; border-bottom: 1px solid #000; font-size: 30px; }
h2 {  }
h3 { color:#5574AA; font-size: 29px; color: #000; margin-bottom: 10px; }
h4 { margin-bottom: 10px; }
h5 {  }
h6 {  }

table {
	margin-bottom:0px;
}

th{
	background: #E2BEAE;
}

.ui-widget-header{
	background: #544943;
	color: #FFF;
}

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */
/* conteneur de la page */
div#container {
	width:966px; /* 62em */
	/* max-width:100%; */
	background-color:#FFFFFF;
	/*margin:5px auto;*/
	margin:0 auto;
	/*padding:5px;*/
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	background:url("../img/bg_body.jpg") repeat-y top;
}

div#header_top {
	display:block;
	width:980px;
	height:8px;
	-height:1px;
	margin:0 auto;
	padding-left:5px;
	padding-right:5px;
	background:url("../img/bg_header.jpg") no-repeat top;
}

/* langue et ss menus */
#lang{
	/*border:1px solid #0F0;*/  padding:0 120px;
}
div#lang ul				{ display:inline; width:100px;  list-style-type:none; }
div#lang ul li			{ white-space:nowrap; float:left; }
div#lang ul li a 		{ padding:1px; margin:0; width:26px; height:26px; display:block; }
div#lang ul li a:hover, div#lang ul li a.current 		{ background:url("../img/flag_bg.png") 0px 0px no-repeat; }
div#lang ul li a img 	{ display:inline; vertical-align:middle; border:0; }

div#header_wrap{ width: 966px; margin: 0 auto; color: #E2BEAE; position: relative; }
div#header_central{ text-align: center; padding-top: 40px; }
div#header_content 			{ padding-left:2px;  display:block; /*margin-top:4px;background:url("../img/bg_body.jpg") repeat-y top;width:980px;*/ }
div#header_content table 	{ margin:0;  width:100%; }
div#header_content table td { padding:0; }

div#header{
	margin: 0;
	background: url('../img/bandeau.png') no-repeat top center #544943;
	height: 235px;
	/*width:980px;
	margin:0 auto;
	padding-left:5px;
	padding-right:5px;
	background:url("../img/bg_body.jpg") repeat-y;*/
}

/* second conteneur de la page */
div#wrapper {
	clear:both;
	background: #FFF;
}

/* contenu de la page */
div#contenu {
	display:block;
	clear:both;
	margin:0 auto;
	position:relative;
	background: #FFF;
}

.textepage	 { overflow: hidden; }
.textepage p { text-align:justify;}

/* bas de page */
div#footer {
	/*background:#8FA3C7;*/
	margin: auto;
	background: url('../img/bandeau_bottom.png') no-repeat top center;
	color: #FFF;
	padding-left:10px;
	padding-right:10px;
	margin-left:2px;
	/*border-top:3px #ececec solid;*/
}

div#footer table, div#footer a {
	color:#FFF;
}

div#footer_wrap{ width: 966px; margin: 0 auto; }

div#copyrights {
	clear:both;
	text-align:center;
	font-size:0.9em;
}

/*
 * MENUS ----------------------------------------------------------
 */

div#menuhaut	{ width: 966px; }
div#menuhaut ul { list-style-type:none; margin:0; padding:0; }
div#menuhaut ul li { display:inline; float:left; color:#cccccc; margin:0; line-height:1.4em; }
div#menuhaut ul li a 			{ text-decoration:none; display:inline; font-size:0.9em; color:#999999; }
div#menuhaut ul li a:visited 	{ text-decoration:none; }
div#menuhaut ul li a:hover 		{ text-decoration:underline; color:#000000; }
div#menuleft			{ float: left; margin-top: 23px; }
div#menuright			{ float: right; margin-top: 23px; width: 200px; }
div#menuright_sp		{ width: 96px; height: 2px; margin: 10px 0; background: #E2BEAE; }
div#menuright_left		{ float: left; text-align: center; font-size: 12px; }
div#menuright_right		{ float: right; }
div#menuright_right a	{ margin: 0 3px; }

div#menu { margin: 36px auto 0 auto; padding-bottom: 2px; width: 966px; background: #E2BEAE; font-weight: bold; font-size: 11px; }

div#fil-ariane {
	display:block;
	/*margin:0.5em 0;*/
	margin:0;
	padding:0.3em 1em;
	/*border:1px #ececec solid;*/
	font-size:0.8em;
	background: #FFF;
}
div#fil-ariane ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0; margin:0;
}
div#fil-ariane ul li {
	float:left; display:inline;
}
div#fil-ariane ul li a {
	
}

/* Propri�t�s du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; /*height:2em;*/ padding:2px 0 0; margin:0 auto; height:25px; text-align:center; }
#navigation li		{ display:inline;  list-style: none; padding:0; margin:0; }
#navigation li.current a{ color: #000; }
#navigation li a		{ display:inline; color: #9B8073;  border:0; text-decoration:none; font-weight:normal; vertical-align:middle; padding:0px 1em; font-size:1.3em; margin:0px 0.3em 0 0; white-space: nowrap; line-height:25px; /*line-height:2em; border:1px solid #dedede;*/ }
#navigation li a:hover	{ color: #544943; }
#navigation li.current a
,#navigation li.jd_menu_hover_toolbar a    		{ background:url("") top left repeat-x; }
#navigation li.current ul li a
,#navigation li.jd_menu_hover_toolbar ul li a 	{ background:url(""); }
#navigation li ul { display:none; position:absolute; background-color:#ffffff; clear:left; height:auto; padding:0; margin:0px 0 0 2px; border-top:1px solid #cccccc; z-index:1000; }
#navigation li ul li { display:block; float:left; padding:0; margin:0; list-style-position:outside; }
#navigation li ul li a { display:block; float:left; background:#ffffff url(""); background-color:#FFFFFF; background-image:none; margin:0; padding:0.2em 0.5em; line-height:normal; color:#666666; border:1px solid #cccccc; border-top:0; font-size:1.3em;}
#navigation li ul li a:hover
,#navigation li.jd_menu_hover_toolbar ul li a:hover
,#navigation li ul li.current a { background:#eeeeee url(""); color:#000000; }

div#menubas {
	display:block;
	margin:0;
	font-size:0.9em;
}
div#menubas ul { list-style-type:none; margin: 15px auto 0; padding:0; float: right; font-size: 12px; font-weight: bold; }
div#menubas ul li { display:inline; float:left; padding: 0 30px; border-right: 1px solid #FFF; }
div#menubas ul li.last { border-right: 0; }
div#menubas ul li a 			{ text-decoration:none; display:inline; }
div#menubas ul li a:visited 	{ text-decoration:none; }
div#menubas ul li a:hover 		{ text-decoration:underline; }

div#searchbox { position:relative; width:13em; border:0px #ff0000 solid; float:right; margin-top:-0.5em; }
div#searchbox fieldset { padding:0; margin:0; border:0; float:right; }
div#searchbox fieldset legend { padding:0; margin:0; border:0; font-size:0.8em; display:none; }
div#searchbox fieldset input.text { width:12em; font-size:0.8em; padding:0.2em 0.3em; vertical-align:middle; color:#999999; }
div#searchbox fieldset input.text:focus { color:#000000; }
div#searchbox fieldset button.submit { font-size:0.8em; padding:0.1em; vertical-align:middle; border:0px; background-color:transparent; color:#999999; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */
 
/* Logo Animaweb */
.logo_animaweb {
	float:right;
	position:relative;
	margin:0px;
}

/*
* TABLES */
table.data { width:100%; }
table.data th { font-weight:bold; font-size:1em; color:#333333; white-space:nowrap; padding:0.2em 0.5em; border:1px #eeeeee solid; vertical-align:middle; }
table.data td { padding:0.2em 0.5em; font-size:1em; border:1px #eeeeee solid; vertical-align:middle; }

table.normal { width:100%; }
table.normal th { font-weight:bold; font-size:1em; padding:0; vertical-align:top; }
table.normal td { font-weight:normal; font-size:1em; padding:0; vertical-align:top; }

/*
* FORMULAIRES */
fieldset { background-color:#CDD767; width:450px; color:#2A2421;}
fieldset .required { font-size:1.2em; color:#2A2421; }
fieldset.normal { margin:10px auto; border:1px #FFFFFF solid; padding:1em 0; background:transparent; display:block; border:0px #ff0000 solid; width:100%; }
fieldset.normal legend { font-size:1.5em; background-color:transparent; margin:0 0 0 -0.3em; }
fieldset.normal legend.img{ margin:0 0 0 -0.7em; }
fieldset.normal p { text-align:left; margin-bottom:5px; }
fieldset.normal ul { padding:0; margin:0; }
fieldset.normal ul li { list-style-type:none; margin-bottom:1em; text-align:left; clear:both; position:relative; border:0px #093 solid; padding:0; _margin-bottom:5px; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { min-width:130px; display:block; float:left; margin:0 0 0 0; font-weight:bold; border:0px #ff0000 solid; line-height:30px; /*background:url('../img/bg_label.png') left top no-repeat; padding-left:20px; */}
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; }
fieldset.normal input.text { width:194px; display:block; vertical-align:middle; float:left; clear:right; margin: 5px 0; padding:7px 16px 7px 10px; _background:url(); _border:1px #cccccc solid; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal input.text:focus, fieldset.normal textarea:focus { background-position:0px -50px;  }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:450px; height:5.5em; line-height:1.3em; padding:10px 15px; margin: 5px 0 -7px; _background:url(); _border:1px #cccccc solid; }
fieldset.normal textarea.mini { display:block; width:194px; height:5.5em; padding:10px 15px; margin-bottom:-12px; _background:url(); _border:1px #cccccc solid; }
fieldset.normal textarea.big { height:10em; }
fieldset.normal textarea:focus { background-position:0px -100px; }
fieldset.normal #cryptogram { background: #FFF; }
fieldset.normal .submit { margin:0 auto 0 130px; display:block; cursor:pointer; }
fieldset.normal .submit:hover {  background-position:0px -60px; }


/*
* PLAN Sitemap */
table.sitemap td { vertical-align:top; }
div.sitemap { }
div.sitemap ul { }
div.sitemap ul li { list-style-type:none; }
div.sitemap ul li a { color:#000000; font-weight:bold; font-size:1.3em; line-height:1.3em; }
div.sitemap ul li ul { margin-left:2em; }
div.sitemap ul li ul li { list-style:inside disc; }
div.sitemap ul li ul li a { color:#333333; font-weight:normal; font-size:1em; }
div.sitemap ul li ul li ul { margin-left:2em; }
div.sitemap ul li ul li ul li { list-style:inside lower-latin; font-size:0.8em; }

/*
* Bloc actualit�s */
.block_actualites {  }
.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.block_actualites li { display:block; margin:0 5px 1em 0; padding:0.5em; background-color:#F6F6F6; width:45%; float:left; }
.block_actualites a.link_rss { float:right; margin:-3.0em 0 0 0; font-size:9px; text-transform:uppercase; color:#FF9E00; padding:3px 5px; } 
.block_actualites a.link_rss:hover { background-color:#FF9E00; color:#ffffff; } 
.block_actualites h3 { display:block; border-bottom:1px #00CCCC dotted; padding:0.5em; margin:0;  }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:1em; text-align:justify; }
.block_actualites .date { display:block; font-size:9px; color:#cccccc; text-transform:uppercase; text-align:right; padding:0 1em; background-color:#FFFFFF; }

.block_actualites.mini { clear:both; width:60%; /*float:right;*/ background-color:#EFF4FA; padding:0.5em; margin:1em 0 10em 0; display:block; }
.block_actualites.mini li { width:100%;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em;  }
.block_actualites.mini h3 a { display:block; padding:0.5em; text-decoration:none; }
.block_actualites.mini h3 a:hover { background-color:#ffffff; }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }

/*** INDEX ***/
#sliderflow			{ height: 385px; }
#sliderflow ul 		{ list-style-type: none; margin: 0; }
#sliderflow li img 	{ width: 966px; }
#sliderflow li div	{ font-family: "Century Gothic"; font-size: 40px; color: #A99E98; padding-left: 25px; position: relative; margin-top: -53px; z-index: 5; background: rgba(0,0,0,0.5); }

div#content							{ overflow: hidden; margin-top: 5px; }
div#content_right_index				{ float: right; margin: 0 5px 1px 5px; }

div#content_center_index {
	width: 316px;
	height: 487px;
	float: right;
	background: #544943;
	overflow: hidden;
}

div#content_center_index_reserve 	{ margin-top: -5px; background: #E2BEAE; font-family: "Century Gothic"; font-size: 30px; text-align: center; }
div#content_left_index				{ float: right; text-align: justify; width: 291px; height: 465px; margin-right: 5px; padding: 11px; background: #D4CAC5; }

div#content_left_index ul { list-style-type: none; margin: 10px 25px; padding: 0; }
div#content_left_index li { background: url('/medias/images/li.png') no-repeat top left; background-position: 0 0.4em; padding-left: 20px; }

div#content_center_index li {
	margin: 15px 0;
	list-style-type: none;
	overflow: hidden;
}

div#content_center_index .subresa input {
	margin: 0 auto 0 auto;
	display: block;
	background: #E2BEAE;
	color: #675951;
	border: none;
	font-weight: bold;
	padding: 10px 20px;
}
div#content_center_index label {
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	display: block;
	float: left;
	width: 110px;
}
div#content_center_index select	{
	width: 50px;
	text-align: center;
	font-size: 12px; 
	font-weight: bold;
}

li.subresa input {
	margin: 5px 0 0 0;
	background: #E2BEAE;
	color: #675951;
	border: none;
	font-weight: bold;
	padding: 5px 2px;
}

div#ornement312 {
	width:312px;
	height:270px;
	background:url("../img/ornement312_bg.jpg") no-repeat;
}

div#ornement650 {
	width:650px;
	height:235px;
	background:url("../img/ornement650_bg.jpg") no-repeat;
}

div#ornement650 h3, div#ornement312 h3 {
	font-size:20px; 
	font-family:"Century Gothic";
	color:#927900;
	margin-bottom:0px;
}

div#ornement312 h3 {
	padding-left:30px;
}

div#ornement650 h3 {
	padding-left:40px;
}

div#ornement312_content, div#ornement650_content {
	padding:5px;
	margin-left:20px;
	padding-right:20px;
	padding-left:0px;
	/padding-left:5px;
	width:auto;
	height:auto;
}

div#ornement312_content {
	padding-right:5px;
}

#tab_style {
	display:block;
	width:605px;
	margin-left:5px;
	-margin-left:36px;
	/*text-align:justify;*/
}

#tab_style td {
	padding:0;
	padding-right:1px;
}

#tab_style td img {
	/*width:118px;*/
}
/*** FIN INDEX ***/

/* CHAMBRES */

div.chambers_wrap	{ margin: 5px; clear: both; overflow: hidden; background: #D4CAC5; color: #2A2421; position: relative; }
div.chambers_img	{ float: left; margin-bottom: -5px; }
div.chambers_def	{ float: right; width: 550px; }
div.chambers_def h2 { font-size: 30px; margin: 5px auto; }
div.chambers_def p	{ font-size: 14px; border: none; width: 500px; }
div.chambers_def a	{ text-decoration: none; display: block; position: absolute; bottom: 10px; right: 15px; background: #2A2421; color: #D4CAC5; padding: 5px; }

/*** FIN CHAMBRES ***/

.slideshow { height:350px; width:480px;  margin:0 auto; float:right;}
.slideshow img { padding:2px; border:1px solid #5574AA; }

#txtchac { width:150px; height:100%; float:right; margin:10px; text-align:center; font-size:14px; text-align:justify; border:1px solid #F00;}

#desc-ch {  /*border:1px solid #F0F;*/ padding: 0 10px 0 50px; display: table-cell; width: 800px; }
#desc-ch p { margin: auto;}
#desc-ch h3 { margin:20px 20px 10px; }
#desc-ch h4 { margin:10px 20px; }

.desc { list-style:square;}

#environs_content		{ background: #D4CAC5; border: 5px solid #FFF; }
#environs_left			{ width: 112px; margin: 0 5px; display: table-cell; padding: 5px; vertical-align: top; }
#environs_left a		{ display: block; padding: 2px; text-decoration: none; background: url('/medias/images/environs_link.png') no-repeat right 2px; color: #2A2421; }
#environs_left a.link	{ border-bottom: 1px dotted #000; }

#environs_content #liensgche								{ width: 600px; }
#environs_content #liensgche ul								{ list-style-type: none; margin: 10px 25px; padding: 0; }
#environs_content #liensgche li								{ background: url('/medias/images/li.png') no-repeat top left; background-position: 0 0.4em; padding-left: 20px; }
#environs_content #liensdrte								{ margin: auto; float: none; }
#environs_content #liensgche, #environs_content #liensdrte	{ display: table-cell; }

.environs_media 			{ display: table-row; }
.environs_media img 		{ display: table-cell; }
.environs_media div 		{ display: table-cell; vertical-align: top; padding: 10px 25px; }
.environs_media div span 	{ margin-bottom: 10px; display: inline-block; font-weight: bold; }

#desc-dr 	{ float:right; width: 400px; padding:0; }
#desc-dr ul { list-style-type: none; }
#desc-dr li { background: url('/medias/images/li.png') no-repeat top left; background-position: 0 0.4em; padding-left: 20px; }

.artIntro {
	/*background:url("../img/tarifs.jpg") top right no-repeat;*/ 
	font-size:1.2em;   margin:-30px 50px 10px 50px;
}

.imgdrte {
	float:right; padding:2px; border:1px solid #39F; margin:-40px 0 0 0;
}

.artIntro table { width:500px; }
.artIntro img { border:1px solid #06F; padding:2px; }

.contact_form { width:400px; float:left; background-color:#FFF;  }
.content_resa_form { width:400px; float:left; background-color:#FCF8EF; padding:0 0; }
.resa_form { width:600px; float:left; background-color:#FFF; margin:0 10px; }
#nb_adulte { width:100px;}
#nb_enfant { width:100px;}


.contactv2 { display: table-cell; text-align: center; }
.contactv2 p { text-align:center;   }
.contactv2 img { padding:2px; border:1px solid #5574AA; margin:0 0 0 145px; }

.tabsaverne { width:960px; /* border:1px solid #F00;*/}
.tabsaverne  td { vertical-align:top; text-align:justify;}
.tabsaverne  td img{ padding:2px; border:1px solid #5574AA; }


#liensdrte { float:right; margin:-260px 0 0 0; }
#liensdrte h4 { text-decoration:underline; color:#666; }


.handi { width:15px; height:16px; float:none; margin:0;  }

#reservit {
	/*position:absolute;
	right:7px;
	width:300px;
	text-align:right;*/
}
#reservit select, .subresa input {
	margin:3px;
}

.table{
	display: table;
}

.table-row{
	display: table-row;
}

.table-cell{
	display: table-cell;
}

a.offre {
	border: 3px #E2BEAE solid;
	color: #E2BEAE;
	font-size: 14px;
	margin-top: 127px;
	padding: 7px 10px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
}
a.offre:hover {
	background-color: #E2BEAE;
	border-color: #544943;
	color: #544943;
}

a.tripadvisor {
	background-color: #FFF;
	/*border: 3px #E2BEAE solid;*/
	border: 3px #FFF solid;
	color: #E2BEAE;
	font-size: 14px;
	margin-top: 127px;
	padding: 6px;
	position: absolute;
	right: 0;
	text-decoration: none;
	text-transform: uppercase;
}
a.tripadvisor img {
	display: block;
}

img.handicap {
	position: absolute;
	right: -118px;
	top: 30px;
}
html[lang=en] img.handicap {
	right: -214px;
}
html[lang=de] img.handicap {
	right: -250px;
}

img.parking {
	position: absolute;
	right: -172px;
	top: 30px;
}
html[lang=en] img.parking {
	right: -268px;
}
html[lang=de] img.parking {
	right: -304px;
}

.text-center {
	text-align: center;
}

.text-white {
	color: white;
}

.mb-0 {
	margin-bottom: 0;
}

.mt-3 {
	margin-top: 1rem;
}



