* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
}
body {
	margin:0;
	padding:0;
	background: #663300;
	text-align:center;
}
#home {
	margin: 0 auto;
	padding: 18px 0 0 334px; 
	background: url(img/home1.jpg) no-repeat 0% 18px;
	width:545px;
	text-align:left;
	height: auto !important;
	min-height:730px;
	height:730px;
}
#home .anime {
	padding: 20px 0 0 20px;
}
object, embed {
	margin:0;
	padding:0;
}
#home img {
	display: block;
}
#page {
	margin: 0 auto;
	padding: 37px 105px 0 70px; 
	background: url(img/pied.gif) no-repeat 100% 100%;
	width:825px;
	text-align:left;
}
#top {
	height:106px;
	padding-left:32px;
}
img {
	border:0;
}
h1 {
	margin:0;
	padding:0;
}
h1 img {
	display: block;
}
h2 {
	display: none;
}
#sidebar {
	width:286px;
	float:left;
	height:590px;
	background:url(img/sidebar.jpg) no-repeat;
}
#sidebar ul {
	padding: 200px 10px 0 0;
	margin:0;
}
#sidebar li {
	list-style-type:none;
	text-align:right;
	padding: 0 0 20px 0;
}
#sidebar li a:link, #sidebar li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
}
#sidebar li a:hover, #sidebar li a:active {
	color: #C5B397;
	text-decoration:underline;
}
#main {
	float:left;
	width:539px;
}
ul.menu {
	margin:0;
	padding:14px 0 30px;
	height:21px;
	background: url(img/menu.gif) no-repeat 0% 100%;
}
#home #pied ul.menu {
	padding-left:0;
}
#pied ul.menu {
	padding:10px 0 0 284px;
	background:none;
	width:545px;
}
div.galerie {
	position:absolute;
	margin-left:-254px;
	margin-top:7px;
}
ul.menu li {
	list-style-type: none;
	margin:0;
	padding: 0 0 0 3px;
	float:left;
	white-space:nowrap;
}
ul.menu a:link, ul.menu a:visited {
	color: #ffffff;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
ul.menu a:hover, ul.menu a:active {
	color: #C5B397;
	text-decoration:underline;
}

#content {
	padding: 300px 0 40px 15px;
	margin-top:20px;
	width:520px;
}

/*
#content {
  padding: 0 0 40px 15px;
	margin-top:20px;
	width:520px;
}
*/
.Room #content, .Chambre #content {
	padding-top:0;
}
.home #content,
.introduction #content,
.presentation #content {
	background: url(img/rub1.jpg) no-repeat 100% 0%;
}
.accommodation #content, .chambres #content {
	padding-top: 220px;
	background: url('img/rub2.jpg') no-repeat 100% 0%;
}

DIV.chambres {
  margin-top:-300px;
	padding-top: 160px;
	background: url(img/rub2.jpg) no-repeat 100% 0%;
}


.facilities #content, .prestations #content {
	background: url(img/rub3.jpg) no-repeat 100% 0%;
}
DIV.prestations {
	background: url(img/rub3.jpg) no-repeat 100% 0%;
	margin-top:-300px;
	padding-top: 310px;
}

.mail-en #content, .contact-en #content, .mail #content, .contact #content {
	background: url(img/rub5.jpg) no-repeat 100% 0%;
	padding-top:220px;
}

