@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
body{
	background: #2d2923;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

a{
	text-decoration: none;
	color: #fff;
}
a:hover{
	text-decoration: underline;
}
ul{
	list-style: none;
}
h2{
}
h3{
	font-size: 16px;
	color: #734923;
}
h4{
	margin: 8px 0 0;
	font-size: 14px;
	color: #734923;
}

/*--------------	ref		--------------*/
h1{
	padding-bottom: 2px;
	width: 99.99%;
}
h1, .baseline{
	margin: 0 auto;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	color: #6f6857;
}
h1 a, .baseline a, p.tags a{
	text-decoration: none;
	color: #6f6857;
}
p.tags{
	font-size: 9px;
	text-align: center;
	color: #6f6857;
}
.baseline{
	margin: 10px auto;
	width: 696px;
}

/*--------------	conteneur principal		--------------*/
#corps{
	background: #9f8b6f;
	border: 1px solid #d9d8d7;
	margin: 0 auto;
	width: 696px;
}
/*--------------	partie gauche		--------------*/
#leftSide{
	background: url(../images/commun/leftSide-en-bg.jpg) 9px 0 no-repeat;
	float: left;
	padding: 149px 9px 0;
	width: 239px;
	height: 100%;
}
#withBg{
	background: url(../images/commun/chambres-bg.gif) center bottom no-repeat;
	margin: 0 0 25px 0;
	padding: 0 0 160px 0;
}

/*--------------	langues		--------------*/
#languages{
	margin: 0 0 2px 0;
	padding: 6px 11px 6px 14px;
	width: 214px;
	height: 12px;
}
#languages li{
	float: left;
}
#languages a{
	display: block;
	overflow: hidden;
	padding: 12px 0 0 0;
	width: 94px;
	height: 0 !important;
	height /**/: 12px;
}
#en{
	margin-right: 24px; 
}
/*--------------	menu		--------------*/
#menu{
	clear: both;
	width: 239px;
	height: 180px;
}
#menu li{
	margin: 0 0 2px 0;
	padding: 5px 0;
	height: 14px;
}	
#menu a{
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 14px 0 0 0;
	width: 100px;
	height: 0 !important;
	height /**/: 14px;
	color: #fff;
}	

