/* -------------------------------- */
/* CSS MANOTEL					 -- */
/* By PREZENZ - www.prezenz.com	 -- */
/* -------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE					-- */
/* ------------------------------- */

body {
	direction: rtl;
	font-family: "Arabic Transparent";
	font-size:11px;
}

/* -------------------------------- */
/* COMMUN						 -- */
/* -------------------------------- */

.pdf {
	background-image: url(../images/icon-pdf.gif);
	background-position:top right;
	background-repeat: no-repeat;
	padding-right: 15px;
}

.backlink {
	/*float: right;*/
	position: absolute;
	top:10px;
	left:10px;
}

/* -------------------------------- */
/* FORM							 -- */
/* -------------------------------- */

/* -------------------------------- */
/* WEBSITE						 -- */
/* -------------------------------- */

#page {
	text-align:right;
}

/* -------------------------------- */
/* LEFT							 -- */
/* -------------------------------- */

#left {
	width:168px;
	float:right;
	padding-top:12px;
	padding-left: 12px;
	padding-right: 0px;
}

* html #left {
	padding-left: 8px;
	padding-right: 0px;
}

#logo {
	
}

#logoprint {
	display:none;
}

/* -------------------------------- */
/* MENU							 -- */
/* -------------------------------- */

#left #menu ul ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-right:10px;
}

#left #menu ul li .royal {
	text-transform: none;
	margin-bottom:2px;
	background-image: url(../images/4etoiles_c.gif);
	background-repeat: no-repeat;
	background-position-x: -60px;
	display: block
}

#left #menu ul li .epsom {
	text-transform: none;
	margin-bottom:2px;
	background-image: url(../images/4etoiles_c.gif);
	background-repeat: no-repeat;
	background-position-x: -60px;
	display: block
}

#left #menu ul li .auteuil {
	text-transform: none;
	margin-bottom:2px;
	background-image: url(../images/4etoiles.gif);
	background-repeat: no-repeat;
	background-position-x: -60px;
	display: block
}

#left #menu ul li .edelweiss {
	text-transform: none;
	margin-bottom:2px;
	background-image: url(../images/3etoiles_c.gif);
	background-repeat: no-repeat;
	background-position-x: -60px;
	display: block
}

#left #menu ul li .kipling {
	text-transform: none;
	margin-bottom:2px;
	background-image: url(../images/3etoiles.gif);
	background-repeat: no-repeat;
	background-position-x: -60px;
	display: block
}

#left #menu ul li .jade {
	text-transform: none;
	margin-bottom:2px;
	background-image: url(../images/3etoiles.gif);
	background-repeat: no-repeat;
	background-position-x: -60px;
	display: block
}

/* -------------------------------- */
/* CONTENT						 -- */
/* -------------------------------- */

#content {
	float: left;
}

/* -------------------------------- */
/* HEADER						 -- */
/* -------------------------------- */

#header {
	text-align:left;
	font-size:10px;
	height:18px;
}

/* -------------------------------- */
/* RESERVATION BOX				 -- */
/* -------------------------------- */



/* -------------------------------- */
/* PROMOTION BOX				 -- */
/* -------------------------------- */
#main #text .promotiondescription ul{
	margin-right: 15px !important;
	margin-bottom: 10px !important;
	list-style: disc !important;
}


/* -------------------------------- */
/* MAIN							 -- */
/* -------------------------------- */

#main {
	margin-bottom:6px;
	height:auto !important;
	height:590px;
	min-height:590px;
	z-index:10;
	position: relative;
	/*overflow: hidden;*/
}

/* -- picture 				------ */

#main #picture #offer a {
	position: absolute;
	right:600px;
	top:20px;
	width: 170px;
	height: 170px;
}

#main #homepict #offer a {
	position: absolute;
	right:600px;
	top:20px;
	width: 170px;
	height: 170px;
}

#main #picture .color {
	position: absolute;
	right:0px;
	top:0px;
	width: 300px;
	height: 300px;
	background: #643C32;
	opacity: .6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

