*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	color:#fff;
}
body{
	background:#39382F url(../images/background.jpg) -655px 0 no-repeat;
	font:12px Tahoma ,Arial,Helvetica,sans-serif;
}
body#accueil {
	background: #39382f ;
}
body#divPromo {
	background: #39382f;
}
h2, h3{
	font-size:24px;
	font-weight:normal;
}
h4{
	border-bottom:1px solid #ccc;
	font-size:14px;
	height:20px;
	margin-bottom:5px;
	padding:5px 5px 3px;
	cursor: pointer;
	background: url(../images/fleshAffich.png) 99% 4px no-repeat;	
}
.h4hover{
	background: url(../images/fleshcach.png) 99% 4px no-repeat;
}
h5{
	font-size: 14px;
	margin-bottom: 10px;
}
ul{
	width: auto;
}
#coprs{
	width: 1000px;
	margin: 0 auto;
}
/*-D-header------*/
#header .menu{
	background:url(../images/fond_menu.jpg) no-repeat 0 0;
	height:26px;
	padding:8px 0 0 8px;
}
#header .menu li{
	float: left;
	font-size: 12px;
	margin-right: 15px;
}
/*-F-header-----*/
/*--------------*/
#accueil div.accueil{
	width: 550px;
	height: 400px;
	background: transparent url("../images/fondSSL.jpg") 0 0 no-repeat;
	position: relative;
	z-index: 0;
	margin: 0 auto;
}
.tableaccueil{
	height:100%;
	width:100%;
}
#accueil div.LienNav{
	width:428px;
	height: 175px;
	background: transparent url("../images/logo.jpg") 0 0 no-repeat;
	position: absolute;
	top:47px;
	left: 61px;
}
#accueil div.LienNav a{
	font-size: 12px;
	font-weight:bold;
}
#accueil div.LienNav a:hover{
	color:#999;
}
#accueil div.LienNav a.fleft{
	position: absolute;
	left: 82px;
	bottom: -20px;
}
#accueil div.LienNav a.fright{
	position: absolute;
	right: 108px;
	bottom: -20px; 
}
#bandeau{
	width: 1000px;
	height: 213px;
	background:transparent url(../images/bandeau2.png) no-repeat scroll 0 0;
	position:absolute;
	top: 0;
	left:0;
	z-index:10;
}
#content{
	padding-bottom: 140px;
	min-height: 668px;
}
.divSlogan{
	position:absolute;
	right:100px;
	top:218px;
	font-size: 18px;
	background:url(../images/tr.png) no-repeat 55% 40px;
	height:70px;
	width:620px;
}
div.div{
	height:70px;
	position:absolute;
	right:120px;
	top:305px;
	width:354px;
	text-align: right;
}
#flashcontent{
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}
.flash{
	float:left;
	height:403px;
	position:relative;
	top:160px;
	width:700px;
	left: 15px;
}
.FlashDescri{
	background:#333333;
	display:none;
	opacity:0.8;
	filter : alpha(opacity=80); 
	padding:10px;
	position:absolute;
	right:250px;
	top:0;
	width:380px;
}
.On{
	display: block;
}
.FlashDescri p{
	font-size: 12px;
	text-align: justify;
}
.flashSuihla{
	background:url(../images/chambres/img_3099_2.jpg) no-repeat 0 0;
}
.flashelyacout{
	background:url(../images/chambres/elyacout.jpg) no-repeat 0 0;
}
.flashelamira{
	background:url(../images/chambres/elamira.jpg) no-repeat 0 0;
}
.flashelalia{
	background:url(../images/chambres/elalia.jpg) no-repeat 0 0;
}
.flashsaida{
	background:url(../images/chambres/saida.jpg) no-repeat 0 0;
}
.flashelaskaria{
	background:url(../images/chambres/elaskaria.jpg) no-repeat 0 0;
}
.flashayanae{
	background:url(../images/chambres/ayanae.jpg) no-repeat 0 0;
}
.flashelouaziria{
	background:url(../images/chambres/elouaziria.jpg) no-repeat 0 0;
}
.flashelmemlaka{
	background:url(../images/chambres/elmemlaka.jpg) no-repeat 0 0;
}
.flashelassel{
	background:url(../images/chambres/elassel.jpg) no-repeat 0 0;
}

