/*** RESET  ******************************************************************************************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{background:#fff;color:#595959;font:12px/1.35em Arial, Helvetica, sans-serif;text-align:left}ol,ul{list-style:none;list-style-image:none;list-style-position:outside;list-style-type:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}p{line-height:1.2em}h3{font-size:14px}label{color:#fff}a,a:hover{color:#595959}

body {
	font-family: Times, "Times New Roman", Georgia, Serif;
	width: 100%;
	overflow-x: hidden;
	font-size: 14px;
	background: url(/images/layout/body-bg.gif) #f6f6f6 repeat-x;
}

#top {
	height: 30px;
	background: #f1f1f1;
	text-align: center;
}




/** HEADER ********************************************************************************************************************************************************************************/
#header {
	width: 960px;
	height: 120px;
	display: block;
	margin: 0 auto;
	position: relative;
}

	#header ul#nav {
		width: 905px;
		height: 75px;
		margin: 20px auto;
	}
	
		#header ul#nav li {
			display: block;
			float: left;
			margin: 0px 20px;
			text-transform: uppercase;	
		}
		
			#header ul#nav li a {
				color: #464646;
				text-decoration: none;
				padding: 60px 0px 10px 0px;
				display: block;
				float: left;

			}
			
				#header ul#nav li a:hover {
					color: #222;
					background: url(/images/layout/header-star-nav.gif) no-repeat bottom center;
				}
				
			#header ul#nav li h1 a {
				font-weight: bold;
				color: #afbd21;
				background: url(/images/layout/header-logo-bg.gif) no-repeat top center;
			}
			
				#header ul#nav li h1 a:hover {
					color: #96a317;
					background: url(/images/layout/header-logo-bg.gif) no-repeat top center;				
				}

/** SUBNAV ********************************************************************************************************************************************************************************/
#subnav {
	width: 960px;
	height: 50px;
	position: absolute;
	background: url(/images/layout/subnav-bg.png) no-repeat top left;
	z-index: 9999;
	margin: -25px 0px 0px 120px;
	/*top: 120px;*/
}
	#hotel #subnav ul, #tarifs #subnav ul, #offres #subnav ul {
		margin-left: 150px;
	}
	#restaurant #subnav ul, #brasserie #subnav ul {
		margin-left: 248px;
	}
	#services #subnav ul, #escapade #subnav ul, #seminaire #subnav ul {
		margin-left: 155px;
	}	
	#subnav ul li {
		display: inline;
		float: none;
		line-height: 50px;
		margin: 0px 30px 0px 0px;
		font-size: 12px;
	}
	
		#subnav ul li a {
			text-transform: uppercase;
			color: #c3a365;
		}
		
		#subnav ul li.active a {
			color: #574c40;
		}
			#subnav ul li.active a:hover {
				text-decoration: none;
			}

				
/** BANNER ********************************************************************************************************************************************************************************/

#banner, #banner-big {
	width: 1200px;
	height: 380px;
	display: block;
	margin: 20px auto;
	position: relative;
}		
	#banner h2, #banner-big h2 {
		position: absolute;
		bottom: 70px;
		height: 53px;
		width: 1200px;
		text-align: center;
		background: url(/images/layout/banner-h2-bg.png) no-repeat;
		line-height: 53px;
		color: #fff;
		font-size: 22px;
		font-weight: 500;
		font-style: italic;
		text-shadow: #6a6c14 1px 1px 2px;
		z-index: 9990;
	}
		#tarifs #banner h2 {
			bottom: 25px;
		}
		
		#services #banner-big h2 {
			bottom: 210px;
		}
	
	#banner-big {
		height: 590px;
	}
	
#gallery {
	position: relative;
	display: none;
}
#gallery ul, #gallery li{
	margin:0;
	padding:0;
	list-style:none;
	}
#gallery, #gallery li{ 
	width:1200px;
	height:590px;
	display: block;
	overflow:hidden; 
	}

span#gallery-prev a, span#gallery-next a {
	width: 100px;
	height: 35px;
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	top: 440px;
	z-index: 9999;
}

#services span#gallery-prev a, #services span#gallery-next a {
	top: 300px;
}

	span#gallery-prev a {
		left: 90px;
		background: url(/images/layout/gallery-prev.png) no-repeat top left;
	}
	
		span#gallery-prev a:hover {
			background: url(/images/layout/gallery-prev.png) no-repeat bottom left;
		}	
		
	span#gallery-next a {
		right: 90px;
		background: url(/images/layout/gallery-next.png) no-repeat top left;
	}
	
		span#gallery-next a:hover {
			background: url(/images/layout/gallery-next.png) no-repeat bottom left;
		}			



	
