/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

h1{
font-family:"Times New Roman", Times, serif;
display:block;
padding-bottom:0px;
border-bottom:1px solid #91817b;
font-size:25px;
font-weight:bold;
letter-spacing:-1px;
color:#6f605b;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#666666;
text-transform:uppercase;
letter-spacing:3px;
padding-top:1px;
}
h3{
background-image:url(../images/charte/bg-h3.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:left bottom;
border-bottom:1px solid #6f605b;
padding-left:25px;
font-size:15px;
display:block;
color:#c5aca5;
margin-top:10px;
}
h4{
font-size:30px;
display:block;
color:#ee9f4e;
}
.petit{
font-size:9px;
letter-spacing:1px;
font-weight:bold;
color:#c5aca5;
}

a{
text-decoration:none;
color:#3C3838;
text-decoration:underline;
font-weight:bold;
}

a:hover{
text-decoration:none;
color:#3C3838;
font-weight:bold;
}

/*---------------------------index------------------*/

#txt_acc{
float:left;
width:480px;
margin-top:10px;
margin-bottom:20px;
margin-left:12px;
}

#txt_acc p{
width:480px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;
text-align:justify;
margin-top:5px;
margin-bottom:5px;
line-height:20px;
}

#txt_acc ul{
float:left;
width:460px;
margin-top:10px;
margin-bottom:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;
margin-left:5px;
}
#txt_acc li{
float:left;
width:455px;
margin-left:20px;
list-style-image:url(../images/charte/puce_acc.jpg);
margin-bottom:5px;

}
.videos{
float:left;
width:425px;
margin-left:20px;
margin-top:10px;

}	
.videos_texte{
float:left;
width:410px;
margin-top:20px;
margin-bottom:20px;
margin-left:30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;
font-weight:bold;
text-align:center;

}
/*---------------------------nos_chambres------------------*/
#txt_the{
float:left;
width:460px;
margin-top:10px;
margin-bottom:10px;
margin-top:10px;
text-align:justify;
margin-left:13px;
}

#txt_the p{
width:460px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;
text-align:justify;
margin-top:10px;
line-height:20px;
}

	
#txt_chambres{
float:left;
width:480px;
margin-top:10px;
margin-top:10px;
text-align:justify;
margin-left:10px;
margin-bottom:10px;
}

#txt_chambres p{
width:480px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;
text-align:justify;
margin-top:10px;
line-height:20px;
}

#txt_chambres ul{
float:left;
width:460px;
margin-top:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;
margin-bottom:5px;

}
#txt_chambres li{
float:left;
width:460px;
margin-left:20px;
/*list-style-image:url(../images/charte/puce.jpg);*/
background:url(../images/charte/puce.jpg) no-repeat;
margin-bottom:5px;
padding-left:20px;

}

#img_chambres {
float:left;
width:150px;
margin-left:10px;
margin-bottom:10px;
margin-top:5px;
}

.top_chambres{
float:left;
width:150px;
height:56px;
margin-left:7px;
background-image: url(../images/charte/top_ban.jpg);
background-repeat: no-repeat;
}
.cont_chambres{
float:left;
width:150px;
border:2px solid #83726B;
}

.cont_chambresquisma{
float:left;
width:140px;
border:2px solid #83726B;
margin-bottom:10px;
margin-left:10px;
}


.cont_chambres img{
float:left;
margin:5px;

}
.bottom_chambres{
float:left;
width:150px;
background-image: url(../images/charte/bottom_chambre.jpg);
}
.bottom_chambres p{
width:120px;
margin-top:10px;
margin-bottom:10px;
margin-left:15px;
text-align:center;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.bottom_chambres12{
float:left;
width:150px;
height:53px;
background-image: url(../images/charte/bottom_chambre.jpg);
}
.bottom_chambres12 p{
width:120px;
margin-top:20px;
margin-bottom:10px;
margin-left:15px;
text-align:center;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}


#img_chambres2 {
float:left;
width:170px;
margin-left:50px;
margin-bottom:5px;
margin-top:5px;
}
#img_chambres22 {
float:left;
width:170px;
height:200px;
margin-left:40px;
margin-bottom:35px;
margin-top:5px;
}


#img_chambres3 {
float:left;
width:170px;
height:200px;
margin-left:50px;
margin-bottom:5px;
margin-top:5px;
} 

.top_chambres2{
float:left;
width:170px;
height:56px;
margin-left:14px;
background-image: url(../images/charte/top_ban.jpg);
background-repeat: no-repeat;
}
.cont_chambres2{
float:left;
width:170px;
border:2px solid #83726B;
}
.cont_chambres2 img{
float:left;
margin:5px;

}
#container .bottom_chambres2{
float:left;
width:170px;
background-image: url(../images/charte/bottom_chambre2.jpg);

}
#container .bottom_chambres2 p{
width:150px;
margin-top:10px;
margin-left:10px;
margin-bottom:5px;
text-align:center;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#container .bottom_chambres2 .traductionchambre{
width:150px;
margin-left:4px;
font-size:9px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;
font-weight:lighter;
}

