*{
	margin: 0;
	padding: 0;
}

body{
	background: #fff url(../images/commun/bodyBg.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #514f3f;
}

a{
	text-decoration: none;
	color: #dedc22;
}
a img{
	border: none;
}
ul{
	list-style: none;
}
h2{
	font-size: 30px;
	font-weight: normal;
}
p{
	margin: 0 0 10px 0;
}

/*ref*/
h1{
	margin: 0 auto -10px;
}
h1, .baseline{
	width: 980px;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	color: #999999;
}
.baseline{
	margin: 0 auto;
	padding: 2px;
	line-height: 10px;
	color: #514f3f;
}
.baseline a, .tags a{
	color: #514f3f;
}
.tags{
 	font-size: 9px;
}


#vanillaWrapper{
	background: url(../images/commun/vanillaWrapperBg.jpg) top center repeat-x;
}
#vanillaWrapper.home{
	padding: 10px 0 0 0;
}

#vanillaTrans{
	background: url(../images/commun/vanillaTrans.png) 0 0 repeat-x;
	padding: 27px 0 0 0;
}

#vanillaHeader{
	position: relative;
	background: url(../images/commun/vanillaHeaderBg.png) top center no-repeat;
	margin: 0 auto;
	width: 1018px;
	height: 262px;
}

#vanillaHome{
	background: url(../images/commun/vanillaBoxBg.png) bottom center no-repeat;
	margin: 0 auto;
	width: 1018px;
	/*min-height: 733px;
	height: auto!important;
	height: 733px;*/
}
.home #vanillaHome{
	position: relative;
	background: url(../images/commun/vanillaHomeBg.png) top center no-repeat;
	min-height: 733px;
	height: auto!important;
	height: 733px;
	/*height: 868px;579px;*/
}

#vanillaRoom{
	top: 10px;
	left: 10px;
	z-index: 0;
}
#vanillaHome h2 a, #vanillaHeader h2 a{
	position: absolute;
	z-index: 1;
	display: block;
	background: url(../images/commun/villaVanille.png) top center no-repeat;
	width: 388px;
	height: 187px;
	text-indent: -10000px;
}
#vanillaHeader h2 a{
	top: 32px;
	right: 28px;
}
#vanillaHome h2 a{
	top: 253px;
	right: 28px;
}

#vanillaVideo{
	padding: 23px;
	width: 320px;
	height: 240px;
}
.home #vanillaFlash{
	top: 10px;
	left: 10px;
	z-index: 0;
	background: #060805;
	width: 998px;
	height: 559px;
}

#vanillaNav{
	top: 226px;
	left: 10px;
	z-index: 2;
}
#vanillaHeader #vanillaNav{
	background: url(../images/commun/transMenu.png) 0 0 repeat-x;
}
.home #vanillaNav{
	top: 463px;
	left: 26px;
	z-index: 1;
}

#vanillaMenu{
	position: relative;
	width: 998px;
	height: 145px;
}
.home #vanillaMenu{
	width: 966px;
	height: 151px;
	overflow: hidden;
}

#vanillaMainMenu li.parent{
	background: url(../images/commun/vanillaItemBg.png) 0 0 no-repeat;
	margin: 0 8px;
	padding: 10px 1px 0 1px;
	width: 225px;
	min-height: 136px;
	height: auto!important;
	height: 136px;
}
#vanillaMainMenu li.parent.on{
	background-position: 0 -37px;
}
#vanillaMainMenu li.domaine{
	margin-left: 20px!important;
	margin-left: 10px;
}
#vanillaMainMenu li.parent strong.sectionPic{
	position: absolute;
	top: 37px;
	z-index: 0;
	display: block;
	border-bottom: 6px solid #dedc22;
	width: 225px;
	height: 103px;
	overflow: hidden; 
}
#vanillaMainMenu .vanillaSubMenu{
	position: absolute;
	top: 37px;
	z-index: 0;
	background: #dedc22 url(../images/commun/vanillaSubMenuBg.gif) 0 100% repeat-x;
}
#vanillaMainMenu li.active .vanillaSubMenu{
	height: 109px;
	overflow: hidden;
}
#vanillaMainMenu li.parent ul{
	background: url(../images/commun/vanillaSmall.gif) 100% 100% no-repeat;
	padding: 12px;
	width: 201px;
	min-height: 85px;
	height: auto!important;
	height: 85px;
}
#vanillaMainMenu li.active ul{
	background-position: 100% 10px;
}
#vanillaMainMenu li.parent ul li{
	background: url(../images/commun/bullet1.gif) 0 5px no-repeat;
	padding: 0 0 5px 12px;
}
#vanillaMainMenu li.parent ul li.current{
	background: url(../images/commun/bullet2.gif) 0 5px no-repeat;
}
#vanillaMainMenu li.parent ul a{
	text-align: left;
	font-size: 12px;
	color: #494419;
}
#vanillaMainMenu li.parent ul li.current a, #vanillaMainMenu li.parent ul li a:hover{
	color: #fff;
}

