@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
body{
	background: #27241a url(/images/commun/pattern.jpg) center top repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dbc582;
}

a{
	text-decoration: none;
	color: #d0b065;
}
a:hover{
	/*text-decoration: underline;*/
}
ul{
	list-style: none;
}
h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	color: #7a6e48;
}
h3{
	font-size: 16px;
}
h4{
	font-size: 14px;
	color: #b4841c;
}
p{
	text-align: justify;
}
fieldset{
	border: none;
}
input, textarea, select{
	background: transparent url(/images/commun/formTrans.png);
	border: 1px solid #40361f;
	color: #e27e01;
}
select{
	background: transparent url(/images/commun/formTrans.png)!important;
	background: #5F4C2F url(/images/commun/formTrans.png);
}
/*--------------	ref		--------------*/
/*h1{
	/*background: #0f0e08;
	padding-bottom: 2px;*/
	/*width: 99.99%;
} */


h1{
	margin: 0 auto;
	padding: 0;
	width: 99.99%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	color: #6f6857;
}
h1 a{
	
	margin: 0 auto;
	padding: 0;
	width: 99%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	text-decoration:none;
	color: #6f6857;
}
h1 a:hover{
cursor: auto;
color: #6f6857;
}


h1, .baseline{
	margin: 0 auto;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	color: #6f6857;
}
.baseline a, p.tags a{
	text-decoration: none;
	color: #016060;
}
p.tags{
	font-size: 9px;
	text-align: center;
	color: #016060;
}
.baseline{
	width: 780px;
}


/*--------------	contenu principal		--------------*/
#corps{
	width: 908px;
	margin: 0 auto;
}
#header{
	background: transparent url(/images/commun/transparent.png);
	border: 1px solid #383225;
	width: 906px;
	height: 211px;
}
#header a{
	display: block;
	background: url(/images/commun/riad-al-rimal.gif) center 16px no-repeat;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/
	overflow: hidden;
	padding: 211px 0 0 0;
	width: 906px;
	height: 0!important;
	height /**/: 211px;
}
	
/*--------------	menu		--------------*/
#menu{
	position:relative;
	clear: both;
	background: url(/images/commun/menuBg.jpg) 1px 0 no-repeat;
	margin: 3px 0;
	width: 908px;
	height: 27px;
	overflow: hidden;
	text-transform: uppercase;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#menu ul{
	position: relative;
	left: 50%;
	float: left;
	height: 27px;
}
#menu li{
	position: relative;
	right: 50%;
	display: block;
	float: left;
	background: url(/images/commun/bullet.png) right 50% no-repeat;
	padding: 0 25px 0 3px;
	height: 27px;
}	
#menu li.last{
	background: none;
	padding: 0 0 0 3px;
}	
#menu a{
	display: block;
	height: 27px;
	line-height: 27px;
	color: #ffe5ba;
}	
#menu a:hover, #menu a.current{
	color: #f37908;
}
	
/*--------------	contenu		--------------*/
.content{
	background: transparent url(/images/commun/transparent.png);
	border: 1px solid #383225;
	margin: 0 0 3px 0;
	height: auto!important;
	height: 1px;
}
#accueil{
	width: 906px;
}
#accueil #flash{
	float: none;
	border: none;
	margin: 0;
	padding: 3px;
	width: 900px;
}
.mapsGoogle{
	font: 12px Arial, Helvetica, sans-serif;
}
.mapsGoogle, .mapsGoogle a{
	color: #130E05;
}
.mapsGoogle a{
	text-decoration: underline;
}
.mapsGoogle h4{
	font-size: 14px;
}
.mapsGoogle strong{
	font-size: 13px;
}
.mapsGoogle p{
	color: #734000;
}

