/* CSS Document */
body{
font-family: Arial, Tahoma, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
margin:10px 0 10px 5px;
padding:0px 0px 0px 5px;
background: url(images/motif.jpg) #CB9B35;
}

#corps{
margin:0px auto;
padding:0px;
width:900px;
height:auto;
border:1px solid #ffffff;
background:#FFFFFF;
}
a{
font-size:10px;
font-family:tahoma, Helvetica, sans-serif;
color:#372F01;
font-weight:bold;
margin:0px;
text-decoration:none;
}
.img-ajax, .img-ajax a, .img-ajax img{
text-decoration:none;
border:0px;
list-style:none;
margin:4px 0px;
width:80px;
}
#contenu{
margin:0px;
padding:0px;
width:900px;
background: #8B1B01;
height:auto;
clear:both;
}
#banier{
margin:0px;
padding:0px;
width:900px;
height:150px;
background:url(images/banier.jpg) no-repeat;
clear:both;
}
#banier3{
margin:0px;
padding:0px;
width:900px;
height:150px;
background:url(images/banier3.jpg) no-repeat;
clear:both;
}
#sous-banier{
margin:0px;
padding:0px;
width:900px;
height:32px;
background: #CB9C36;
clear:both;
}
#left{
margin:0px;
padding:0px;
width:206px;
height:900px;
float:left;
}
#milieu{
margin:0px;
padding:0px;
background: #ffffff;
width:488px;
height:900px;
float:left;
}
#milieu p{
padding:5px;
}
#right{
margin:0px;
padding:0px;
width:206px;
height:900px;
float:left;
}
#footer{
margin:0px;
padding:0px;
background:#3B0303;
width:900px;
height:auto;
color:ffffff;
clear:both;
}
#reference{
margin:0px;
padding:0px;
background: #fff;
width:900px;
height:220px;
color:000;
font-weight:bold;
clear:both;
}
#footer a{
margin:0px;
padding:5px 0px 5px 0px;
width:890px;
height:auto;
clear:both;
color:#FFCC00;
font-weight:lighter;
}
#footer a:hover{
margin:0px;
padding:5px 0px 5px 0px;
width:890px;
height:auto;
clear:both;
color:#8B1B01;
font-weight:lighter;
}
.rakmedia{
float:left;
width:196px;
height:22px;
margin:0px;
padding:5px;
text-align:center;
color:#fff;
}
.lien-footer{
float:left;
width:486px;
height:22px;
margin:0px;
padding:5px 0px;
text-align:center;
color:#fff;
}
.copy{
float:left;
width:196px;
height:22px;
margin:0px;
padding:5px;
color:#fff;
text-align:center;
}
h3{
background: url(images/motif1.jpg) no-repeat  5px #3B0303;
padding:8px 0px 0px 35px;
margin:1px 0px;
color: #DCBF85;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
height:22px;
width:171px;
}
h4{
background: url(images/motif3.jpg) no-repeat  5px #C6B463;
padding:8px 0px 0px 35px;
margin:1px 0px;
color:#023233;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold ;
font-size:12px;
height:22px;
width:171px;
}
h5{
background: #8B1B01;
padding:5px;
margin:0px 1px;
color:#fff;
text-decoration:none;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold ;
font-size:12px;
height:20px;
width:476px;
}
ul{
padding:0px;
margin:5px 0px 0px 5px;
font-family: Arial, Tahoma, sans-serif;
font-size:12px;
font-weight:lighter;
}
#right li,#left li {
background: url(images/motif2.jpg) no-repeat  5px ;
padding:0px 0px 0px 15px;
margin:5px 0px 0px 0px;
color:#ffffff;
text-decoration:none;
list-style:none;
font-family: Arial, Tahoma, sans-serif;
font-size:12px;
font-weight:lighter;
}
li a{
padding:0px 0px 0px 15px;
margin:5px 0px;
color:#ffffff;
text-decoration:none;
list-style:none;
font-family: Arial, Tahoma, sans-serif;
font-size:12px;
font-weight:lighter;
}
li a:hover{
padding:0px 0px 0px 15px;
margin:5px 0px;
color:#E56D6D;
text-decoration:none;
list-style:none;
font-family: Arial, Tahoma, sans-serif;
font-size:12px;
font-weight:lighter;
}
/*-----------------------------form ----------------------------*/
#form-contact{
margin:0px;
padding:0px;
width:450px;
height:200;
color:#000000;
clear:both;
}
.form label {
float:left;
clear:both;
}
.form input,.form textarea,.form select{
background: #ECD99D ;
border:1px solid #001A1B;
clear:both;
}
.formabsolute {
clear:both;
width:470px;
height:300px;
margin:0 0 10px 0;
}
.formabsolute p {
margin:3px 0 0 0;
}
.formabsolute label{
position:absolute;
margin:0 0 0 5px;

}
.formabsolute input, .formabsolute select, .formabsolute textarea {
margin:0 0 0 220px;
width:200px;
background: #ECD99D ;
border:1px solid #001A1B;

}
.formabsolute .nowidth {
width:auto;
}
/*------------------------------------------------------------*/
.demande-devis a{
margin:0px;
padding:0px 0px 0px 380px ;
color:#000000;
clear:both;
}
.newslettre{
margin:5px;
}
.bt-envoyer{
margin:5px 0px 0px 0px;}
/*-------------------------------hotel---------------------------*/
dl{
margin:3px;
padding:0px;
background: #E9E0BA;
width:480px;
height:200px;
border:1px solid #000000;
clear:both;
}
dd{
margin:0px;
padding:0px;
width:480px;
height:200px;
color:#000000;
font-size:12px;
}
dt{
margin:0px;
padding:0px;
color:#990000;
font-size:14px;
font-weight:bold;
float:left;
}
.titre{
margin:0px;
padding:0px;
color:#990000;
font-size:14px;
font-weight:bold;
clear:both;
}
.titre2{
margin:0px;
padding:0px;
color:#990000;
font-size:14px;
font-weight:bold;
text-align:center;
clear:both;
}
.descr-hotel{
color:#000000;
width:120px;
height:auto;
font-size:10px;
text-align:left;
clear:both;
}