.home #vanillaMenu ul{
	list-style: none;
	margin: 0px;
	display: block;
	height: 151px;
	width: 1466px;
}

#vanillaMenu ul li.parent, .home #vanillaMenu li{
	float: left;
}

#vanillaMenu ul li a{
    display: block;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
}
#vanillaMenu #vanillaMainMenu .vanillaSubMenu a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform: none;
}
#vanillaMenu a.top{
	margin: 0 0 1px 0;
	height: 26px;
	line-height: 16px;
	color: #fff;
}
.home #vanillaMenu ul li a{
	overflow: hidden;
	background: url(../images/commun/homeMenuLeft.png) top left no-repeat;
	padding: 0 0 0 20px;
	margin-left: -5px;
	width: 225px;
	height: 151px;
	color: #fff;
}
.home #vanillaMenu ul li.domaine a{
	margin-left: 0;
}

.home #vanillaMenu ul li a strong{
	background: url(../images/commun/homeMenuRight.png) top right no-repeat;
	display: block;
	padding: 0 10px 0 0;
	height: 151px;
	font-weight: normal;
}
.home #vanillaMenu ul li a em{
	display: block;
	margin-left: -10px;
	padding-top: 114px;
	height: 87px;
	font-style: normal;
}

.home #vanillaMenu ul li.domaine a em{
	background: url(../images/home001.jpg) 50% 10px repeat-x;
}

.home #vanillaMenu ul li.rooms a em{
	background: url(../images/home002.jpg) 50% 10px repeat-x;
}

.home #vanillaMenu ul li.events a em{
	background: url(../images/home003.jpg) 50% 10px repeat-x;
}

.home #vanillaMenu ul li.booking a em{
	background: url(../images/home004.jpg) 50% 10px repeat-x;
}

#vanillaContact a{
	position: absolute;
	top: 620px;
	display: block;
	width: 70px;
	height: 36px;
	text-indent: -5000px;
}
#homeContact{
	left: 380px;
	background: url(../images/commun/homeContact.png) 50% 100% no-repeat;
}
#homeMembers{
	left: 570px;
	background: url(../images/commun/homeMembers.png) 50% 100% no-repeat;
}

#vanillaBabel img{
	top: 195px;
	display: block;
	width: 32px;
	height: 32px;
	z-index: 2;
}
.home #vanillaBabel img{
	top: 627px;
}
#en{
	left: 885px;
}
.home #en{
	left: 458px;
}
#fr{
	left: 927px;
}
.home #fr{
	left: 495px;
}
#sp{
	left: 969px;
}
.home #sp{
	left: 535px;
}

/*main*/
#vanillaMain{
	float: left;
	background: #fff;
	padding: 132px 22px 22px 22px;
	margin: 0 9px 9px 9px;
	width: 956px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#awkomDispo{
	border: 1px solid #e5e5c6;
	padding: 10px;
}
#vanillaMain.moreTopPadding{
	padding-top: 205px;
}
#vanillaMain h2{
	border: 1px solid #e5e5c6;
	margin: 0 0 10px 0;
	padding: 10px 0 0 15px;
	height: 40px;
	line-height: 40px;
}
#vanillaMain #awkomDispo h2, #vanillaMain #dropDown h2, #vanillaMain h2.noBorder{
	border: none;
	padding: 0 0 0 0;
}

#leftSide{
	float: left;
	background: #fff;
	margin: 0 9px 0 0;
	padding: 0 0 0 0;
	width: 367px;
	line-height: 20px;
}

#dropDown{
	margin: 0 0 10px 0;
	padding: 10px 0 10px 15px;
	border: 1px solid #e5e5c6;
}
#dropDown.overFlown{
	height: 40px;
	overflow: hidden;
}
#dropDown h2{
	margin: 0;
}
#dropDown a{
}

