F/* CSS Document */

html { overflow: -moz-scrollbars-vertical !important; }

body{
padding:0px;
background-image:url(../en/nav/body.gif);
background-repeat:repeat-x;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #000;
margin: 0px;
padding:0;
color:#FFF;
behavior: url('/css/csshover.htc');
}

#conteneur-acc{
width: 404px;
background-image:url(../en/nav/back.gif);
background-repeat:repeat-y;
margin-left: -202px;
left: 50%;
position: absolute;
z-index: 10;
padding-bottom:50px;
}

#player{
margin-left:10000px;
position: absolute;
}

* html #conteneur-acc{
width: 404px;
background-image:url(../en/nav/back.gif);
background-repeat:repeat-y;
margin-left: -202px;
left: 50%;
position: absolute;
z-index: 10;
padding-bottom:55px;
}

*+html #conteneur-acc{
width: 404px;
background-image:url(../en/nav/back.gif);
background-repeat:repeat-y;
margin-left: -202px;
left: 50%;
position: absolute;
z-index: 10;
padding-bottom:55px;
}

#conteneur{
width: 900px;
height:100%;
background-repeat:repeat-y;
margin-left: -450px;
left: 50%;
position: absolute;
z-index: 10;
}

#logo-acc{
width: 404px;
}

#logo{
width: 900px;
}

#contact{
width: 900px;
}

#contenu{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-centre.jpg);
background-repeat:no-repeat;
}

#contenu-piscine{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-piscine.jpg);
background-repeat:no-repeat;
}

#contenu-promotion{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-promotion.jpg);
background-repeat:no-repeat;
}

#contenu-suites{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-suites.jpg);
background-repeat:no-repeat;
}

#contenu-shehe{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-sheherazade.jpg);
background-repeat:no-repeat;
}

#contenu-warda{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-warda.jpg);
background-repeat:no-repeat;
}

#contenu-fairouz{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-fairouz.jpg);
background-repeat:no-repeat;
}

#contenu-yakout{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-yakout.jpg);
background-repeat:no-repeat;
}

#contenu-yasmine{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-yasmine.jpg);
background-repeat:no-repeat;
}

#contenu-zarba{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-zarbajade.jpg);
background-repeat:no-repeat;
}

#contenu-zahra{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-zahra.jpg);
background-repeat:no-repeat;
}

#contenu-ghalia{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-ghalia.jpg);
background-repeat:no-repeat;
}

#contenu-quamar{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-quamar.jpg);
background-repeat:no-repeat;
}

#contenu-nejma{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-nejma.jpg);
background-repeat:no-repeat;
}

#contenu-alia{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-nejma.jpg);
background-repeat:no-repeat;
}

#contenu-salon{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-salon.jpg);
background-repeat:no-repeat;
}

#contenu-ruby{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-ruby.jpg);
background-repeat:no-repeat;
}

#contenu-restopatio{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-restpatio.jpg);
background-repeat:no-repeat;
}

#contenu-kiosque{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-kiosque.jpg);
background-repeat:no-repeat;
}

#contenu-terr{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-terasse.jpg);
background-repeat:no-repeat;
}
#contenu-restaurant{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-restaurant.jpg);
background-repeat:no-repeat;
}

#contenu-restaurant-form{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-restaurant-form.jpg);
background-repeat:no-repeat;
}

#contenu-patio{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-patio.jpg);
background-repeat:no-repeat;
}

#contenu-golf{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-golf.jpg);
background-repeat:no-repeat;
}

#contenu-golf-form{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-golf-form.jpg);
background-repeat:no-repeat;
}

#contenu-eve{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-eve.jpg);
background-repeat:no-repeat;
}

#contenu-eve-form{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-eve-form.jpg);
background-repeat:no-repeat;
}

#contenu-tarifs{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-tarifs.jpg);
background-repeat:no-repeat;
}

#contenu-promo{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-promotions.jpg);
background-repeat:no-repeat;
}

#contenu-form{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../en/nav/back-form.jpg);
background-repeat:no-repeat;
}

#footer{
	width: 858px;
	height: 30px;
	margin-left: 25px;
	margin-right: 25px;
	text-align:center;
	position:absolute;
	top:5px;
	z-index:10000;
}

#texte{
width: 185px;
height:435px;
margin: 10px;
padding:0;
float:left;
overflow:auto;
scrollbar-face-color:#fff;
scrollbar-base-color:#FFF;
scrollbar-arrow-color:#000;
scrollbar-track-color:#000;
scrollbar-shadow-color:#000;
scrollbar-highlight-color:#000;
scrollbar-3dlight-color:#000;
scrollbar-darkshadow-Color:#000;
}

