/* CSS Document */

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

img { behavior: url(iepngfix.htc); }

body{
padding:0px;
background-image:url(../fr/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');
}

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

#conteneur-acc{
width: 900px;
height:554px;
background-image:url(../fr/nav/back-acc.jpg);
background-repeat:no-repeat;
margin-left: -450px;
left: 50%;
position: absolute;
z-index: 10;
}

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

#logo-acc{
width: 900px;
}

#logo{
width: 900px;
}

#contact{
width: 900px;
}

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

#contenu-acc{
width: 846px;
height: 457px;
}


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

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

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

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

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

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

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

#contenu-yasmine{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../fr/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(../fr/nav/back-zahra.jpg);
background-repeat:no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

#contenu-golf{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../fr/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-terr{
width: 846px;
height: 457px;
margin-left: 25px;
margin-right: 25px;
background-image:url(../fr/nav/back-terasse.jpg);
background-repeat:no-repeat;
}

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

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

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

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

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

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

#texte{
width: 197px;
height:435px;
margin: 7px;
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: ;
scrollbar-darkshadow-Color:#000;
}

.form{
width: 379px;
height:439px;
margin: 7px;
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;
}
.liste{ width:205px;height:447px;
margin: 5px;
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;}

.formd{width: 359px;
height:452px;
margin: 1px;
padding:0;
float:left; 
font-family:"Lucida Console", Monaco, monospace;font-size:16px;
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; vertical-align:left; text-align:right
}
.formda{width: 530px;
height:452px;
margin: 1px;
padding:0;
float:left; 
font-family:"Lucida Console", Monaco, monospace;font-size:16px;
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;
vertical-align:middle;
text-align:center;
}
*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;
}

#acc-fr{
width: 230px;
height:410px;
margin-left:9px;
margin-top: 0;
padding:6px;
color:#FFF;
position: relative;
left:0;
float:left;
}

* html #acc-fr{
width: 230px;
height:395px;
margin-left:5px;
margin-top: 0;
padding:6px;
color:#FFF;
position: relative;
left:0;
float:left;
}

#acc-en{
width: 230px;
height:395px;
margin-right:14px;
margin-top: 0;
padding:6px;
color:#FFF;
position: relative;
left:0;
float:right;
}

* html #acc-en{
width: 230px;
height:395px;
margin-right:7px;
margin-top: 0;
padding:6px;
color:#FFF;
position: relative;
left:0;
float:right;
}


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;
}

.h1accueil{
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;
}
.h2accueil{
font-size: 10px;
font-weight: bold;
margin: 0;
padding: 0;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
bottom: 0;
left: 0;
z-index:100;
background-image:url(../fr/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:#CCC;
}
a:link {
color: #fff;
}
a:visited {
text-decoration: underline;
color:#CCC;
}
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:11px;
}
select {
color: #fff;
border: 1px solid #FFFFFF;
background-color:#353535;
height: 15px;
font-family:"Trebuchet MS";
font-size:11px;
}
textarea {
color: #fff;
border: 1px solid #FFFFFF;
background-color:#353535;
height: 40px;
width:190px;
font-family:"Trebuchet MS";
font-size:11px;
}

table td {
padding-bottom:5px;
}

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