.menuChambre{
	position:absolute;
	right:15px;
	top:225px;
	width:250px;
}
.menuChambre li{
	background: url(../images/etoile.jpg) no-repeat 100% 0;
	border-bottom:1px solid #444444;
	font-size:9px;
	height:16px;
	margin-bottom:4px;
}
.menuChambre li a{ 
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
}
li.li2Etoiles{
	background: url(../images/etoile2.jpg) no-repeat 100% 0;
}
li.li3Etoiles{
	background: url(../images/etoile3.jpg) no-repeat 100% 0;
}
.menuChambre li:hover, .menuChambre li.active {
	background: url(../images/etoileHover.jpg) no-repeat 100% 0;
}
.menuChambre li.li2Etoiles:hover, .menuChambre li.li2Etoiles.active2{
	background: url(../images/etoile2Hover.jpg) no-repeat 100% 0;
}
.menuChambre li.li3Etoiles:hover, .menuChambre li.li3Etoiles.active3{
	background: url(../images/etoile3Hover.jpg) no-repeat 100% 0;
}
.menuChambre li.none{
	background: none;
	border: none;
	margin-top: 20px;
}
.menuChambre li.none strong{
	font-size: 20px;
}
.menuEtoile{
	background:#333 none repeat scroll 0 0;
	bottom:25px;
	height:70px;
	position:absolute;
	right:20px;
	width:250px;
}
.menuEtoile li{
	background: url(../images/et1.jpg) no-repeat 98% 6px;
	border-bottom:1px solid #444444;
	font-size:10px;
	height:14px;
	padding: 4px;
	font-weight: bold;
}
.menuEtoile li span{
	font-style:italic;
}
.menuEtoile  li.li2Etoiles{
	background: url(../images/et2.jpg) no-repeat 98% 7px;
}
.menuEtoile  li.li3Etoiles{
	background: url(../images/et3.jpg) no-repeat 98% 6px;
}
.text {
	position:relative;
	top:225px;
	width:600px;
}
.text-partenaire{
	position:relative;
	top:225px;
	width:1000px;
	height:auto;
}
.flashRight{
	position:absolute;
	top:80px;
	right:0;
}
.flashLeft{
	position:absolute;
	top:83px;
	left:0;
}
.text3 {
	font-size:11px;
	line-height:16px;
	width:960px;
	padding: 213px 0 60px;
	
}
.text2 {
	float:left;
	width:300px;
}
.marginLeft{
	margin-left:25px;
}
.tarif{
	margin-top: 230px;
	width:660px;
}
.text p{
	margin-top: 10px;
	line-height:15px;
}
.text2 p.tarifs{
	line-height: 18px;
	margin-top: 10px;
}
.tableTarifs{
	float:right;
	margin-right:0;
	margin-top:50px;
	width:330px;
}
.tableTarifs ul.table{
	border-bottom: 1px solid #999999;
	margin-top:20px;
	height: 20px;
}
.tableTarifs ul.table li{
	float: left;
}
.tableTarifs ul.table li span{
	font-size: 9px;
	color: #CCCCCC;
}
.tableTarifs ul.table li.titre{
	width: 180px;
	background:transparent url(../images/etoi1.jpg) no-repeat 95% 2px;
	padding-left:3px;
}
.tableTarifs ul.table li.titreSuite{
	background:transparent url(../images/etoi2.jpg) no-repeat 95% 2px;
}
.tableTarifs ul.table li.titreSuite2{
	background:transparent url(../images/etoi03.jpg) no-repeat 95% 2px;
}
.tableTarifs ul.table li.hS{
	margin-left: 40px;
}
a.button{
	background:transparent url(../images/bg-link_button.png) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	display:block;
	font-size:11px;
	height:37px;
	left:0;
	padding:6px 0 0 55px;
	position:absolute;
	text-align:left;
	width:294px;
}
a.button2{
	background:transparent url(../images/boutonDiapoBitmap.png) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	float:right;
	font-size:11px;
	height:27px;
	margin-top:10px;
	padding:7px 0 0 20px;
	font-weight:bold;
	width:200px;
}
.pictoSpa{
	position: absolute;
	width: 46px;
	height: 63px;
	background:url(../images/pictoSpa.png) no-repeat 0 0;
	top:-10px;
}
.pictoRestau{
	position: absolute;
	width: 61px;
	height: 63px;
	background:url(../images/pictoResto.png) no-repeat 0 0;
	top:-10px;
}
.saison {
	margin-top: 40px;
	border-bottom: 1px solid #999999;
}
.saison p{
	line-height: 16px;
}
.saison span{
	font-size: 10px;
	color: #ccc;
	font-weight: bold;
}
#flashcontentAccueil, #flashcontentAccueilEn {
	position:absolute;
	top:79px;
	min-height: 589px;
}
.text .relative {
	height:40px;
	margin-top:100px;
	position:relative;
}