#awkomDispoForm{
	position: relative;
}
#vanillaMain #rightSide #awkomDispoForm h2{
	padding: 2px 0 0 15px;
	height: 46px;
	font-size: 24px;
}
#vanillaDispo p, #awkomDispoForm p{
	position: absolute;
	top: 15px;
}
#rightSide #awkomDispoForm p{
	font-size: 10px;
}
#vanillaDate, #awkomDate{
	right: 315px;
}
#rightSide #awkomDate{
	right: 280px;
}
#rightSide #awkomDate input{
	width: 80px;
}
#vanillaDays, #awkomDays{
	right: 140px;
}
#vanillaDispo #available, #awkomDispoForm #available{
	top: 5px;
	right: 15px;
	width: 115px;
	height: 35px;
}
#vanillaDispo #available input, #awkomDispoForm #available input{
	width: 115px;
	height: 35px;
}
#vanillaDispo input, #vanillaDispo select, 
#awkomDispoForm input, #awkomDispoForm select{
	height: 21px;
}

#rightSide{
	float: left;
	margin: 0 0 10px 0;
	width: 580px;
	min-height: 255px;
	height: auto!important;
	height: 255px;
}
.padded{
	padding: 25px;
}
.box{
	border: 1px solid #e5e5c6;
	margin: 0 0 10px 0;
}
#rightSide .padded.box{
	min-height: 255px;
	height: auto!important;
	height: 255px;
}
#rightSide .padded.box.auto{
	min-height: 140px;
	height: auto!important;
	height: 140px;
}
#rightSide p{
	margin: 0 0 15px 0;
	line-height: 20px;
}
h3{
	margin: 0 0 10px 0;
	font-size: 14px;
}
h3, #rightSide p strong{
	color: #c1bf05;
}
#rightSide ul{
	padding: 0 0 0 35px;
	font-size: 12px;
	font-weight: bold;
}
#rightSide li{
	margin: 0 0 10px 0;
}
#rightSide ul#tabs li{
	margin: 0 2px 0 0;
}
h4{
	line-height: 22px;
	font-size: 22px;
	font-weight: normal;
}
.vanillaRates{
	padding: 2px 1px 6px;
	width: 576px;
}
.vanillaRates h3{
	padding: 25px 25px 10px;
}
.vanillaRates table{
	width: 576px;
}
.vanillaRates th, #vanillaRates td{
}
.vanillaRates th{
	background: #efefdd;
	padding: 3px 15px;
	height: 22px;
	font-size: 12px;
	text-align: left;
}
.vanillaRates th.hautSais{
	background: #F4CAEF;
}
.vanillaRates th.restAnn{
	background: #DFF4CA;
}
.vanillaRates td{
	padding: 4px 15px;
	/*vertical-align: top;*/
	font-size: 11px;
}
.vanillaRates tr.bg td, .vanillaRates tr.hasBg td{
	background: #f5f5eb;
}
.season{
	font-size: 14px;
	font-weight: bold;
}
.high{
	background: #f4caef;
}
.high2, .miniSiteRoomHigh{
	border-left: 10px solid #f4caef;
}
.mid{
	background: #caf4e2;
}
.mid2, .miniSiteRoomNormal{
	border-left: 10px solid #caf4e2;
}
.low{
	background: #dff4ca;
}
.low2, .miniSiteRoomLow{
	border-left: 10px solid #dff4ca;
}
.seasons span, #miniSiteRoomRatesText span{
	padding: 0 20px 0 10px;
}

/*************************************************************/
/*formulaires*/
fieldset{
	border: none;
}
input, select, textarea{
	border: 1px solid #e5e5c6;
}
#vanillaMain .padded2.box, #awkomDispo .padded2.box{
	padding: 15px 0 15px 10px;
}
form #leftSide{
	padding: 0 0 0 5px;
	width: 378px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
form #leftSide h4{
	margin-bottom: 30px; 
}
form #leftSide p{
	margin-bottom: 40px;
	line-height: 20px;
	font-weight: bold;
}
form #rightSide{
	padding: 10px 0 0 0;
	width: 550px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