/*--------------	gauche		--------------*/
#leftSide{
	float: left;
	padding: 0 14px 15px 22px;
	width: 483px;
}
#flash{
	border: 1px solid #4e4125;
	margin: 0 10px 16px 0;
	padding: 4px;
	width: 472px;
}
/*--------------	droite		--------------*/
#rightSide{
	float: left;
	margin: 0 0 20px 0;
	padding: 0 75px 0 0;
	width: 290px;
}
/*--------------	riad		--------------*/
#riad{
	padding: 61px 0 0 0;
}
#riad #rightSide{
	background: url(/images/titles/riadBg.gif) right top no-repeat;
}
#promotion{
	border: 1px solid #4e4125;
	padding: 4px;
}
#promotion h3{
	background: url("/images/commun/promoBg.gif") 0 0 repeat-x;
	padding: 7px 15px 0;
	height: 18px;
	font-size: 18px;
	line-height: 13px;
	color: #211d12;
}
#promotion p{
	background: #ceac62 url("/images/commun/promoBg.gif") 0 -25px repeat-x;
	padding: 0 15px 10px;
	min-height: 50px;
	height: auto!important;
	height: 50px;
	color: #624122;
}
/*--------------	chambres		--------------*/
#chambres #rightSide{
	background: url(/images/titles/chambresBg.gif) right top no-repeat;
}
#subMenu{
	position: relative;
	height: 60px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
#subMenu dt{
	position: absolute;
	top: 10px;
	display: block;
	background: url(/images/commun/star.gif) 0 0 no-repeat;
	padding: 0 0 0 18px;
	text-transform: uppercase;
	color: #c79c2a;
}
#lesSuites{
	left: 18px;
}
#lesChambres{
	left: 600px;
}
#subMenu dd{
	position: absolute;
	top: 29px;
	border: 1px solid #352d1b;
	padding: 1px 0;
	height: 20px;
	color: #d0b065;
}
#subMenu dd#menuSuites{
	left: -1px;
	padding: 1px 0 1px 2px;
	width: 583px;
}
#menuChambres{
	right: -1px;
	width: 320px;
}
#subMenu li{
	float: left;
	padding: 0 10px;
}
#menuChambres li{
	padding: 0 10px 0 15px;
}
#subMenu li.last{
	border: none;
	padding: 0 0 0 12px;
}
#subMenu li.current a{
	color: #c79c2a;
}
#subMenu a{
}
#chambres #leftSide{
	padding-left: 18px;
}
.rates{
	border: 1px solid #352d1b;
	border-collapse: collapse;
	width: 482px;
}
.rates td, .rates th{
	border: 1px solid #352d1b;
	width: 25%;
}
.rates th{
	padding: 5px 0;
	text-align: center;
	color: #b4841c;
}
.rates td{
	padding: 3px 5px 3px 10px;
}
#chambres .chambres h2{
	margin: 25px 0 22px 0;
}
#chambres .chambres p{
	margin: 0 0 25px 0;
	width: 295px;
	font-size: 12px;
}
#chambres .suites h2{
	margin: 0;
}
#prologue{
	font-style: italic;
	margin: 25px 0 10px 22px;
	width: 482px;
	/*height: 60px;*/
	letter-spacing: .4px;
}
#chambres .suites p{
	margin: 0 0 20px 0;
	width: 295px;
	font-size: 12px;
}
#chambres .suites p.emphasis{
	font-size: 16px;
	font-style: italic;
	color: #b4841c;
}
#pictos{
	height: 37px;	 
}
#pictos li{
	float: left;
}
#pictos a{
	display: block;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 27px 0 0 0;
	width: 27px;
	height: 0!important;
	height /**/: 27px;
}
#pictoCoin{
	background-image: url(/images/pictos/image002.jpg);
}
#pictoSdb{
	background-image: url(/images/pictos/image003.jpg);
}
#pictoWc{
	background-image: url(/images/pictos/image004.jpg);
}
#pictoDouche{
	background-image: url(/images/pictos/image005.jpg);
}
#pictoSechoir{
	background-image: url(/images/pictos/image006.jpg);
}
#pictoArmoire{
	background-image: url(/images/pictos/image007.jpg);
}
#pictoChauffage{
	background-image: url(/images/pictos/image008.jpg);
}
#pictoClim{
	background-image: url(/images/pictos/image009.jpg);
}
.button{
	display: block;
	background: url(/images/commun/gradiantBg.gif) 0 0 repeat-x;
	border: 1px solid #b2965f;
	margin: 0 0 10px 0;
	padding: 3px 10px 0;
	width: 134px;
	height: 16px;
	text-transform: uppercase;
	color: #b4841c;
}
/*--------------	prestations		--------------*/
.subMenu{
	position: relative;
	margin: 10px 0;
	height: 45px;
	text-align: center;
}
.subMenu li{
	position: absolute;
	border: 1px solid #352d1b;
	padding: 2px 10px;
}
.subMenu li.top{
	top: 0;
}
.subMenu li.bottom{
	bottom: 0;
}
#terrasse{
	left: 22px;
}
#fitness{
	left: 202px;
}
#bar{
	left: 284px;
}
#piscine{
	left: 387px;
}
#hammam{
	left: 468px;
}
#massage{
	left: 565px;
}
#salon{
	right: 22px;
}
#excursions{
	left: 187px;
}
#baby{
	left: 288px;
}
#table{
	left: 398px;
}
#internet{
	left: 519px;
}
#aeroport{
	left: 610px;
}
.collapse dt{
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
}
/*--------------	seminaires		--------------*/
#seminaires .subMenu li{
	top: 0;
}
#conferences{
	left: 200px;
}
#restauration{
	left: 340px;
}
#loisirs{
	left: 468px;
}
#seminaires #hammam{
	left: 568px;
}
/*--------------	plan d'acces	--------------*/
#acces{
	padding: 61px 0 0 0;
}
/*--------------	tarifs		--------------*/
#rates{
	margin: 0 auto;
	width: 864px;
}
#tarifs h2{
	margin: 0;
	padding: 20px 22px 0;
}
#tarifs .rates{
	margin: 0 0 10px 0;
	width: 864px;
}
#tarifs .rates td, #tarifs .rates th{
	width: auto;
}
#tarifs .rates th{
	padding: 5px 0;
	text-align: center;
	color: #b4841c;
}
#tarifs .rates td{
	padding: 5px;
}
#tarifs #leftSide{
	margin: 0;
	padding: 0;
}
#tarifs h3{
	margin: 0 0 10px 0;
}
#tarifs h3 a{
	color: #b4841c;
}
.hand{
	background: url(../images/commun/hand.gif) left center no-repeat;
	padding-left: 25px;
}
.odd{
	background: transparent url(/images/commun/formTrans.png);
}
#tarifs td.halfTd{
	padding-right: 32px;
	width: 400px;
}