#video_{
	width: 40px;
	position: absolute;
	right: 10px;
	top: 5px;
	z-index:0;
}
#video{
	width: 40px;
	position: absolute;
	right: 8px;
	top: 10px;
	z-index:10;
}
li#lire{
	background:url(../images/pause.jpg) no-repeat 0 8px;
	width: 26px;
	height: 12px;
	border: none;
	cursor: pointer;
	display: none;
}
li#pause{
	background:url(../images/play.jpg) no-repeat 0 0;
	width: 26px;
	height: 12px;
	border: none;
	cursor: pointer;
	display: none;
}
.form {
	float:left;
	width:600px;
	margin-left: 20px;
}
.form dl{
	height:30px;
	margin-top:0;
	width:295px;
}
.form dl.btn{
	width:225px;
	margin-top: 10px;
}
.form dl dt{
	width:100px;
	float:left;
}
.form dl dd{
	width:190px;
	float:left;
	text-align: left;
	position:relative;
}
.form input.text{
	border: 1px solid #ccc;
	background: none;
	height: 14px;
	width: 150px;
	margin:0;
	padding: 1px;
	font-size:11px;
	position:absolute;
	top: 0;
}
select {
	border: 1px solid #ccc;
	background: #65645f;
	height: 18px;
	width: 150px;
}
.form input.width{
	width: 455px;
}
.form textarea.textarea{
	border: 1px solid #ccc;
	background: none;
	height: 50px;
	width: 455px;
	margin:0;
	padding: 1px;
	font-size:11px;
}
.form input.reset{
	border: 1px solid #ccc;
	background: #999999;
	height: 20px;
	width: 90px;
	margin:0;
	padding: 1px;
	font-size:11px;
	font-weight:bold;
	padding-bottom:5px;
	cursor: pointer;
}
.form input.submit{
	border: 1px solid #ccc;
	background: #999999;
	height: 20px;
	width: 90px;
	margin:0;
	padding: 1px;
	font-size:11px;
	font-weight:bold;
	padding-bottom:5px;
	cursor: pointer;
}
a#goReadPromo{
	display: none;
}
#promo{
	background:#39382f;
	padding: 20px;
}
#promo p{
	font-family: Tahoma;
	font-size: 12px;
}
.text img{
	margin-top: 15px;
}
.backGround {
	background:#000;
	position:absolute;
	top:79px;
	min-height: 589px;
	width: 1000px;
}
/*--------------*/
.tableTarifs ul.marginH{
	margin-top: 5px;
}
.relative{
	position:relative;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
p.baseline{
	font-size: 9px;
	text-align:center;
	color: #5F5C47;
	width: 770px;
	margin: 0 auto;
}
p.baseline a{
	color: #5F5C47;
}
body#ref p{
	font-size: 11px;
	ccolor:#fff;
}
body#ref h1{
	font-size: 10px;
	text-align:center;
	color: #fff;
	font-weight: normal;
}
body#ref h2 {
	display:block;
	font-size:16px;
	margin:20px 0;
	text-align:center;
	color: #fff;
}
body#ref #flashcontent{
	margin-top:120px;
	z-index:10;
}
ul.pres{
	width: 300px; 
}
.cadre{
	padding:10px;
	width:600px;
}
.affiche{
	width: 600px;
}
.cordonn{
	float:left;
	margin-top:0px;
	width:560px;
}
.cordonn p{
	margin-bottom: 10px;
}
.cordonn h4{
	background: none;
	border-bottom:1px solid #6e6e66;
	font-size:16px;
	margin-bottom:10px;
	padding: 0 1px 5px;
}
.cordonn li{
	width: 150px;
	float:left;
	margin-bottom: 10px;
}
.cordonn li.fright{
	width: 280px;
}
.cordonn li strong{
	color: #eceee9;
	font-size: 11px;
}
/*-----------------------*/
.colorback1 {
	background: #000;
}
.categ2, .categ3 {
	display:block;
	float:left;
	line-height:18px;
	overflow:hidden;
	z-index:1;
	width:600px;
}
.categ3 {
	z-index:0;
}
.contact, .envir, .prestation{
	background:url(../images/contact.jpg) no-repeat 0 0;
	width: 283px;
	height: 588px;
}
.envir{
	background:url(../images/environnement.jpg) no-repeat 0 0;
}
.prestation{
	background:url(../images/prestation.jpg) no-repeat 0 0;
}
/*-----------------------*/
.errorMessage {
	color:#FF0000;
	font-size:9px;
	position:absolute;
	left: 5px;
	top: 2px;
}	
.fHeight{
	height: 10px;
}
p.margin{
	margin-top:-20px;
	padding-right:40px;
}
p.right a{
	color: #eaece6;
	text-decoration: underline;
}
p.right a:hover{
	color: #999;
	text-decoration: none;
}
.displayNone{
	display: none;
}
a.lightbox{
	text-indent: -5000px;
	display: block;
}

.iconsDispo{
	background:url(../images/icons_video_dispo.png) 0 0 no-repeat;
	display:block;
	height:28px;
	position:absolute;
	right:2px;
	text-indent:-5000px;
	top:48px;
	width:97px;
}

.contenu {
	font-size:11px;
	line-height:16px;
	width:960px;
	padding: 213px 0 60px;
	margin-left:20px;
}
.contenu p{
	margin-left:20px;
	text-align:justify;
}