form #rightSide p, form #rightSide li{
	position: relative;
	width: 540px;
}
form #rightSide div p, form #rightSide ul li{
	float: left;
	margin: 0 5px 10px 0;
	width: 269px;
}
form #rightSide div p.oneThird{
	float: left;
	margin: 0 0 10px 0;
	width: 135px;
}
form #rightSide div p#arrival{
	position: relative;
	margin: 0 35px 10px 0;
	width: 239px;
}
form #rightSide div p#arrival input{
	width: 235px;
}
form #rightSide div p.oneThird input, 
form #rightSide div p.oneThird select{
	width: 128px;
}
form #rightSide label{
	display: block;
	font-weight: bold;
}
form #rightSide input{
	width: 536px;
	height: 21px;
}
form #rightSide div p input, 
form #rightSide div p select,
form #rightSide ul li input, 
form #rightSide ul li select{
	width: 262px;
}
form #rightSide div p option{
	height: 19px;
}
form #rightSide textarea{
	width: 536px;
	height: 70px;
}
.button, form #rightSide input.button, #submitreservation, 
#formintern_post_button, #miniSiteBook p#modifierdate, p#retourchoixdeschambrescss,
p#prereservationcss{
	background: transparent url(../images/commun/button.gif) 50% 4px no-repeat;
	border: none;
	width: 115px;
	height: 35px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#miniSiteBook #continuerlareservationcss{
	width:300px;
}
#continuerlareservationcss input#submitreservation, 
#miniSiteBook p#modifierdate, p#retourchoixdeschambrescss,
p#prereservationcss{
	background: transparent url(../images/commun/buttonWide.gif) 50% 4px no-repeat;
	width: 300px;
}
#miniSiteBook p#modifierdate{
	color:#FFFFFF;
	height:35px;
	line-height:32px;
	margin: 2px 0 0;
}
#miniSiteBook p#modifierdate a {
	color:#FFFFFF;
	display:block;
	line-height:38px;
	padding:0;
	text-align:center;
	text-decoration:none;
}
#awkomDispo #formintern_post fieldset p#retourchoixdeschambrescss {
	clear:none;
	line-height:35px;
	width:300px;
}

#awkomDispo #formintern_post fieldset p#retourchoixdeschambrescss a{
	color: #fff;
}

#formintern_post fieldset.miniSetRight p#prereservationcss{
	width:300px;
}
#formintern_post fieldset.miniSetRight p#prereservationcss input{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:35px;
	width:300px;
}
#awkomDispo #formintern_post fieldset {
	float:left;
	width:48%;
}

#awkomDispo #formintern_post fieldset p {
	clear:both;
	margin:0 0 2px;
	width:380px;
}



#vanillaMain #awkomDispo {
	height:auto;
}

#miniSiteBook td.miniDesc h4
{
	margin-top: 0;
}
/*calendar*/
#vanillaDispo button.dashboard,
#awkomDispoForm button.dashboard {
	position: absolute;
	top: 0;
	right: -48px;
}
#arrival button.dashboard {
	position: absolute;
	top: 22px;
	right: -48px;
}

/*validate*/
#contactUs .red {
	border: 1px solid #cc0000;
}
#contactUs label.red {
	border: none;
	color: red;
}
#contactUs .customRed {
	border: none;
	color: red;
}
#validationMessage {
	display: none;
}

#contactUs .errorMessage {
	display: block;
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 10px;
	text-align: right;
	color: #c00;
}

/*captcha*/
#doCaptcha{
	position: relative;
	width: 536px;
	height: 80px;
}
#doCaptcha p.captchaItem{
	position: absolute;
	top: 25px;
	text-align: center;
}
#doCaptcha p.captchaImg{
	left: 0;
	width: 78px;
	height: 48px;
	border: 1px solid #e5e5c6;
}
#doCaptcha p.captchaMsg{
	left: 0;
}
#doCaptcha p.captchaError{
	top: auto;
	bottom: 0;
	left: 0;
	font-weight: bold;
	font-style: italic;
	color: #c00;
}
#doCaptcha p.captchaInput{
	right: 0;
	width: 80px;
	height: 50px;
}
#doCaptcha p.captchaInput .errorMessage{
	top: 0;
	right: 0;
	text-align: center;
}
form #rightSide #doCaptcha p.captchaInput input{
	padding: 10px 5px;
	width: 68px;
	height: 28px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

/*************************************************************/
/*ajaxHolder*/
#miniSiteBook h3{
	color: #514f3f;
}
.vert_claire{
	color: #5DE04F;
}
.bleu_claire{
	color: #4FDAE0;
}
.rouge_claire, .error{
	color: #ec5543;
}
#miniSiteBook th{
	background: #efefdd;
}
#miniSiteBook td{
	border: 1px solid #e5e5c6;
}

/*etape2*/
#formintern_post th{
	border: 1px solid #e5e5c6;
}
#formintern_post td{
	border: 1px solid #e5e5c6;
}
#formintern_post td.right{
	background: #efefdd;
}
#formintern_post #formintern_post_button{
	background: transparent url(../images/commun/buttonWide.gif) 50% 4px no-repeat;
}





