*{
	margin: 0;
	padding: 0;
}
body{
	background: #fff url(../images/commun/gradiant.gif) 0 320px repeat-x;
	behavior: url("hover.htc");
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #877d6d;
}

ul{
	list-style-type: none;
}
a{
	text-decoration: none;
}
a img{
	border: none;
}
a, .box a, ul.box a:hover, .footer{
	color: #59361c;
}
fieldset{
	border: none;
}
/*--------------	Ref		--------------*/
h1, .baseline, .baseline a, .baseline strong, .baseline em, p.tags{
	color: #7D5A5A;
}
.baseline, .baseline a{
	color: #B0A030;
}
h1{
	height: 12px;
}
h1, .baseline, .baseline a, .baseline strong, .baseline em, p.tags{
	font-size:9px;
	font-weight:100;
}
h1{
	width: 910px;
	margin: 0 auto;
	text-align:center;
}
.baseline, .baseline a{
	margin: 10px 0 10px 100px;
	text-align: right;
}
/*--------------	Fin ref		--------------*/

#container{
	/*background: #572c01 url(../images/commun/top-bg.jpg) center -34px no-repeat !important;*/
	background: url(../images/commun/top-bg.jpg) center -34px repeat-x;
	width: 99.99%;
	height: 310px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#wraper{
	background: url(../images/commun/faux-column.gif) 0 310px no-repeat;
	width: 761px;
	/*height: 700px;*/
	margin: 0 auto;
}
#corps{
	/*background: url(../images/commun/wraper.gif) 0 0 no-repeat;*/
	padding: 3px 8px 5px;
	/*height: 400px;*/
}

/*--------------	Header		--------------*/
.header{
	width: 761px;
	height: 310px;
	margin: 0 auto;
}
/*--------------	Fin header		--------------*/