.loisirs #content, .tarifs #content, .mail-tarifs #content {
	background: url(img/rub6.jpg) no-repeat 100% 0%;
	padding-top:220px;
} 
DIV.loisirs {
	background: url(img/rub6.jpg) no-repeat 100% 0%;
	padding-top:220px;
	margin-top:-300px;
} 
.tarifs #content, .mail-tarifs #content
{
	background: url(img/rub4.jpg) no-repeat 100% 0%;
}
DIV.tarifs
{	margin-top:-300px;
	padding-top: 220px;
	background: url(img/rub4.jpg) no-repeat 100% 0%;
}
.related-chapo {
	padding-bottom:10px;
}
.galeries #content, .simpleviewer #content {
	padding-top:0;
}
.galeries #content ul {
	padding:0;
	margin:110px 0 0 30px !important;
	margin:90px 0 0 30px;
}
.galeries #content li {
	list-style-type: none;
	height: 150px;
	width:230px;
	float:left;
	text-indent: 10px;
}
.galeries #content li img {
	border:1px #C5B397 solid;
	margin:0 0 6px -10px;
}
.galeries #content li a:link, .galeries #content li a:visited {
	text-decoration:none;
}
.galeries #content li a:hover, .galeries #content li a:active {
	text-decoration:underline;
}

/*++++++++++++gallery=================*/
.galeries_en #content, .simpleviewer #content {
	padding-top:0;
}
.galeries_en #content ul {
	padding:0;
	margin:110px 0 0 30px !important;
	margin:90px 0 0 30px;
}
.galeries_en #content li {
	list-style-type: none;
	height: 90px;
	line-height: 70px;
	width:230px;
	float:left;
}
.galeries_en #content li img {
	border:1px #C5B397 solid;
	display: block;
	float: left;
	margin-right: 10px;
}
.galeries_en #content li a:link, .galeries #content li a:visited {
	text-decoration:none;
}
.galeries_en #content li a:hover, .galeries #content li a:active {
	text-decoration:underline;
}





table.tabtarif {
	width:100%;
	border-collapse:collapse;
	border:1px #C5B397 solid;
}
table.tabtarif th, table.tabtarif td {
	padding: 4px;
	border:1px #C5B397 solid;
}
table.tabtarif th {
	background: #C5B397;
	border:1px #663300 solid;
}
table.tabtarif td {
	text-align:center;
}
#content img {
	cursor: pointer;
	margin:0 5px 0 5px;
	vertical-align: top;
}
#content p {
	margin:0;
	padding: 10px 0;
	text-align:justify;
}
.Room #content p, .Chambre #content p {
	clear: both;
}
#content h3 {
	margin:0;
	padding: 15px 0 5px 0;
}

#pied {
	clear:both;
	height:60px;
}
p.coord {
	margin:0;
	padding:10px 0;
	text-align:center;
}
#home p.coord {
	width:545px;
}
form input, form textarea {
	color: #000000;
}


form#renseigne  p {
	clear:both;
}
form#renseigne p.chambre input {
	float:none;
	display:inline;
	width:auto;
	height: auto;
	margin:0;
	vertical-align: -3px;
}

/* formulaire contact */
#content form#renseigne {
	padding:0;
	margin:0;
}
form#renseigne input, form#renseigne textarea#adresse, form#renseigne label {
	padding:0;
	margin:1px 0;
	float:left;
	display:block;
}
form#renseigne label {
	clear: both;
	width:180px;
	padding-right:5px;
	height:20px;
	line-height:20px;
}
.oblig, form#renseigne label.oblig  {
	font-weight:bold;
}
form#renseigne input.hidden {
	display:none;	
}
form#renseigne input {
	height:20px;
	width:170px;
}
form#renseigne textarea#adresse {
	width:170px;
	height: 40px;
}
form#renseigne label.demande {
	padding-right:0;
	padding-top:20px;
	float: none;
	width: auto;
	height: auto;
}
form#renseigne p {
}
form#renseigne textarea#demande {
	width: 355px;
	height:125px;
	margin-top:10px;
	display: block;
	margin:0;
}
form#renseigne p.submit {
	font-style: normal;
	padding:10px 00 0 0;
	height: 30px;
	text-align:center;
}
form#renseigne p.submit input {
	width: auto;
	display:inline;
	float:none;
	height: auto;
	padding: 0 5px;
}

#thegal {
margin-top: -300px;
}
#thegal h1 {margin-bottom:14px;}

#thegal img {
margin:10px;
border:1px solid #fff;

}
#content .contform {margin-top:-140px;}