#leftSide dl{
	border: 1px solid #d1c9be;
	margin: 11px 0;
}
#leftSide dt{
	display: block;
	overflow: hidden;
	background-color: #d1c9be;
	background-position: 15px 8px;
	background-repeat: no-repeat;
	padding: 30px 0 0 0;
	height: 0 !important;
	height /**/: 30px;
	color: #b59e7d;
}
.ttl-chambres{
	background-image: url(../images/commun/titles/ttl-chambres-en.gif);
}
.ttl-chambres-villa{
	background-image: url(../images/commun/titles/ttl-chambres-en.gif);
}
.ttl-services{
	background-image: url(../images/commun/titles/ttl-services.gif);
}
.ttl-tarifs{
	background-image: url(../images/commun/titles/ttl-tarifs-en.gif);
}
.ttl-acces{
	background-image: url(../images/commun/titles/ttl-acces-en.gif);
}
.ttl-contact{
	background-image: url(../images/commun/titles/ttl-contact.gif);
}
.ttl-villa{
	background-image: url(../images/commun/titles/ttl-villa-en.gif);
}
#leftSide dd{
	position: relative;
	height: 100%;
	background: #917e64 url(../images/commun/readMore-en.gif) 100% 100% no-repeat;
	padding: 0 0 12px 0;
}
#leftSide p{
	padding: 5px;
}
.readMore{
	display: block;
	position: absolute;
	bottom: 2px;
	overflow: hidden;
	right: 8px;
	padding: 17px 0 0 0;
	width: 73px;
	height: 0 !important;
	height /**/: 17px;
}
.links{
	border: 1px solid #d1c9be;
	margin: 0 0 10px 0;
	padding: 10px;
}
.links a{
	/*color: #734923;*/
}
.links a img{
	border: none;
	margin: 0;
	padding: 0;
}
/*--------------	partie droite		--------------*/
#rightSide{
	float: left;
	padding: 9px 9px 9px 0;
	width: 430px;
}
#flash{
	border: 1px solid #d1c9be;
	margin: 0 0 10px 0;
}
img#flash{
	width: 428px;
}
#promotion{
	border: 1px solid #d1c9be;
	padding: 10px;
	margin: 0 0 10px 0;
}
#rightSide dl{
	border: 1px solid #d1c9be;
}
#rightSide dt{
	display: block;
	overflow: hidden;
	background-color: #d3cabe;
	background-position: 19px 10px;
	background-repeat: no-repeat;
	padding: 32px 0 0 0;
	height: 0 !important;
	height /**/: 32px;
	color: #b59e7d;
}
#rightSide dd{
	background-color: #968165;
	background-position: 15px 110px;
	background-repeat: no-repeat;
	padding: 18px 18px 3px 18px;
}
#rightSide dd#villa{
	background-image: url(../images/commun/villa-en-bg.gif);
	padding: 18px 18px 3px 176px;
}
#rightSide dd#services{
	background-image: url(../images/commun/services-bg.gif);
	padding: 18px 18px 3px 176px;
}
#rightSide dd#acces p{
	margin: 10px 0;
}
#rightSide dd#acces li{
	margin: 0 0 5px 0;
}
#rightSide dd#acces ul span{
	display: block;
	float: left;
	width: 40px;
	color: #734923;
}
#rightSide p{
	margin: 0 0 15px 0;
}
#rightSide p.nomargin{
}
#rightSide dd#chambres h3{
	margin: 30px 0 0 0;
}
#rightSide dd#chambres h3.notmargin{
	margin-top: 0;
}
.voirTarifs{
	display: block;
	float: right;
	overflow: hidden;
	background: url(../images/commun/voirTarifs-en.gif) 0 0 no-repeat;
	margin: 0 0 10px 0;
	padding: 18px 0 0 0;
	width: 83px;
	height: 0 !important;
	height /**/: 18px;
}
/*--------------	tarifs		--------------*/
.table{
	width: 100%;
}
th, td{
	border: 1px solid #734923;
	padding: 2px 5px;
	text-align: left;
}
.tarifs span{
	color: #734923;
}
/*--------------	formulaire		--------------*/
#contact{
	position: relative;
}
form{
	width: 390px;
}
#rightSide form p{
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	height: 20px;
}
form p.autoHight{
	margin: 0;
	height: auto;
}
label{
	float: left;
	margin: 0 5px 0 0;
	width: 70px;
	text-align: right;
}
input, textarea{
	background-color: #87755d;
	border: 1px solid #b6a791;
	width: 310px;
}
input{
	height: 20px;
}
textarea{
	height: 100px;
	overflow: auto;
}
#rightSide form p.autoHight{
	height: auto;
}
#rightSide form p.submit{
	width: 388px;
}
#rightSide form p.submit input{
	float: right;
	margin: 0 0 0 10px;
	padding: 0 10px;
	width: auto;
    height :auto;
}
/*--------------	captcha		--------------*/
.captcha label{
	width: auto;
}
.captcha p{
	float: left;
	width: 390px;
}
input.captcha{
	padding: 0 5px 0 5px;
	width: 13px;
	height: auto;
}

/*--------------	footer		--------------*/
#footer{
	clear: both;
	background: #28241e;
	padding: 5px 0;
	width: 696px;
	/*height: 15px;*/
	text-align: center;
	font-size: 13px;
}


/*--------------	classes communes		--------------*/
.relative{
	position: relative;
}
.left, .tarifs th.left, .tarifs td.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{
	clear: left;
}
.rclear{
	clear: right;
}
.no-height{
	height: 1px;
	line-height: 1px;
	font-size:1px;
}
.tenpxtop, h2.tenpxtop{
	margin-top: 10px;
}
.block{
	display: block;
}
.nomargin{
	margin: 0;
}
.negTopMargin{
	margin-top: inherit!important;
	margin-top: -50px;
}
.noborder, .tarifs th.noborder,  .tarifs td.noborder{
	border: none;
}
.norborder, .tarifs th.norborder,  .tarifs td.norborder{
	border-right: none;
}
.nobborder, .tarifs th.nobborder,  .tarifs td.nobborder{
	border-bottom: none;
}
.notborder{
	border-top: none;
}
.nolborder{
	border-left: none;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.auto{
	width: auto;
}

.petit{
	font-size:9px;
}
.tenPixSize{
	font-size: 10px;
}
.medium{
	font-size: 14px;
}
.big{
	font-size: 24px;
}
.orange{
	color: #cc4712;
}

/*--------------	spry related		--------------*/
.validMsg{
	position: absolute;
	display:none;
	right: 6px;
	width:16px;
	height:16px;
}
.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{
	display:inline;
}
#requiredName .validMsg{
	top: 50px;
}
#requiredEmail .validMsg{
	top: 110px;
}