#clair{
margin:3px;
padding:0px;
float:left;
}
#hotel{
margin:3px;
padding:0px;
background: #E9E0BA;
width:480px;
height:200px;
border:1px solid #000000;
clear:both;
}
.photo-hotel{
margin:3px;
padding:0px;
width:156px;
height:190px;
border:1px solid #FFFFFF;
float:left;
}
.recherche{
text-align:left;
width:171px;
height:auto;
margin:0px;
padding:5px;
}
.serch{
margin:15px 0px;
padding:0px;
width:190px;
height:auto;
color:#000000;
clear:both;
}
.serch label {
margin:0px 5px 0px 0px;
float:left;
width:60px;
}
.serch select{
margin:0px 0px 5px 0px;
background: #ECD99D;
width:120px;
border:1px solid #001A1B;
float:left;
}
.serch input{
margin:0px 0px 5px 95px;
clear:both;
}
/********************************************************/
.prod {
	height:130px;
	width:450px !important;
	width:450px;
	margin:3px 3px 3px 5px;
	padding:5px 5px 5px 10px;
	border:1px solid #B1540E;
	text-align:left;
}
.prod .reserv {
	float:left;
}
h1 {
	text-align:center ;
	font-size:14px;
	color:#FF9933;
	font-weight:bold;
}

.prod p {
	margin:0px;
	padding:0px;
	float:left;
	width:320px;
}
.prod h2 {
	margin:0px;
	padding:0px;
	color:#DE8C16;
	font-size:14px;
	float:left;
}
.prod h2 a {
	color:#DE8C16;
	font-size:14px;

}
.prod img {
	margin:15px 3px 3px 3px;
	float:right;
	display:block;
	border:1px solid #C9460E;
}
.prod img.no_bord {
	border:0;
}
.prod .reserv {
	float:left;
}
.img_petite {
	list-style:none;
	float:left;
	margin:0 5px 0 5px;
	padding:0;
}
.img_petite li {
	margin:0 0 1px 0;
	padding:0;
}
.img_petite img {
	width:80px;
}
#img_grande {
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:250px;
	
}
.table-car{
width:475px;
border:1px solid #660000 ;
margin:5px;
padding:0px;
}
.td1{
background:#DFC999;
width:82px;
height:30px;
text-align:center;
font-weight:bold;

}
.td{
background: #FFF2F2;
margin:0px;
padding:0px;
text-align:center;
height:30px;
width:82px;
font-weight:bold;
}
/**********************************************paragraphe******************************/
.img{
margin:10px 10px 10px 30px;
border:#990000 solid 1px;
}
.lien{
margin:0px;
padding:5px 0px;
text-align:center;
color: #530000;
text-decoration:underline;
}
/*******************************************24/12/2007****************************************/
.center {
text-align:center;
}
.clear {
clear:both;
}
.tri{
margin:0 0 0 305px;
}


.tri label {
font-weight:bold;
}
.tri select {
width:130px;
}
#left .list_prod,#right .list_prod {
border:none;
}
.text_list_chambre {
float:left;
margin:3px 0 0 10px;
width:355px;
}
.text_list_index {
float:left;
margin:3px 0 0 10px;
width:215px;
}		

