/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#8bc0c8; text-align:center;}
.top-tail{ background:url(images/top-tail.gif) top repeat-x #f3ebd7;}
.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x;}
#main { width:980px; margin:0 auto; text-align:left;  background:url(images/top-bg.gif) no-repeat 0 0;}
#header {height:107px;}
#footer { height:61px;}

.column-1, .column-2, .column-3, .col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%;}
.column-1{ width:241px;}
.column-2{ width:722px;}
.col-1{ width:322px;}
.col-2{ width:322px;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.bordered {
	background: #fff;
	border: 1px solid #b8ac89;
	padding: 2px;
}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#a79b78;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#a79b78;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
strong{ color:#ce8038;}
h3{ font-family:"Times New Roman", Times, serif; font-size:3.583em; font-weight:normal; color:#6d6d6e; line-height:1em;}
h3 strong{ color:#f4d585; font-weight:normal;}
h3 span{ display:block; font-size:0.697em; margin-top:-12px;}
h2{ font-size:3.333em; line-height:1em; color:#6d6d6e; font-weight:normal; font-family:"Times New Roman", Times, serif; margin-top:-3px;}
h2 strong{ text-transform:uppercase; color:#8bc0c8;}
h4{ font-size:1.75em; line-height:0.857em; font-weight:normal; font-family:"Times New Roman", Times, serif; background:url(images/title-tail.gif) bottom repeat-x; padding-bottom:16px; margin-bottom:13px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 10px 0 0; float:left;}
.imgindent2 {margin:0 20px 0 0; float:left;}
.space1{ margin-left:18px !important;}
.phone{ float:right; padding-right:2px;}
.phone2{ float:right; padding-right:370px;}
.margin1{ margin-top:23px;}
.margin2{ margin-top:15px !important;}
.padding1{ padding-top:25px;}
.padding2{ padding-top:15px;}
.padding3{ padding-top:36px;}
.padding4{ padding-bottom:25px;}
.margin-bottom{ margin-bottom:15px;}

/* ============================= header ====================== */
#header .menu{ float:right; padding:32px 25px 0 0;}
#header .menu li{ float:left; padding-left:29px;}
#header .menu a{ color:#3e676d; font-size:1.417em; text-decoration:none; display:inline-block; padding-bottom:17px;}
#header .menu a:hover, #header .menu .active{ color:#fff; background:url(images/menu-item-bg-act.gif) bottom center no-repeat;}

/* ============================= content ====================== */
.column-2{ background:#fff; margin-left:17px;}
.col-1{ margin-right:26px;}
.logo{ margin:-90px 0 0px 17px; position:relative;}

.box1{ background:#fff; padding:21px 21px 17px 18px; margin:0 0 18px 17px;}
.box1 h5{ font-size:1.417em; font-weight:normal; color:#3e676d; background:url(images/box1-title-bg.gif) bottom repeat-x; padding:0 0 30px 3px; margin-bottom:11px;}
.box1 ul li{ font-size:1.25em; line-height:1.933em; background:url(images/list-unline.gif) bottom repeat-x; padding-left:11px;}
.box1 ul .last{ background:none;}
.box1 ul a{ color:#9f9e9e; text-decoration:none; background:url(images/box1-list-marker.gif) no-repeat 0 5px; padding-left:12px;}
.box1 ul a:hover{ color:#000;}

.box2{ background:#fff; margin-left:17px; margin-bottom:18px; padding:9px; line-height:1.167em; color:#bda871;}
.box2 .content{ background:#fbf4e2; padding:15px 22px 25px 19px;}
.box2 h5{ font-size:1.417em; color:#804d1f; font-weight:normal; margin:0 -6px 0 -47px; background:url(images/box2-title-left-bg.png) left top no-repeat; padding-left:17px;}
.box2 h5 span{ display:block; background:url(images/box2-title-tail.gif) top repeat-x;}
.box2 h5 span span{ background:url(images/box2-title-right-bg.gif) right top no-repeat; padding:9px 0 31px 22px;}
.box2 .link{ margin-top:10px !important;}
.box2 .link1{ font-size:0.917em; color:#bda871; text-decoration:none; display:inline-block; margin-top:17px;}
.box2 .link1:hover{ color:#000;}
.box2 p{ padding-top:14px;}
.date{ display:block; font-size:0.917em; padding-top:6px;}
.unline{ border-bottom:solid 1px #fff; padding-bottom:11px; margin-bottom:12px;}

.link{ float:right; display:inline-block; background:url(images/link-left-bg.gif) top left no-repeat; font-family:"Times New Roman", Times, serif; font-size:1.25em; line-height:1em; font-weight:bold; text-decoration:none; color:#804d1f; cursor:pointer;}
.link span{ display:inline-block; background:url(images/link-right-bg.gif) top right no-repeat; padding:0 13px;}
.link span span{ background:url(images/link-tail.gif) top repeat-x; padding:5px 2px 10px 2px;}
.link:hover{ color:#ce8038;}

.indent{ padding:24px 25px 26px 24px;}
.block{ background:url(images/block-bg.jpg) no-repeat 0 0; height:444px; padding:32px 381px 0 30px;}
.block .text{ color:#9f9e9e; background:#fafafb; padding:21px 20px 21px 22px; margin-top:29px; line-height:1.667em;}
.block .text strong{ color:#9f9e9e;}
.block .text p{ padding-top:13px;}
.block a{ font-family:"Times New Roman", Times, serif; font-size:1.833em; color:#181819; font-style:italic; text-decoration:none; background:#fff; padding:8px 12px 10px 10px; margin-top:35px; display:inline-block;}
.block a:hover{ background:#f4d585;}

.box3{ border:solid 1px #e2dbc1; background:#fff; padding:2px; color:#a79b78; font-family:"Times New Roman", Times, serif; font-size:1.417em; line-height:1.353em;}
.box3 .content{ background:#f9f2da; padding:29px 22px 20px 23px;}
.box3 h5{ border:solid 1px #e6e0cb; background:#fcf9e8; font-size:1.118em; color:#ce8038; font-weight:normal; font-family:"Times New Roman", Times, serif; position:relative;}
.box3 h5 span.panneau{ 
	font-size:2.052em; 
	font-weight:bold; 
	color:#beac79; 
	display:inline-block; 
	background:url(images/box3-title-bg-panneau.gif) no-repeat 0 0; 
	margin:-8px 0 0 -1px; 
	padding:13px 14px 29px 9px; 
	letter-spacing:-3px; 
	min-height:77px;
	min-width: 50px;
	position:absolute;
}
.box3 h5 span{ 
	font-size:2.052em; 
	font-weight:bold; 
	color:#beac79; 
	display:inline-block; 
	background:url(images/box3-title-bg.gif) no-repeat 0 0; 
	margin:-8px 0 0 -1px; 
	padding:13px 14px 29px 9px; 
	letter-spacing:-3px; 

	position:absolute;
}
.box3 .indent{ padding:11px 10px 0 64px;}
.box3 h5 strong{ padding:6px 0 7px 60px; display:inline-block; font-weight:normal;}
.box3 .link{ font-size:0.882em; margin-top:-10px; position:relative;}

.list { margin:-4px 0;}
.list li{ background:url(images/list-marker.gif) no-repeat 0 10px; padding-left:10px; line-height:2.083em;}
.list a{ color:#ce8038;}
.list-indent{ padding:30px 0 0 20px;}

.gallery{ padding:13px 0 0px 0; margin-bottom:28px; position:relative;}
.scroll{ position:absolute; margin:114px 0 0 66px;}
.gallery a{ display:inline-block; margin-right:10px;}
.gallery .last{ margin:0;}

/* ============================= footer ====================== */
#footer{ color:#ffffff;}
#footer a{ color:#ffffff; display:inline-block; margin-left:9px;}
#footer .indent{ padding:11px 0 0 258px;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:10px;}
#ContactForm label{ display:block; height:30px;}
#ContactForm .fields span{ display:inline-block; width:60px;}
#ContactForm input{ border:solid 1px #cbc0a0; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#a79b78; padding:0px 0 1px 3px; width:255px;}
#ContactForm textarea{ border:solid 1px #cbc0a0; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#a79b78; padding:1px 0 1px 3px; width:255px; height:225px; overflow:auto; vertical-align:top;}
#ContactForm .link{ margin:10px 0 0 30px;}

#galleryContainer {text-align:center;}

.phoneNumber {
	text-align: center;
	font-size:1.417em; font-weight:normal; color:#3e676d; 
}

.commentaire p {
	padding:0px;
	margin:0px 0 5px 0;
	font-style:italic; 
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('/images/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

input.smallInput, select.smallInput  {
	width: 50px !important;
}
input.medInput, select.medInput  {
	width: 117px !important;
}

#reservationForm{ padding-top:10px;}
#reservationForm label{ display:block; height:30px; clear:left;}
#reservationForm .fields span{ display:inline-block; width:120px;}
#reservationForm input, #reservationForm select { border:solid 1px #cbc0a0; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#a79b78; padding:0px 0 1px 3px; width:185px;}
#reservationForm textarea{ border:solid 1px #cbc0a0; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#a79b78; padding:1px 0 1px 3px; width:315px; height:150px; overflow:auto; vertical-align:top;}
#reservationForm .link{ margin:10px 0 0 30px;}
#reservationForm .creditCards { 
	float: right;
	width:70px; 
}
.creditCards a {
	height:45px; 
	width:70px; 
	display: block;
}
.creditCards  a span {
	display:none;
}
.creditCards a.visa {
	background: url('/images/creditCardslogos-spline.png') 0 0; 
}
.creditCards a.visaActive{
	background: url('/images/creditCardslogos-spline.png') -70px 0; 
}
.creditCards a.mc {
	background: url('/images/creditCardslogos-spline.png') -140px 0; 
}
.creditCards a.mcActive{
	background: url('/images/creditCardslogos-spline.png') -210px 0; 
}

.error-box {
	background: #F0C9C9;
	border: 1px solid #931D1D;
	width: 100%;
	max-width: 310px;
	padding: 5px;
	color:#000;
	display:none;
}
.success-box {
	background: #C9D9C0;
	border: 1px solid #387417;
	width: 100%;
	max-width: 310px;
	padding: 5px;
	color:#000;
	display:none;
}

#ButtonLoader {
	float:right;
	display:none;
	margin:15px 40px;
}

#reservationConfirmationBlur {
	position:absolute; 
	width: 698px; 
	height:100%; 
	background:#fff; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	display:none;
}
#messageConfirmationBlur {
	position:absolute; 
	width: 322px; 
	height:375px;
	background:#fff; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	display:none;
}

#reservationConfirmation {
	position:absolute; 
	width:400px; 
	margin: 150px 0 0 150px;
	display:none;
}
#messageConfirmation {
	position:absolute; 
	width:300px; 
	margin: 40px 0 0 10px;
	display:none;
}

#lang {
	height:40px;
	padding-right:25px;
}
#lang p {
	text-align: right;
	color:#3e676d; 
	font-size:1.1em;
}
#lang  a{ color:#3e676d; text-decoration:none; }
#lang  a:hover{ color:#fff;}