/*--------------	menu		--------------*/
.menu{
	height: 24px;
	text-align: center;
}
.menu li{
	display: inline;
}
.menu a{
	display: block;
	float: left;
	background: #f5ad3b;
	border: 1px solid #eba316;
	margin: 0 2px 0 0;
	padding: 5px 31px;
	height: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
.menu a.current, .menu a:hover{
	background: #e97200;
	color: #fff;
}
.menu a.last{
	margin: 0;
	padding: 5px 27px 5px 28px;
}

/*--------------	contenu principal		--------------*/
.contenu{
	background: url(../images/commun/pattern.jpg) right bottom no-repeat;
	border: 1px solid #bbbbbb;
	margin: 5px 0;
	padding: 30px;
	width: 683px;
}
h2{
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 26px 0;
	padding: 18px 0 0 0;
	height: 0 !important;
	height /**/: 18px;
}
p{
	text-align: justify;
}
/*
p:first-letter{
	padding: 5px 2px 5px 0;
	font-size: 18px;
	font-weight: bold;
	color: #f5ad3b;
}
*/
#ttl-bienvenue{
	background-image: url(../images/titres/ttl-bienvenue-en.gif);
	width: 335px;
	margin: 0 0 15px 0;
}
#ttl-propriete{
	background-image: url(../images/titres/ttl-propriete-en.gif);
	width: 185px;
}
#ttl-villa{
	background-image: url(../images/titres/ttl-villa-en.gif);
	width: 145px;
}
#ttl-bungalows{
	background-image: url(../images/titres/ttl-bungalows-en.gif);
	width: 220px;
}
#ttl-suites{
	background-image: url(../images/titres/ttl-suites-en.gif);
	width: 240px;
}
#ttl-sejour{
	background-image: url(../images/titres/ttl-sejour-en.gif);
	width: 150px;
}
#ttl-visite{
	background-image: url(../images/titres/ttl-visite-en.gif);
	width: 215px;
}
#ttl-tarifs{
	background-image: url(../images/titres/ttl-tarifs-en.gif);
	width: 105px;
	margin: 0 0 15px 0;
}
#ttl-reservation{
	background-image: url(../images/titres/ttl-reservation-en.gif);
	width: 140px;
	margin: 0 0 15px 0;
}
#ttl-chambres{
	background-image: url(../images/titres/ttl-chambres-en.gif);
	width: 115px;
}
/*--------------	accueil		--------------*/
h4, h4 a{
	font-size: 11px;
	font-weight: normal;
	color: #b77f22;
}
.box{
	width: 668px;
	margin: 0 0 20px 0;
}
.box p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #877d6d;
}
.box p:first-letter{
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #877d6d;
}
.textes{
	float: left;
	width: 420px;
	padding: 0 10px 0 0;
}
.images{
	float: left;
	width: 247px;
}
.contenu img{
	border: 1px solid #dfdfdf;
	padding: 2px;
}
.images img{
	margin: 0 0 14px 0;
}
p{
	margin: 0 0 20px 0;
	line-height: 14px;
}
#longue{
	float: left;
	margin: 0 13px 0 0;
}
/*--------------	contact		--------------*/
form{
	background: url(../images/commun/form-bg.jpg) right bottom no-repeat;
	border: 1px solid #adab9b;
	padding: 20px 200px 0 12px;
	height: 437px;
}
form p{
	margin: 0 0 3px 0;
	color: #9d9b89;
}
label{
	display: block;
	float: left;
	width: 115px;
	margin: 0 20px 0 0;
}
input, textarea, select{
	border: 1px solid #979587;
	width: 309px;
}
input{
	background: url(../images/commun/input-bg.gif) 0 0 no-repeat;
	height: 18px;
}
textarea{
	background: url(../images/commun/textarea-bg.gif) 0 0 no-repeat;
	height: 66px;
}
.button{
	width: 72px;
	font-size: 12px;
	color: #485056;
}
.cancel{
	background: #ebb460;
	border: 1px solid #d39932;
	margin: 0 23px 0 0 !important;
	margin: 0 20px 0 0;
	color: #fff;
}
/*--------------	diapo		--------------*/
#diapo{
	width: 640px;
	margin: 0 auto;
}
/*--------------	tarifs		--------------*/
table{
	width: 100%;
	margin: 0 0 20px 0;
}
th, td{
	border: 1px solid #adab9b;
	padding: 3px 8px;
}
.tarifs{
	margin: 0 0 10px 0;
}
.tarifs th, .tarifs td{
	padding: 2px 8px;
	width: 120px;
}
.tarifs th.auto, .tarifs td.auto{
	width: auto;
}
.tarifs th.nolpadding, .tarifs td.nolpadding{
	padding-left: 0;
}
.tarifs th{
	text-align: left;
	font-size: 12px;
}
.tarifs td.center, .tarifs th.center{
	text-align: center;
}
.tarifs th.nopadding{
	padding: 0;
}
.basse, .haute, .moyenne{
	width: 120px;
}
.basse{
	background: #cbffc3;
}
.moyenne{
	background: #c3cbff;
}
.haute{
	background: #ffc3c3;
}
.tarifs span, li span{
	font-size: 10px;
	color: #ac6b00;
}
.wide{
	width: 160px;
	padding: 2px 0 0 14px;
}
ul{
}
.tarif h3, h3.doc{
	clear: both;
	/*background: url(../images/commun/puce.gif) 0 5px no-repeat;*/
	background: url(../images/commun/word.jpg) 0 0 no-repeat;
	margin: 5px 0;
	padding: 5px 0 5px 30px;
	height: 14px;
	font-size: 11px;
	font-weight: normal;
	color: #ac6b00;
}
.tarif h3 a, , h3.doc a{
	/*display: block;
	padding: 5px 0 5px 30px;
	width: 350px;*/
	color: #ac6b00;
}
/*--------------	visite		--------------*/
/*autre alternative
.sous-menu{
	padding: 4px;
	width: 735px;
}
#sous-menu{
	background: #e2caa7;
	width: 735px;
	height: 19px;
	text-align: center;
	color: #2d1e06;
}
*/
div.relative{
	padding: 48px 30px 30px;
}
div.relative p{
	margin: 0 0 15px 0;
}
#sous-menu{
	position: absolute;
	top: 4px;
	left: 4px;
	background: #e2caa7;
	width: 735px;
	height: 19px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	color: #2d1e06;
}
#sous-menu li{
	display: inline;
}
#sous-menu a{
	display: block;
	float: left;
	border-right: 2px solid #fff;
	padding: 5px 50px;
	height: 10px;
	text-transform: uppercase;
	color: #2d1e06;
}
#sous-menu a.current{
	color: #e97200;
}
#sous-menu a.last{
	border-right: none;
	padding: 5px 40px 5px 46px;
}
/*--------------	la villa		--------------*/
.leftHalf{
	float: left;
	margin: 0 10px 0 0;
	width: 332px;
	text-align: justify;
}
h3{
	background: none;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: normal;
	color: #877d6d;
}
.rightHalf{
	float: left;
	width: 339px;
}
.rightHalf div, .rightHalf ul{
	border: 1px solid #dfdfdf;
}
.rightHalf div{
	margin: 0 0 20px 0;
	padding: 7px;
}
#legend{
	margin: 5px 0 0 0;
	text-align: center;
}
.rightHalf ul{
	float: left;
	padding: 5px 5px 0 5px;
}
.rightHalf li{
	float: left;
	margin: 0 5px 5px 0;
}
.rightHalf li.normargin{
	margin-right: 0;
}
#thumbs img{
	padding: 0;
}
/*--------------	bungalows		--------------*/
.bungalows, .box{
	float: left;
	border: 1px solid #dfdfdf;
	margin: 0 0 5px 0;
	padding: 6px;
}
.bungalows img{
	float: left;
	border: none;
	margin: 0 6px 0 0;
	padding: 0;
}
.bungalows img.normargin{
	margin-right: 0;
}
.imageTexte{
	float: left;
	margin: 0 20px 5px 0;
}
.imageTexte p{
	margin: 5px 0 0 0;
	text-align: center;
}

/*--------------	footer		--------------*/
#footer{
	background: url(../images/commun/footer-bg.gif) 0 0 no-repeat;
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 761px;
	height: 40px;
}
#footer a{
}

/*--------------	classes communes		--------------*/
.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{
	display: block;
	height: 1px;
	line-height: 0;
	font-size:0;
}
.tenpxtop, h2.tenpxtop{
	margin-top: 10px;
}
.block{
	display: block;
}
.padding{
	padding: 5px;
}
.nomargin{
	margin: 0;
}
.tmargin{
	margin-top: 10px;
}
.bmargin{
	margin-bottom: 10px;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.auto{
	width: auto;
}
.big{
	font-size: 18px;
}
.noborder, .comparaison td.noborder{
	border: none;
}
.nobborder, .menu dt.nobborder{
	border-bottom: none;
}
.normargin, .content dl.normargin{
	margin-right: 0;
}
.bborder{
	border-bottom: 1px solid #cec9c4;
}
.normal{
	font-weight: normal;
}
.absBottomRightFivePix{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.onepixhigh{
	height: 10px;
}
.warning{
	color: #9d580b;
}
.indent{
	text-indent: 40px;
}
.nopadding{
	padding: 0;
}
.relative{
	position: relative;
}

/*--------------	spry related		--------------*/
#requiredName span, #requiredEmail span{
	position: absolute;
	right: 10px;
	padding: 2px 10px;
	width: 180px;
}
#requiredName span{
	top: 20px;
}
#requiredEmail span{
	top: 146px;
}