.text_list_index span {
position:absolute;
display:block;
text-align:right;
margin:0 0 0 300px;
font-weight:bold;
}
.text_list_index p {
margin:5px 0 0 0;
padding:0;
height:20px;
}
/*.text_list span {
position:absolute;
display:block;
text-align:right;
margin:0 0 0 300px;
font-weight:bold;
}
.text_list p{
margin:5px 0 0 0;
padding:0;
height:20px;
}*/

.text_link a {
color: #8B1B01;
}
.text_link a:hover {
color: #666666;
}
.text_link img {
border:none;
}
a.textRouge {
color: #8B1B01;
}
.hotel_info {
width:475px;
height:auto;
padding:5px;
margin:0px;
clear:both;
}
.cadre_img {
border:1px solid #990000;
margin:3px;
padding:2px;
width:100px;
height:90px;
float:left
}
.cadre_img img {
width:100px;
height:90px;
float:left;
}
.titrechambre {
margin:0px;
background:url(images/chambre.jpg) no-repeat 0px;
padding:5px 5px 0px 40px;
color:#DC6927;
font-weight:bold;
}
.annex {
width:470px;
padding:5px;
margin:0 0 10px 0;
}

#top-info{
width:475px;
padding:5px;
margin:0px;
border:1px solid #00CC00;
clear:both;
}
.discript{
width:475px;
height:280px;
padding:5px;
margin:0px;
clear:both;
}

#img-hotel{
width:485px;
height:210px;
padding:5px 0px 0px 0px;
margin:0px;
clear:both;
}
#galerie{
margin:0px; 
padding:0px;
width:150px; 
height:auto;
float:left;
}
#galerie a{
margin:0px; 
padding:0px;
border:none;
float:left;
}
#big_img{
border:1px solid #993300;
float:left;
margin:0px 0px 0px 6px;
width:220px;
height:200px;
}
.icon{
margin:0px 0px 8px 8px; 
width:60px; 
height:60px;
border:1px solid #990000;
float:left;
}
#txt_descript {
margin:2px;
padding:0 0 10px 20px;
width:448px;
height:auto; 
clear:both;
}
.txt_descript {
float:left;
margin:0 0 0 05px;
width:265px;
text-align:justify;
}
.restaurant {
background:url(images/restaurant.jpg) no-repeat;
margin:2px;
padding:0 0 10px 20px;
width:454px;
clear:both;
}
.rouge {
color: #990000;
}
a.textdispo {
color:#fff;
}
.dispo {
margin:0px 0px 4px 0px;
padding:0px;
height:55px;
width:180px;
clear:both;
}
.dispo_img {
float:left;
}
.titre3{
margin:0px;
padding:0px;
color:#000;
font-size:14px;
font-weight:bold;
clear:both;
}
/*****************************chambres****************************/
.list_chambres {
margin:10px 0 0 0;
padding:0px;
height:127px;
width:470px;
}
.text_chambre {
float:left;
margin:3px 0 0 4px;
padding:0px;
width:345px;
}
#lien-ref {
margin:0px auto;
padding:0px;
width:900px;
}
.plan-site {
margin:30px;
}
.titre-plan{
font-size:12px;
color:#990000;
text-decoration:underline;
font-weight:bold;
margin:10px;
}
/*****************************chambres 20-mai-2008****************************/
.chambre_info {
width:450px;
height:auto;
padding:10px;
margin:5px;
clear:both;
border:1px solid #000000;
}
.img_grande_chambre {
margin:0px;
float:left;
width:200px;
height:180px;
border:1px solid #990000;
}
.txt_chambre {
margin:2px;
padding:0 0 10px 20px;
float:left;
width:448px;
height:auto;
border:1px solid #000000; 
}


/*****************************style 21-mai-2008****************************/



.list_resto {
margin:10px 0 0 4px;
height:127px;
width:480px;
border-bottom:1px solid #6F6F52;
}
.txt-resto {
float:left;
height:100px;
width:350px;
}
.resto_link {
margin:3px 0px 0px 280px;
}
.discript-spr{
width:460px;
height:auto;
padding:5px;
margin:0px;
clear:both;
}
#galerie-spr{
margin:0px; 
padding:0px;
width:150px; 
height:auto;
float:left;
}
#img-hotel-spr{
width:470px;
height:210px;
padding:5px 0px 0px 0px;
margin:0px;
clear:both;
}

.list_prod {
margin:10px 0 0 4px;
height:127px;
width:480px;
border-bottom:1px solid #6F6F52;
}
.text_list {
float:left;
margin:3px 0 0 10px;
height:100px;
width:350px;
}
.text_link {
margin:3px 0px 0px 230px;
}
.left_link {
margin:3px 0px 0px 5px;
float:left;
}