#container  .traductionchambre2{
width:150px;
margin-left:4px;
font-size:9px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;
font-weight:lighter;
margin-left:-3px;
}

#container #contenu .traduction{
width:120px;
margin-top:5px;
margin-bottom:5px;
margin-left:25px;
text-align:center;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

#container #contenu .traduction2{
width:120px;
margin-top:5px;
margin-bottom:5px;
margin-left:13px;
text-align:center;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}
/*---------------------------nos_chambres_suite------------------*/

.img_suite{
float:left;
width:159px;
margin-left:40px;
margin-top:10px;
margin-bottom:10px;
}
.img_suite2{
float:left;
width:159px;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
}
.top_img_suite{
float:left;
width:159px;
height:77px;
background-image:url(../images/charte/top_suite.jpg);
}

.top_img_suite p{
width:80px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:14px;
font-weight:bold;
margin-top:40px;
margin-left:40px;

}

.cont_img_suite{
float:left;
width:159px;
background-image:url(../images/charte/cont_suite.jpg);
}

.cont_img_suite img{
float:left;
margin-left:19px;
}
.bottom_img_suite{
float:left;
width:159px;
height:44px;
background-image:url(../images/charte/bottom_suite.jpg);
}

/*---------------------------nos_chambres_suite1------------------*/

.img_suite_noor{
float:left;
width:160px;
background-image:url(../images/charte/bg_suite.jpg);
background-repeat:no-repeat;


}
.img_suite_noor img{
float:left;
margin-left:20px;
margin-top:60px;

}

.bottom2_img_suite{

float:left;
width:159px;
height:30px;
background-image:url(../images/charte/bott_suite.jpg);
background-repeat:no-repeat;

}
.retour{
float:right;
width:155px;
margin-top:10px;
padding-left:30px;
margin-right:20px;	

}
.precedent{
float:left;
width:420px;
margin-top:10px;
margin-left:20px;


}

.precedent2{
float:right;
width:200px;
margin-left:5px;


}
.precedent img{
float:left;
margin-left:40px;

}

#txt_kamar{
float:left;
width:480px;
margin-top:10px;
margin-bottom:10px;
margin-top:10px;
text-align:justify;
margin-left:12px;


}
#txt_kamar p{
width:478px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;
text-align:justify;
margin-top:10px;
line-height:20px;
}

#txt_kamar ul{
float:left;
width:460px;
margin-top:10px;
margin-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;

}
/*
#txt_kamar li{
	float:left;
	width:450px;
	margin-left:20px;
	margin-bottom:5px;
	list-style-image:url(../images/charte/puce.jpg);
}
*/
#txt_kamar li {
	float : left;
	width : 460px;
	margin-left : 20px;
	background:url(../images/charte/puce.jpg) no-repeat;
	margin-bottom:5px;
	padding-left:20px;
}
/*---------------------------table_hote------------------*/

.img_hote{
float:left;
width:170px;
margin-left:40px;
margin-top:10px;
margin-bottom:10px;
}
.top_img_hote{
float:left;
width:166px;
height:68px;
background-image:url(../images/charte/top_hote.jpg);
background-repeat:no-repeat;


}
.cont_img_hote{
float:left;
width:166px;
background-image:url(../images/charte/cont_hote.jpg);

}
.cont_img_hote img{
float:left;
margin-left:12px;

}
.bottom_img_hote{
float:left;
width:166px;
height:10px;
background-image:url(../images/charte/bottom_hote.jpg);
background-repeat:no-repeat;

}
/*---------------------------tarif------------------*/
#container #contenu #tarif{
width:480px;
margin-left:12px;

}

#contenu #tarif p{
width:470px;
line-height:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;

}
	
		
#contenu #tarif a{
width:470px;
line-height:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A504C;
margin-bottom:5px;

}
	
#tableau{
	float:left;
	width:480px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:10px;
}

#tableau p{
float:left;
width:100px;
margin-left:8px;
line-height:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align:center;
margin-left:5px;

}
/*-----------------reservation------------ */

#formulaire{
float:left;
width:450px;
margin-bottom:10px;
margin-top:30px;
margin-left:10px;

}


#formulaire img{
margin-bottom:10px;

}
#formulaire label{

font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#453D39;
text-align:justify;
}

.b{
width:330px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}
.login{
width:150px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}
.capca{
width:150px;
background-color:#363030;
margin-left:10px;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}

#formulaire input:focus{

background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #85746D;
}
#formulaire input{

background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #85746D;
}
#formulaire textarea{
width:330px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}
#formulaire select{
width:330px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}
#formulaire textarea:focus{
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #85746D;
}
#coordonne{
width:200px;
float:left;
margin-top:30px;
margin-left:10px;

}
#plan{
float:left;
width:200px;
margin-top:30px;
margin-left:70px;

}