/*************************************************************/
/*vanillaGallery*/
#vanillaGallery{
	position: relative;
	margin: 0 0 10px 0;
	width: 367px;
	height: 300px;
	overflow: hidden;
}
#vanillaGallery ul{
	list-style: none;
	margin: 0px;
	display: block;
	height: 300px;
	width: 1000px;
	
}
#vanillaGallery ul li{
	float: left;
}
#vanillaGallery ul li a{
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:90px;
	height: 300px;
}
/*************************************************************/

/*************************************************************/
/*vanillaPress*/
#vanillaPress{
	position: relative;
	margin: 0 auto;
	width: 930px;
	height: 300px;
	overflow: hidden;
}
#vanillaPress ul{
	list-style: none;
	margin: 0px;
	display: block;
	height: 300px;
	width: 1000px;
}
#vanillaPress ul li{
	float: left;
}
#vanillaPress ul li a{
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:90px;
	height: 300px;
}
/*************************************************************/
/*vanillaDiapo*/
#vanillaDiapo{
	position: relative;
	margin: 0 auto;
	width: 930px;
	height: auto;
	overflow: hidden;
}
#vanillaDiapo ul{
	list-style: none;
	margin: 0px;
	display: block;
	height: 80px;
	width: 940px;
}
#vanillaDiapo ul li{
	float: left;
}
#vanillaDiapo ul li a{
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:80px;
	height: 80px;
}
#vanillaDiapo ul li a img{
	display: block;
	width: 80px;
}

/*tips*/
.enabled, .disabled, .helpTip{
	z-index: 13000;
	width: 300px;
	padding-bottom: 10px;
	font-size: 18px;
	color: #fff;
}
.helpTip{
	width: 510px;
	font-size: 13px;
	text-align: justify;
	color: #CF0;
}
.tip-title{
	background: url(../images/tabs/tip.png) top left;
	padding: 10px 10px 0;
	width: 280px;
	font-weight: bold;
	font-size: 16px;
	color: #20ABB0;
}
.helpTip .tip-title{
	background: url(../images/tabs/tipz.png) top left;
	padding: 40px 40px 0 40px;
	width: 430px;
	color: #CF0;
}
.tip-text{
	background: url(../images/tabs/tip.png) bottom right;
	padding: 10px;
	width: 280px;
}
.helpTip .tip-text{
	background: url(../images/tabs/tipz.png) bottom right;
	padding: 10px 40px 50px 40px;
	width: 430px;
}
.disabled{
}
.disabled .tip-title{
	color: red;
}
.disabled .tip-text{
}


.hiddenZ{
	margin-left: -5000px;
}
.icons{
	width:25px;
}
/*************************************************************/

/*************************************************************/
/*popup*/
.popup{
}
.nav{
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #dedc22;
}
.popup a{
	margin: 0 5px;
	color: #514f3f;
}
.cursor-hand img{
	cursor:hand;

}	


.warning{
	color: #dedc22;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.hideOverflow{
	overflow: hidden;
}
.zeroHeight{
	overflow: hidden;
	height: 0;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.fnone{
	float: none;
}
.clear{
	clear: both;
}
.lclear, form #rightSide div p.lclear{
	clear: left;
}
.rclear, form #rightSide div p.rclear{
	clear: right;
}
.noHeight{
	display: block;
	margin-top: -1px;
	height: 1px;
	line-height: 1px;
	font-size:1px;
}
.hidden{
	display: none;
}
.hidePosition{
	position: absolute;
	left: -5000px;
}
.block{
	display: block;
}
.nomargin{
	margin: 0;
}
.noborder{
	border: none;
}
.norborder{
	border-right: none;
}
.nobborder{
	border-bottom: none;
}
.notborder{
	border-top: none;
}
.nolborder{
	border-left: none;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.autoWidth{
	width: auto;
}
.autoHeight{
	height: auto;
}
.small{
	font-size:9px;
}
.tenPixSize{
	font-size: 10px;
}
.medium{
	font-size: 14px;
}
.big{
	font-size: 24px;
}
.fontSize12{
	font-size: 12px;
}
.sixRightMargin{
	margin-right: 6px;
}
.normal{
	font-weight: normal;
}
.spaced{
	padding: 10px;
}

#rightSide .padded.box.height{
	min-height: 10px;
}