#main #picture .colortitle img {
	position: absolute;
	padding-right: 0px;
	padding-top: 0px;
	right:0px;
}

#main .resto .colortitle img {
	position: absolute;
	padding-right: 0px !important;
	padding-top: 0px !important;
	right:0px;
}

#main #controls {
	position: absolute;
	bottom:10px;
	right:auto;
	left:10px;
	color: #FFF;
	z-index:100
}

/* -- banner 			------ */

#main #banner {
	position: absolute;
	right:0px;
	bottom: 0px;
	z-index:10;
}

/* -- text 				------ */

#main #text {
	position: relative;
	padding: 10px 0px 10px 0px;
	z-index:0;
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0px;
}

#main #text ul {
	margin-right: 0px;
	margin-bottom: 10px;
	list-style: none;
}

#main #text #links {
	position: absolute;
	right:90px;
	bottom:13px;
	font-size: 11px;
}

#main #text #links ul li a {
	color:#FFF;
	margin-left:10px;
}

/* -- text / hotel		------ */

#main #text #infoshotel{
  float:left;
  margin:10px 0 0 0;
  width:140px;
  padding: 0px 120px 0px 10px;
}

#main #text #infos{
  float:left;
  margin:10px 100px 0 0px;
  width:120px;
}

#main .hotel {
	padding-left: 0px !important;
	padding-right: 90px !important;
	background-color:#bebebe;
	height:270px;
	overflow: auto;
}

#main #text #comment {
	float:left;
	width:240px;
	height:190px;
	overflow: auto;
	margin-bottom:10px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 35px;
	background-image: url(../images/comment_bulle_ar.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#main #text .allcomment {
	position: absolute;
	bottom:60px;
	left:35px;
	right:auto
}

#main #text #address {
	position: absolute;
	right:630px;
	bottom:13px;
	white-space: nowrap;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* -- text / resto		------ */

#main #tablodetailrestos{
  margin:30px 315px 0 0px;
  width: 465px;
}

/* -- text / content	------ */

#main .paddingright {
	padding: 0px !important;
	margin:0px !important;
	padding-left:240px !important;
}

/* -- text / grey		------ */

#main .grey {
	background-color:#bebebe;
	height:270px;
	overflow: auto;
	padding-right: 20px !important;
}

/* -- text / seminaire	------ */ 		

#main #seminfo {
	float:left;
}

/* -------------------------------- */
/* GLIDER						 -- */
/* -------------------------------- */

#glider {
	margin:0px;
	direction:ltr
}

#glider .scroller {
	/* Taille de l'ŽlŽment affichŽ (Largeur et Hauteur) */
	width: 780px;
	overflow: hidden;
}

#glider .scroller .section {
	/* Section (texte) doit tre Žgal au scroller */
	width: 780px;
	overflow: hidden;
	float: left;
}

#glider .scroller .content { 
	/* Taille du glider (ŽlevŽ pour ne pas tout affichŽ) */
	width: 10000px;
}

#glider .section_desc { 
	padding:0px;
	height:300px;
	direction:rtl
}

/* -------------------------------- */
/* GLIDER RESTO					 -- */
/* -------------------------------- */

#glider_resto {
	margin:0 300px 0 0;
	direction:ltr
}

#glider_resto .scroller {
	/* Taille de l'ŽlŽment affichŽ (Largeur et Hauteur) */
	width: 478px;
	overflow: hidden;
}

#glider_resto .scroller .section {
	/* Section (texte) doit tre Žgal au scroller */
	width: 478px;
	overflow: hidden;
	float: left;
}

#glider_resto .scroller .content { 
	/* Taille du glider (ŽlevŽ pour ne pas tout affichŽ) */
	width: 10000px;
}

#glider_resto .section_desc { 
	padding:0px;
	height:300px;
	direction:rtl
}

/* -------------------------------- */
/* FOOTER						 -- */
/* -------------------------------- */

#footermenu {
	float:left;
}