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

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

p, form, h2, h1, td, tr, table, ul, li, div, span, img {
	border: 0px;
	margin:0px;
	padding:0px;
}

img, div { behavior: url(/layout/iepngfix/iepngfix.htc) }

html {
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	background-color:#E6E2E2;
	color:#575a5d;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	/*line-height: 1.5em;*/
	height:100%;
}

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

/*a { color:#00436B; text-decoration:underline; }
a:hover { color:#00225A; }
a.active { color:#000; }*/

a { color:#790C1D; text-decoration:underline; }
a:hover { color:#00436B; }
a.active { color:#00436B; }

.link { /* background-repeat: no-repeat; padding-left: 15px; */ }

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

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

hr {
	border:0px;
  	border-bottom:1px #BBBBBB solid;
	background-color:#E6E2E2;
	color:#E6E2E2;
}

h2 {
	font-size:16px;
	line-height:16px;
	font-weight:lighter;
	margin:0px;
	margin-bottom:10px;
}

h3 {
	font-size:13px;
	line-height:13px;
	font-weight:lighter;
	margin:0px;
	margin-bottom:5px;
}

th a {
	color: #C72322;
}

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

.auto {
  width:auto;
  background-color:#FFF;
}

input.text {
  border:1px #888888 solid;
  width:200px;
  background-color:#FFFFFF;
}

textarea {
  border:1px #888888 solid;
  width:200px;
  background-color:#FFFFFF;
}

select {
  border:1px #888888 solid;
  width:200px;
  background-color:#E6E2E2;
}

.warning {
  color:#FF0000;
  font-weight:bold;
}

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

#page {
	width:960px !important;
	text-align:left;
	min-height:100% !important;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

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

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

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

#logo {
	
}

#logoprint {
	display:none;
}

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

#left #menu {
	margin-top:10px;
	margin-bottom:10px;
	height: 482px;
	position: relative;
}

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

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

#left #menu ul li {
	list-style:none;
	padding:0px 0px;
}

#left #menu ul li a {
	font-size:11px;
	line-height:16px;
	height: 12px;
	text-transform: uppercase;
	text-decoration:none;
}

#left #menu .hotel a {
	font-size:12px;
}

#left #menu ul ul li a {
	font-size:11px;
	font-weight:normal;
	text-transform: none;
}

#left a {
	color:#666666;
}

#left a:hover {
	color:#790C1D;
}

#left a.active {
	color:#790C1D/*00436B*/;
}

#left #menu ul li .royal {
	text-transform: none;
	margin-bottom:2px;
	background-image: url(../images/4etoiles_c.gif);
	background-repeat: no-repeat;
	background-position: top left;
	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: top left;
	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: top left;
	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: top left;
	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: top left;
	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: top left;
	display: block
}

#left #menu .tools {
	position: absolute;
	bottom: 0px;
	display: block;
}

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

#content {
	margin: 0px;
	padding:0px;
	display: block;
	float: left;
	width:780px;
	padding-top:12px;
	position:absolute;
	right:0px;
	display:table;
}

#content p {
  	margin:0px;
  	padding:0px;
  	/*line-height:1.4em;*/
}

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

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

#languages ul {
	list-style:none;
}

#languages ul li {
	list-style:none;
	display:inline;
}

#languages ul li a {
  text-decoration:none;
  color:#666666;
}

#languages ul li a:hover {
  color:#00225A;
}

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

#content #reservation {
	padding:3px;
	height:40px;
	margin-bottom:6px;
}

#content #reservation h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:11px;
	line-height:12px;
	text-transform: uppercase;
}

/* -------------------------------- */
/* PROMOTION BOX				 -- */
/* -------------------------------- */

#content #promotion {
	padding:3px;
	background: #CCC;
}

#content #promotion h2 {
	margin:0px;
	padding:10px;
	font-weight:normal;
	font-size:12px;
	line-height:12px;
	color: #FFF;
}

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

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

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

#main #picture {
	height:300px;
	position: relative;
	background: #EEE;
}

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

#main #homepict {
	position: relative;
}

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

#main #picture .color {
	position: absolute;
	left: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-left: 0px;
	padding-top: 0px;
}

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

#main #controls {
	position: absolute;
	bottom:10px;
	right:10px;
	color: #FFF;
}

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

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

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

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

#main #text a:hover {
	color:#333;
}

#main #text ul {
	margin-left: 0px;
	margin-bottom: 10px;
	list-style: none;
}
#main #text .promotiondescription ul{
	margin-left: 15px !important;
	margin-bottom: 10px !important;
	list-style: disc !important;
}


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

#main #text #links ul {
	display: inline;
	margin: 0px;
}

#main #text #links ul li {
	display: inline;
}

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

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

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

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

#main #text #infoshotel #moreinfohotel, #main #text #infos #moreinfo{
	margin-top:30px;
}

#main .hotel  a {
	color:#575a5d;
}

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

#main #text #comment {
	float:right;
	width:240px;
	height:190px;
	overflow: auto;
	margin-bottom:10px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 35px;
	background-image: url(../images/comment_bulle.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}

#main #text #comment a {
	color:#999;
	font-size: 11px;
}

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

#main #text #comment h2 {
	color:#6e6e6e;
	font-size: 11px;
	text-transform: uppercase;
}

#main #text #address {
	position: absolute;
	left:630px;
	bottom:13px;
	white-space: nowrap;
	font-size: 11px;
}

#main #text #address  a {
	color:#FFF;
}

#main #text #addressmap {
	padding-top:6px;
	display: block;
}

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

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

#main #tablodetailrestos td{
  width:140px;
}

#main #tablodetailrestos td.sep{
  width:15px;
}

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

#main .paddingright {
	padding-right:240px !important;
}

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

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

#main .grey h2 {
	color:#790C1D;
}

#main .grey a {
	color:#575a5d;
}

#main .awhite a, #main .linkwhite {
	color:#FFF !important;
}

#main .grey #infos a {
	color: #FFF;
}

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

#main .seminaire {
	position:relative;
	height:270px;
}

#main .seminaire a {
	color:#575a5d;
}

#main .seminaire #infos a {
	color: #790C1D;
}		

#main #boxseminaire {
	background:#C4C2C2;
	height:68px;
	position: absolute;
	bottom: 0px;
	width: 760px;
	padding: 10px;
}		

#main #seminfo {
	float:right;
}

#main #seminfo a {
	color: #790C1D;
}

.boxflash {
	background: #AAA; 
	padding: 5px !important;
}

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

#glider {
	margin:0px;
}

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

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

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

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

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

#footer {
	font-size:10px;
}

#footermenu {
	float:right;
}

#footermenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#footermenu ul li {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}

#footermenu ul li a {
	text-decoration:none;
	color:#666666;
}

#footermenu ul li a:hover {
	color:#00225A;
}

#footer #info {
	clear: both;
}

#footer #info a {
	text-decoration: none !important;
	color:#666 !important;
	text-transform: uppercase;
	font-size: 9px;
}

#footerAddresses a {
	text-decoration:none;
	color:#666666;
}