/** BOOKING ********************************************************************************************************************************************************************************/
#booking {
	width: 964px;
	height: 48px;
	margin: -44px auto 40px auto;
	background: url(/images/layout/booking-bg.png) no-repeat;
	position: relative;
}

	#booking-form {
		margin: 0;
		padding: 0;
	}
	#booking-form fieldset {
		margin: 0px 20px;
		height: 38px;
		line-height: 48px;	
	}
		#booking-form fieldset h4 {
			width: 225px;
			text-align: left;
			height: 38px;
			float: left;
			text-transform: uppercase;
			color: #575757;
			font-size: 12px;
			display: block;
			margin: 15px 0px 0px 0px;						
		}
		#booking-form fieldset h4 {
			width: 245px;
		}	

		#booking-form input.datepicker {
			border: 1px solid #e5e5e5;
			width: 90px;
			height: 22px;
			color: #616161;
			font-family: Times, "Times New Roman", Georgia, Serif;
			font-size: 14px;
			padding: 0px 5px;
			float: left;
			margin: 12px 0px 0px 0px;			
		}
		#booking-form label {
			float: left;
			color: #575757;
			font-size: 14px;
			font-style: italic;
		}
		#booking-form input.datepicker {
			margin: 12px 0px 0px 20px;
		}
		
		#booking-form img.ui-datepicker-trigger {
			float: left;
			margin: 12px 35px 0px 5px;			
		}
		
		#booking-form select {
			border: 1px solid #e5e5e5;
			height: 22px;
			width: 90px;
			margin: 0px 10px;
			margin: 12px 15px 0px 0px;						
			float: left;
		}
		
		#booking-form input.submit {
			float: right;
			margin: 12px 30px 0px 0px;
		}
		
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
/*.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

.ui-datepicker { width: 250px; padding: 0px 10px; background: #fff; border: 1px solid #eae9e8; display: none; z-index: 9999999;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
#ui-datepicker-div { position: absolute; z-index: 9999999; }




/** TITLES ********************************************************************************************************************************************************************************/

h2 {
	font-size: 30px;
	color: #797979;
	font-weight: 500;
	background: url(/images/layout/h2-bg.gif) repeat-x bottom left;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
	
h3 {
	color: #575757;
	text-transform: uppercase;
	
}	

h5 {
	color: #878787;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	margin-bottom: 15px;
}

h4 {
	text-align: center;
	font-weight: 500;
	color: #878787;
	font-size: 16px;	
	line-height: 18px;
}

/** LINKS ********************************************************************************************************************************************************************************/
a {
	color: #a9b71c;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
		color: #a9b71c;
	}
	
h4 a {
	color: #838383;
}

	h4 a:hover {
		color: #a9b71c;
		text-decoration: none;
	}
	
a#facebook {
	width: 200px;
	height: 115px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/layout/facebook-link.jpg) top left;
	margin-bottom: 25px;
}
	a#facebook:hover {
		background: url(/images/layout/facebook-link.jpg) bottom left;
	}


a.link {
	height: 32px;
	line-height: 32px;
	background: #d5bc90;
	color: #fff;
	display: block;
	padding-left: 20px;
	text-decoration: underline;
	margin-bottom: 20px;
}
	a.link:hover {
		background: #bc9c64;
	}
/** LAYOUT ********************************************************************************************************************************************************************************/

#container {
	width: 940px;
	display: block;
	margin: 20px auto;
}

.clear {
	clear: both;
}

p {
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	margin-bottom: 20px;
}

.box {
	border: 1px solid #ebebeb;
	background: #fff;
	padding: 15px;
}

	.box h5 {
		text-align: center;
		color: #afafaf;
	}
	
#newsletter-form {

}

	#newsletter-form form fieldset {
		border: 1px solid #eaeaea;
		padding: 5px;
	}
	
	#newsletter-form form input {
		float: right;
	}
	
	#newsletter-form form input#email {
		background: #fff;
		float: left;
		border: 1px solid #dfdfdf;
		height: 22px;
		padding: 0px 5px;
		color: #909090;
		font-family: Times, "Times New Roman", Georgia, Serif;
		width: 140px;
	}