.form{
width: 385px;
height:435px;
margin: 10px;
padding:0;
float:left;
overflow:auto;
scrollbar-face-color:#fff;
scrollbar-base-color:#FFF;
scrollbar-arrow-color:#000;
scrollbar-track-color:#000;
scrollbar-shadow-color:#000;
scrollbar-highlight-color:#000;
scrollbar-3dlight-color:#000;
scrollbar-darkshadow-Color:#000;
}

*html #texte{
width: 170px;
margin-left: 7px;
margin-top:10px;
margin-right: 7px;
margin-bottom: 10px;
padding:0;
float:left;
}

#container{
width: 80px;
height: 440px;
overflow: auto;
margin: 0 auto;
margin-top:10px;
overflow-x:hidden;
overflow-y:hidden;
float:right;
}
 
.main-content {
width: 80px;
height: 1000px;
}

.section{
width: 80px;
margin-top:10px;
}

.section a:link img {
margin-bottom:10px;
border: #666 solid 1px;
}

.section a:hover img {
border: #000 solid 1px;
}

.section a:visited img {
border: #666 solid 1px;
}

#photos a:hover img{
border: #000 solid 1px;
}

.texte-acc{
width: 329px;
border:solid 1px #FFF;
margin-left:27px;
margin-top: 0px;
padding:8px;
display:block;
background-image:url(../en/nav/back-txt.png);
background-repeat:repeat;
color:#000000;
}

* html .texte-acc{
width: 329px;
border:solid 1px #FFF;
margin-left:38px;
margin-top: 0px;
padding:8px;
background-color:#FFFFFF;
display:block;
/* for IE */
filter:alpha(opacity=50);
/* CSS3 standard */
opacity:0.5;
color:#000000;
}

*+html .texte-acc{
width: 329px;
border:solid 1px #FFF;
margin-left:27px;
margin-top: 0px;
display:block;
background-image:url(../en/nav/back-txt.png)!important;
background-repeat:repeat;
color:#000000;
}
.texte-acc-sav{
color:#000000;
width: 329px;
margin-left:27px;
margin-top: 25px;
padding:8px;
display:block;
}


ul, li{
margin-top:0px;
margin-left:8px;
color:#492E14;
}

.texte-petit{
font-size: 9px;
}

.texte-couleur{
font-size: 10px;
color:#FF9900;
}

.texte-couleur2{
font-size: 11px;
color:#FF9900;
}

h2 {
font-size: 14px;
font-weight: bold;
color: #fff;
}

h1 {
font-size: 18px;
font-weight: bold;
color: #fff;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
bottom: 0;
left: 0;
z-index:100;
background-image:url(../en/nav/menu-back.gif);
background-repeat:no-repeat;
height: 30px;
width: 846px;
margin-left: 25px;
padding:0;
list-style-type: none;
text-align:center;
position: relative;
}
#menu dl {
float: left;
width: 141px;
margin: 0;
height: 30px;
position: relative;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
width: 141px;
margin: 0;
padding-top:7px;
height: 23px;
color: #fff;
}
#menu dd {
color: #fff;
width: 141px;
bottom:30px;
position: absolute;
background-color:#000;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}
* html #menu dd {
color: #fff;
width: 141px;
bottom:30px;
left:0px;
position: absolute;
background-color:#000;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}
*+html #menu dd {
color: #fff;
width: 141px;
bottom:30px;
left:0px;
position: absolute;
background-color:#000;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}
#menu li {
text-align: center;
border-left:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;
border-top:solid 1px #FFFFFF;
}
#menu li a{
color: #FFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu dt a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a:hover, {
color: #fff;
}
#menu li a:hover {
color: #666;
}
a:link {
color: #fff;
}
a:visited {
text-decoration: underline;
color: #fff;
}
a:hover {
color: #fff;
text-decoration: underline;
}

input {
color: #fff;
padding-left:4px;
border: 1px solid #FFF;
background-color:#353535;
height: 12px;
width:185px;
font-family:"Trebuchet MS";
font-size:12px;
}
select {
color: #fff;
border: 1px solid #FFFFFF;
background-color:#353535;
height: 20px;
font-family:"Trebuchet MS";
font-size:12px;
}
textarea {
color: #fff;
border: 1px solid #FFFFFF;
background-color:#353535;
height: 50px;
width:190px;
font-family:"Trebuchet MS";
font-size:12px;
}

table td {
padding-bottom:5px;
}

label {
padding:0;
margin:0;
text-align: right;
vertical-align: top;
}

#zonetext{
	line-height:10px;
	font-family:Verdana, Geneva, sans-serif;
	/*font-size:14px;*/
	background-color:#69FC;
	border: 1px solid #06F;	
}