#seminaires #rightSide{
	background: url(/images/titles/seminairesBg.gif) right top no-repeat;
	min-height: 400px;
	height: auto!important;
	height: 400px;
}
#prestations #rightSide{
	background: url(/images/titles/prestationsBg.gif) right top no-repeat;
	min-height: 400px;
	height: auto!important;
	height: 400px;
}
#tarifs #rates{
	background: url(/images/titles/tarifsBg.gif) right 390px no-repeat;
	padding-bottom: 20px
}
#contact #rightSide{
	background: url(/images/titles/contactBg.gif) right top no-repeat;
	height: 460px;
}
#acces #rightSide{
	background: url(/images/titles/accesBg.gif) right top no-repeat;
	min-height: 420px;
	height: auto!important;
	height: 420px;
}
.content h2{
	margin: 0 0 30px 0;
}
.content p{
	margin: 0 0 15px 0;
	line-height: 18px;
}

/*--------------	contact		--------------*/
#contact{
	padding: 35px 0 0 0;
}
#contact #leftSide{
	margin: 0;
	padding-right: 60px;
	width: 556px;
}
#contact form{
	margin: 35px 0 0 0;
}
#contact fieldset{
	position: relative;
	float: left;
}
#leftField{
	width: 286px;
}
#rightField{
	width: 269px;
}
#contact label{
	display: block;
}
#contact form p{
	margin: 0 0 5px 0;
	padding: 0;
}
#contact input, #contact select{
	width: 267px;
	height: 19px;
}
#arrivee{
	position: relative;
}
#contact input#arrival{
	width: 242px;
}
#arrivee button{
	position: absolute;
	top: 18px;
	right: 8px;
}
#contact textarea{
	overflow: auto;
	width: 267px;
	height: 120px;
}
.captcha{
	margin: 10px 0 0 0;
}
.captcha label{
	margin: 0 0 5px 0;
}
#contact .captcha input{
	width: 48px;
}
#contact p#submitter{
	position: relative;
	clear: both;
	padding: 20px 0 0 0;
	height: 20px;
}
#submitter input.button{
	position: absolute;
	bottom: 0;
	background: url(/images/commun/gradiantBg.gif) 0 0 repeat-x;
	border: 1px solid #b2965f;
	padding: 0 10px 0;
	width: 106px;
	height: 19px;
	text-transform: uppercase;
	color: #b4841c;
}
#submitter input.reset{
	color: #dabf76;
}
.reset{
	left: 317px;
}
.submit{
	left: 441px;
}
#contact #rightSide{
	padding: 0 0 0 0;
	width: 256px;
}
#contact h2{
	margin: 65px 0 35px 0;
}
#contact #rightSide a{
	color: #b4841c;
}
/*--------------	flags		--------------*/
#flags{
	position: relative;
	clear: both;
	background: #130e05;
	height: 28px;
	text-align: right;
	font-size: 10px;
}