#footer {
	clear: both;
	margin-top: 60px;
	background: #574c40;
	height: 150px;
	padding: 5px 0px 40px 0px;
}	
	#footer	#scripts {
		visibility: hidden;
		display: none;
		height: 0px;
		margin: 0;
		padding: 0;
	}
	#footer address {
		width: 980px;
		height: 29px;
		display: block;
		margin: 20px auto;
		background: url(/images/layout/footer-address-bg.gif) no-repeat;
		color: #fff;
		text-align: center;
		padding-top: 57px;
	}
	
	#footer ul {
		width: 250px;
		margin: 0px auto;
	}
		#footer ul li {
			color: #c3a365;
			font-size: 12px;
			font-style: italic;
			display: inline;
			margin: 0px 5px;
		}
		#footer ul li a {
			color: #c3a365;
		}
	
	
#left {
	width: 660px;
	float: left;
	margin-right: 40px;
}
		
#right {
	width: 220px;
	float: right;
}

blockquote {
	color: #afaf9e;
	font-size: 18px;
	font-style: italic;
	margin-bottom: 40px;
}

p.note {
	color: #afaf9e;
	font-size: 12px;
	font-style: italic;
}

	
	
/** HOTEL ********************************************************************************************************************************************************************************/
	
ul#hotel-icon li {
	width: 150px;
	height: 50px;
	display: block;
	float: left; margin-right: 20px;
	background: url(/images/layout/hotel-icon.gif) no-repeat 0px 0px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding-top: 100px;
}	

	ul#hotel-icon li#hotel-icon-tel {
		background: url(/images/layout/hotel-icon.gif) no-repeat -150px 0px;
	}
	ul#hotel-icon li#hotel-icon-wifi {
		background: url(/images/layout/hotel-icon.gif) no-repeat -300px 0px;
	}
	ul#hotel-icon li#hotel-icon-clim {
		background: url(/images/layout/hotel-icon.gif) no-repeat -450px 0px;
		margin-right: 0px;
		padding-top: 110px;		
	}		
	
/** TARIFS ********************************************************************************************************************************************************************************/

#tarifs #container table, #offres #container table, #restaurant #container table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
}
	
	#tarifs #container table th, #offres #container table th {
		text-transform: uppercase;
		color: #776e65;
		font-size: 14px;
		text-align: right;
		height: 40px;
		line-height: 40px;
		padding: 0px 20px;
	}
	

	#tarifs #container table tr {
	}	
	#tarifs #container table td, #offres #container table td, #restaurant #container table td {
		height: 38px;
		line-height: 38px;
		border-bottom: 1px solid #dfcead;
		background: #efe7d9;
		padding: 0px 20px;
		border-top: 2px solid #fafafa;
	}
	
		#tarifs #container table td.label, #offres #container table td.label, #restaurant #container table td.label {
			color: #b48b51;
			font-size: 18px;
		}
		
		#tarifs #container table td.price, #offres #container table td.price, #restaurant #container table td.price {
			background: #ddcdb1;
			color: #574c40;
			font-weight: bold;
			font-style: italic;
			text-align: right;
			font-size: 18px;			
		}
		#tarifs #container table td.price2 {
			background: #e8dbc4;
			color: #b48b51;
			font-weight: bold;
			font-style: italic;
			text-align: right;
			font-size: 18px;						
		}		
		
/* Options */

#tarifs #container table#options {
	width: 50%;
	float: left;
}

	#tarifs #container table#options td {
		background: #efe7d9;
		border-bottom: 1px solid #efe6d6;
		color: #b48b51;
		font-size: 16px;
	}
	
		#tarifs #container table#options td.price {
			color: #a5927e;
		}
		
#annulation {
	float: left;
	width: 360px;
	margin: 20px 40px 0px 40px;
}

	#annulation h2 {
		font-size: 18px;
	}
		
/** OFFRES ********************************************************************************************************************************************************************************/
		
.offres-left, .offres-right {
	margin: 20px;
	float: left;
}

.offres-left {
	width: 185px;
}

.offres-right {
	position: relative;
	width: 640px;
}

	.offres-right h2 {
		margin-bottom: 30px;
		width: 380px;
		line-height: auto;
		background: none;
	}

	#offres #container table {
		margin-top: 10px;
	}

#offres .offres-right ul li {
	background: url(/images/layout/dot-li-bg.gif) no-repeat 0px 7px;
	padding-left: 10px;
}

#offres a.more {
	width: 242px;
	height: 25px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/layout/offres-detail-btn.gif) no-repeat top left;
	position: absolute;
	right: 0px;
}
	#offres a.more:hover {
		background: url(/images/layout/offres-detail-btn.gif) no-repeat bottom left;
	}	