#formulaire .bouton_form{
width:160px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}

#formulaire .bouton_form2{
width:75px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}

#coordonne p{
float:left;
width:200px;
margin-top:20px;
margin-right:10px;
margin-left:5px;
text-align:justify;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#473E3B;
}
#formulaire p{
width:330px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#4F4844;
text-align:justify;
font-size:10px;
margin-bottom:15px;
}




/********************reservation************************/



#formulaire2{
float:left;
width:470px;
margin-bottom:10px;
margin-top:30px;
margin-left:10px;

}


#formulaire2 img{
margin-bottom:10px;

}
#formulaire2 label{

font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#453D39;
text-align:justify;
}

.b2{
width:150px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}
.b3{
width:360px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}

.capca2{
width:150px;
background-color:#363030;
margin-left:10px;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}

#formulaire2 input:focus{

background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #85746D;
}
#formulaire2 input{

background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #85746D;
}
#formulaire2 textarea{
width:360px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}
#formulaire2 select{
width:125px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}
#formulaire2 textarea:focus{
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #85746D;
}

#formulaire2 .bouton_form{
width:170px;
background-color:#363030;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:1px solid #756969;
}


#formulaire2 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4F4844;
text-align:justify;
font-size:11px;
margin-bottom:15px;
}
/*-----------------actualites------------ */

#actualites{
float:left;
width:470px;
margin-top:20px;
margin-left:10px;
}
#actualites img{
float:left;
margin-top:10px;
}
#actualites p{
float:left;
width:350px;
margin-left:20px;
margin-top:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:12px;
color:#403A37;
line-height:20px;
}

.actualites_titre{

float:left;
width:350px;
margin-left:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#403A37;
font-weight:bold;
}
#tarif .ligne2{
float:left;
width:200px;
margin-top:20px;
margin-left:10px;
}

#tarif .ligne{
float:left;
width:356px;
margin-top:20px;
margin-left:10px;
}
.pagination{
float:left;
width:450px;
margin-top:20px;
margin-left:30px;

}
.pagination p{
float:left;
width:300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
margin-left:20px;
}
.precedent_actu{
float:left;
width:50px;

}
.suivant{
float:right;
width:50px;
}

/*-----------------presse------------ */
#pave_presse{
float:left;
width:180px;
margin-top:10px;
margin-left:30px;
}
.txt_presse{
float:left;
width:480px;
margin-top:10px;
}
.txt_presse p{
float:left;
width:480px;
margin-top:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#403A37;
text-align:center;
line-height:20px;

}
#pave_presse img{
float:left;
width:120px;
height:120px;
border:1px solid #6A6464;
margin-left:30px;
margin-top:10px;
}

#pave_presse p{
float:left;
width:180px;
margin-top:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#403A37;
text-align:center;
margin-left:20px;
line-height:20px;
}

.photo_presse{
float:left;
width:143px;
margin-left:10px;
margin-top:10px;
}

.top_img_presse{
float:left;
width:143px;
height:12px;
background-image:url(../images/charte/top_presse.jpg);
background-repeat:no-repeat;


}
.cont_img_presse{
float:left;
width:143px;
border:2px solid #83726B;
background-repeat:repeat-y;

}
.cont_img_presse p{
float:left;
width:135px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
font-weight:bold;
margin-top:5px;
margin-left:5px;
}
.cont_img_presse img{
float:left;
margin-bottom:5px;
margin-top:5px;
margin-left:12px;
}
.bottom_img_presse{
float:left;
width:143px;
height:33px;
background-image:url(../images/charte/bottom_presse.jpg);
background-repeat:no-repeat;

}

/*-----------------mentions------------ */

#txt_mentions{
float:left;
width:460px;
margin-bottom:20px;
margin-top:10px;
margin-left:12px;
}

#txt_mentions p{
width:460px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#403A37;
margin-top:10px;
text-align:justify;
line-height:20px;

}

/*-----------------merci------------ */
#txt_merci{
float:left;
width:470px;
margin-bottom:20px;
margin-top:10px;
}

#txt_merci p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#C1C1C1;
margin-top:10px;
text-align:justify;
line-height:20px;

}
#bouton_merci{
float:left;
width:105px;
margin-left:80px;
margin-top:20px;
}


/*---------------------------index------------------*/


#videos{
float:left;
width:250px;
margin-left:20px;
margin-top:20px;
border:1px solid #FF0000;


}

/*-----------------plan------------ */

#plansite{
float:left;
width:450px;
margin-top:20px;
}

#plansite ul{
float:left;
width:400px;

}
#plansite li{
float:left;
width:350px;
list-style:url(../images/charte/puce.jpg);
margin-bottom:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#403A37;
margin-top:10px;
margin-left:20px;
}
#plansite .sou_liste{
float:left;
width:300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#403A37;
margin-top:5px;
margin-left:50px;
}
#test{
display:none;
}



.exposant{

font-size:8px;
margin-bottom:10px;
padding-bottom:10px;

}