#accueil #flags{
	background-color: transparent;
}
#flags li span{
	font-size:10px;
	color:#e2c490;
	float:left;
	text-transform:uppercase;
	display:block;
	padding:9px 5px 0 10px;
}
#flags li img{
	margin-top:5px;
}
#flags li{
	float: left;
}
#flags li#sisterRiads{
	position: absolute;
	left: 330px;
	width: 300px;
	padding: 0;
}
#flags li#sisterRiads *{
	margin: 0;
	padding: 0;
}
#flags li#sisterRiads span{
	height: 26px;
	line-height: 26px;
	text-transform: none;
}
#flags li#sisterRiads a{
	position: static;
	display: block;
	float: left;
	background: url(/images/commun/bullet.png) 0 4px no-repeat;
	margin: 0 5px;
	padding: 0 0 0 22px;
	height: 26px;
	line-height: 26px;
}
#flags a{
	position: absolute;
	top: 8px;
	color: #e2c490;
}
#bottomContact{
	right: 67px;
	text-transform: uppercase;
}
.flag{
	display: block;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 12px 0 0 0;
	width: 15px;
	height: 0!important;
	height /**/: 12px;
}
#sp{
	background-image: url(/images/flags/sp.gif);
	right: 46px;
}
#en{
	background-image: url(/images/flags/en.gif);
	right: 25px;
}
#fr{
	background-image: url(/images/flags/fr.gif);
	right: 3px;
}
/*--------------	popup		--------------*/
#footer{
	background: transparent url(/images/commun/transparent.png);
	border: 1px solid #383225;
	margin: 0 0 10px 0;
	padding: 5px;
	width: 898px;
	font-size: 9px;
	text-align: center;
	color: #534938;
}
#footer p{
	text-align: center;
}
#footer a{
	color: #534938;
}
/*--------------	popup		--------------*/
#poping{
	background: #27241a url(/images/commun/riad-al-rimal.gif) center top no-repeat;
	padding: 200px 20px 20px 20px;
}
#poping h2{
	color: #dbc582;
}
#poping h3{
	margin: 15px 0 8px 0;
	color: #b4841c;
}

/*--------------	classes communes		--------------*/
.relative{
	position: relative;
}
.left, .tarifs th.left, .tarifs td.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.fnone{
	float: none;
}
.clear{
	clear: both;
}
.lclear{
	clear: left;
}
.rclear{
	clear: right;
}
.noHeight{
	display: block;
	margin: -1px 0 0 0;
	height: 1px;
	line-height: 1px;
	font-size:1px;
}
.tenpxtop, h2.tenpxtop{
	margin-top: 10px;
}
.block{
	display: block;
}
.nomargin{
	margin: 0;
}
.negTopMargin{
	margin-top: inherit!important;
	margin-top: -50px;
}
.noborder, .tarifs th.noborder,  .tarifs td.noborder{
	border: none;
}
.norborder, .tarifs th.norborder,  .tarifs td.norborder{
	border-right: none;
}
.nobborder, .tarifs th.nobborder,  .tarifs td.nobborder{
	border-bottom: none;
}
.notborder{
	border-top: none;
}
.nolborder{
	border-left: none;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.auto{
	width: auto;
}

.petit{
	font-size:9px;
}
.tenPixSize{
	font-size: 10px;
}
.medium{
	font-size: 14px;
}
.big{
	font-size: 24px;
}
.yellow, .orange{
	color: #b4841c;
}

/*--------------	spry related		--------------*/
.validMsg{
	position: absolute;
	display:none;
	width:16px;
	height:16px;
}
.textfieldValidState input{
	color: #312c1b;
}
.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{
	display:inline;
}
#requiredName .validMsg{
	top: 20px;
	left: -20px;
}
#requiredEmail .validMsg{
	top: 20px;
	right: -20px;
}

#rightSidecontenu{
	padding: 15px 20px 0;
	border: 1px solid #383225;

}