/** RESTAURANT ********************************************************************************************************************************************************************************/
#restaurant #container table td.price span {
	color: #fff;
	text-decoration: line-through;
	margin-right: 10px;
}

/** TOURISME ********************************************************************************************************************************************************************************/
.tourisme-left, .tourisme-right {
	margin: 20px;
	float: left;
}

.tourisme-left {
	width: 185px;
}

	.tourisme-left h3 {
		margin-top: 8px;
	}

.tourisme-right {
	position: relative;
	width: 640px;
}

/** CONTACT ********************************************************************************************************************************************************************************/

#contact #right address {
	background: url(/images/layout/contact-bg.gif) #574c40 no-repeat center 5px;
	text-align: center;
	color: #fff;
	padding-top: 75px;
	padding-bottom: 20px;
	font-style: italic;
	margin-bottom: 40px;
}

	#contact #right address strong {
		font-size: 18px;
	}
	
	#contact #right address span {
		color: #c3a365;
	}
	
.brown {
	background: #ddcdb1;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
	.brown h5 {
		color: #fff;
		background: #c3a365;
		text-transform: none;
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
		height: 50px;
		padding: 0px 20px;
		line-height: 50px;
	}
	
	.brown ul {
		margin: 0 20px;
	}
	
	.brown ul li {
		color: #574c40;
		background: url(/images/layout/brown-li-bg.gif) no-repeat 0px 6px;
		padding-left: 10px;
	}
	
/** FORMS ********************************************************************************************************************************************************************************/

#contact #container fieldset, #reservation #container fieldset {
	border: 1px solid #ededed;
	background: #fff;
	padding: 20px 0px 0px 0px;
	margin-bottom: 40px;
}	

	#contact #container fieldset label, #reservation #container fieldset label {
		margin: 0px 20px 15px 20px;
		font-size: 12px;
		text-transform: uppercase;
		color: #afafaf;
		width: 150px;
		text-align: right;
		float: left;
		height: 22px;
		line-height: 24px;
	}
	
	#reservation #container fieldset label {
		width: 150px;
	}
	
	#contact #container fieldset input, #reservation #container fieldset input {
		height: 22px;
		border: 1px solid #e5e5e5;
		padding: 0px 5px;
		color: #5e5a5a;
		margin-bottom: 15px;
		margin-right: 10px;
		width: 180px;
	}
	
	#contact #container fieldset textarea, #reservation #container fieldset textarea  {
		float: left;
		width: 385px;
		border: 1px solid #e5e5e5;
		padding: 5px;		
		height: 105px;
	}
	
	#contact #container fieldset p, #reservation #container fieldset p {
		display: block;
		margin: 40px 0px 0px 0px;
		background: #f7f7f7;
		text-align: right;
		height: 50px;
		width: 680px;
		clear: both;
	}
	
		#contact #container fieldset p input, #reservation #container fieldset p input {
			float: none;
			margin: 10px 10px 0px 0px;
			width: auto;
			height: auto;
			border: 0px;
		}
		
	#reservation #container fieldset p, #reservation #container fieldset p {
		display: block;
		margin: 40px 0px 0px 0px;
		background: #f7f7f7;
		text-align: right;
		height: 50px;
		width: 680px;
		clear: both;
	}
	
	#reservation #container fieldset p {
		width: 803px;
		text-align: left;	
		padding-left: 135px;
	}
	
		#contact #container fieldset p input, #reservation #container fieldset p input {
			float: none;
			margin: 10px 10px 0px 0px;
			width: auto;
			height: auto;
			border: 0px;
		}		
	
/** HOMEPAGE ********************************************************************************************************************************************************************************/

#home #booking {
	margin-bottom: 30px;
}



#home #left {
	width: 440px;
	float: left;
	margin-right: 40px;
}

	#home #left h2 {
		margin-top: 20px;
	}

#home #middle {
	width: 220px;
	float: left;
	margin-right: 40px;
}

	#home #middle .box {
		height: 240px;
	}

	#home #middle .box img {
		margin-bottom: 20px;
	}
	
#home #right {
	width: 200px;
}
	
/***** GROWL ****/
/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('/images/layout/ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(/images/layout/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(/images/layout/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(/images/layout/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	right:5px;
	background:url(/images/layout/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0 0 5px 0;
}
.gritter-with-image {
	width:220px;
	float:right;
}