body{font-size : 0.625em;background-color:#272422;}
#mainContainer{
	position:relative;
	margin : 0 auto;
	z-index:1;
	width : 900px;
	height : 570px;
	background:url(../img/bg-page-left.gif) 892px 28px no-repeat;
	}
#page{
	position:absolute;
	top : 0;
	left : 0px;
	width : 900px;
	height : 570px;
	z-index:2;
	background:url(../img/bg-page-bottom.gif) 0 542px no-repeat;
	}
/***** BLOC SUPERIEUR *****/
#top{
	position : absolute;
	top:0;
	left:0;
	width : 892px;
	height : 28px;
	z-index:11;
	}
#languages{
	position:absolute;
	top : 7px;
	left : 0px;
	height : 13px;
	z-index:11;
	line-height:11px;
	width : 46px;
	}
#languages li{
	float:left;
	height : 13px;
	margin-right:2px;
	}
#languages li a img{
	opacity: 0.5;
	}
#languages li a:hover img{
	opacity: 1;
	}

#nav1{/*Nav de haut de page*/
	position:absolute;
	top:0px;
	right:185px;
	z-index:10;
	text-align:right;
	padding : 7px 1px 1px 0;
	height:1.8em;
	overflow:hidden;
	}
#nav1 li{
	float:left;
	height : 1.2em;
	overflow : hidden;
	margin-right:-1px;
	}
#nav1 li a{
	float : left;
	padding : 0 9px 0 8px;
	font-size : 1.1em;
	color : #ffffff;
	height : 1.2em;
	line-height:1em;
	background:url(../img/separateur-liste.gif) right 2px no-repeat;
	}
#nav1 li a:hover, #nav1 .active{
	color : #fabe5d;
	}
#nav1 li a.last{
	background:url(../img/separateur-liste.gif) right 2px no-repeat !important;
	}

#backhome{
	position: absolute;
	top : 32px;
	left:15px;
	width : 210px;
	height : 152px;
	z-index:10;
	background : url(../img/logo-CM.png) no-repeat;
	}
.fondClair #backhome{
	background : url(../img/logo-CM-2.png) no-repeat;
	}
#facebookLink{
	position : absolute;
	top : 1px;
	right : 0px;
	width : 175px;
	height : 24px;
	line-height : 24px;
	font-size : 1.1em;
	color : #ffffff;
	}
#facebookLink:hover{
	color : #fabe5d;
	}
/***** FIN BLOC SUPERIEUR *****/
/***** NAV CENTRALE *****/
#mainNavContainer{
	position:absolute;
	top : 391px;
	left:0;
	z-index : 10;
	height : 3.5em;
	
	}
#bgNav{
	background-color:#4c586f;
	opacity:0.7;
	height : 35px;
	}
#mainNav{
	padding : 0 0px 0 17px;
	z-index:11;
	height : 3.5em;
	margin-top : -35px;
	background : url(../img/separateur-mainNav.gif) 16px 11px no-repeat;
	width : 680px;
	}
#mainNav li{
	float:left;
	height : 3.5em;
	}
#mainNav li a{
	float:left;
	padding : 11px 45px 9px 45px;
	font-size : 1.5em;
	font-family:Arial, Verdana, Sans-serif;
	color : #ffffff;
	text-transform:uppercase;
	height : 1em;
	line-height:1em;
	background : url(../img/separateur-mainNav.gif) right 11px no-repeat;
	}
#mainNav li a:hover{
	background-color:#4c586f;
	}
#mainNav li a.active{
	background-color:#4c586f;
	font-weight : normal;
	}
/** NAV SECONDAIRE **/
#mainNav ul{
	position:absolute;
	top : 35px;
	left : 0;
	background-color : #4c586f;
	height : 116px;
	z-index :10;
	display : none;
	}
#mainNav ul li{
	float : none !important;
	height : auto;
	}
#mainNav ul li a{
	float : none !important;
	display:block;
	text-align : center;
	padding : 6px 0 10px 0 !important;
	font-size : 1.1em;
	color : #ffffff;
	height : 1em;
	line-height:1em;
	background : none;
	background : url(../img/puce-secondaryNav.gif) 72px bottom no-repeat;
	text-transform : none;
	}
#mainNav ul li a:hover{
	color : #fabe5d;
	}
#mainNav ul li a.active{
	color : #fabe5d;
	}
#mainNav ul li a.last{
	background:none;
	}
/* DIMENSION DES NAV SECONDAIRES */
#mainNav_0{width : 150px;}
#mainNav_1{width : 156px;}
#mainNav_2{width : 152px;}
#mainNav_3{width : 195px;}
/* /DIMENSION DES NAV SECONDAIRES */
/** /NAV SECONDAIRE **/
/***** /NAV CENTRALE *****/
/***** CONTENT *****/
#content{
	position : absolute;
	top : 28px;
	left : 0;
	width :892px;
	height : 514px;
	z-index : 3;
	}
#animContainer{
	position:absolute;
	top : 28px;
	left : 0;
	z-index : 3;
	width : 892px;
	height : 514px;
	background:url(../anim/img/bienvenue1.jpg) no-repeat;
	}
#textContainer{
	position: absolute;
	top : 159px;
	left : 332px;
	width : 341px;
	height : 165px;
	z-index : 4;
	background-color : transparent;
	padding : 20px 3px 10px 18px;
	color : #272422;
	}
.bgText{
	position : absolute;
	top : 0;
	left : 0;
	width : 364px;
	height : 195px;
	background-color : white;
	opacity : 0.8;
	z-index : 4;
	}
#textContainer .text{
	height : 130px;
	overflow-x : hidden;
	overflow-y : auto;
	z-index : 5;
	color : #272422;
	font-size : 1.1em;
	background-color : transparent;
	}
#textContainer .text a{
	color : #4c586f;
	text-decoration : underline;
	}
#textContainer .text a:hover{
	color : #be9e56;
	}
#textContainer .close{
	position : absolute;
	top : 20px;
	left : 346px;
	z-index : 10;
	padding : 2px;
	margin-top : -10px;
	}
#textContainer .actionContainer{z-index : 5;}
#textOpener{
	position: absolute;
	top : 345px;
	left : 332px;
	width : 371px;
	height : 12px;
	z-index : 4;
	background-color : transparent;
	overflow : hidden;
	display:none;
	}
#textOpener .opener{
	position : absolute;
	top : 0px;
	left : 345px;
	z-index : 5;
	padding : 2px;
	}
#content h1{
	font-family : Georgia, serif;
	font-size : 2em;
	font-weight : normal;
	margin-bottom : 12px;
	color : #4c586f;
	z-index : 5;
	}
/*** formulaire reservation ***/
#reservation{
	position : absolute;
	left : 764px;
	top : 46px;
	z-index : 10;
	width : 111px;
	height : 298px;
	color : white;
	font-size : 1em;
	text-align:left;
	background : url(../img/bg-resa.png) no-repeat;
	font-family:Arial, Verdana, Sans-serif;
	padding-top : 10px;
	}
#reservation h2{
	text-transform:uppercase;
	text-align:center;
	font-size : 1.1em;
	font-weight : bold;
	}
#bgResa{
	position : absolute;
	top:0;
	left:0;
	width : 11px;
	height : 306px;
	display : none;
	}
#reservation #inputContainer{
	padding : 15px 13px 0px 13px;
	}
#reservation label{
	text-transform : uppercase;
	display:block;
	}
#reservation select{
	margin : 2px 0;
	height : 1.8em;
	font-family : arial, Verdana, sans-serif;
	font-size : 1em;
	}
#reservation option{
	padding : 0 4px 0 1px;	
	}
#nightContainer,#roomContainer, #clientContainer{
	margin : 12px 0;
	}
#submitReserv{
	position:absolute !important;
	bottom:13px;
	right:13px;
	font-weight:bold;
	font-size : 0.9em;
	border-width:0;
	background-color: transparent;
	cursor : pointer;
	outline-width:0 !important;
	color : white;
	width : 30px;
	height : 20px;
	}

/*** MODULE EPROMO ***/
#boutonPromoContainer{
	position : absolute;
	top : 360px;
	left : 764px;
	width : 111px;
	height : 74px;
	overflow:hidden;
	z-index : 100;
	text-align : center;
	background-image : url(../img/commun/fond-promo.png);
	background-position : left top;
	background-repeat: no-repeat;
	padding : 0;
	border-collapse : collapse;
	}
#boutonPromoContainer td{
	vertical-align:middle !important;
	}
#boutonPromo{
	display :table-cell;
	
	padding : 6px 6px 0px 6px;
	width : 99px;
	height : 68px;
	color : #f0f1f1;
	font-size : 1em;
	font-weight : normal;
	vertical-align : middle;
	}
#boutonPromo:hover{
	text-decoration : underline;
	}
#bgBoutonPromo{
	position:absolute;
	top : 0;
	right : 0;
	width : 111px;
	height : 74px;
	display : none;
	}
#boutonPromo p.uppercase{
	padding-top : 4px;
	}
/*** FIN MODULE EPROMO ***/
	
#logoRC{
	position:absolute;
	left:762px;
	top : 469px;
	z-index:12;
	width : 111px;
	height : 40px;
	background : url(../img/logo-chc.png) no-repeat;
	}

/*** fin formulaire reservation ***/
/***** FIN CONTENT *****/
/***** BOTTOM *****/
#bySin{
	position:absolute;
	top:542px;
	left:0px;
	z-index:11;
	padding : 8px 0 1px 0;
	height:1em;
	overflow:hidden;
	font-size : 1.1em;
	color : #87888A;
	}
#bySin li{
	float:left;
	height : 1em;
	}
#bySin li a,#bySin li div{
	float:left;
	padding : 0 4px 0 4px;
	color : #ffffff;
	height : 1em;
	line-height:1em;
	}
#navBottom{
	position:absolute;
	top:542px;
	right:65px;
	z-index:11;
	text-align:right;
	padding : 8px 8px 1px 0;
	
	overflow:hidden;
	}
#navBottom li{
	float:left;
	
	}
#navBottom li a{
	float:left;
	border-right: 1px solid #929296;
	padding : 0 6px 0 6px;
	font-size : 1.1em;
	color : #9c9688;
	height : 1em;
	line-height:1em;
	z-index : 12;
	}
#navBottom li a:hover, #navBottom .active{
	color : #fabe5d;
	}
#navBottom li a.last{
	border-width: 0px;
	}
#telephone{
	padding-left : 18px !important;
	background:url(../img/ico-telephone.gif) 2px 0 no-repeat;
	}
#iLike{
	position : absolute;
	top : 544px;
	right : 8px;
	height : 24px;
	overflow:hidden;
	
	}
/***** FIN BOTTOM *****/
/***** SYSTEME POPIN *****/
.popinContainer{
	display : none;
	position : absolute;
	top : 28px;
	left : 0;
	width : 892px;
	min-height : 514px;
	z-index : 20;
	}
.popinContainer .bgContainer{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 892px;
	height : 514px;
	z-index : 21;
	background-color : #000000;
	opacity: 0.5;
	}
.popin{
	position :relative;
	margin-top : 40px;
	margin-left : 10px;
	border : 1px black solid;
	width : 872px;
	padding : 0;
	z-index : 22;
	background-color : #dadadc;
	}
.popinTop{
	position : absolute;
	top:0;
	right:0;
	width : 872px;
	height : 36px;
	line-height : 36px;
	background-color : #767e8f;
	text-align : right;
	z-index : 22;
	}
.popinTop .close{
	float : right;
	margin : 10px 7px 0 10px;
	padding-right : 18px;
	text-align : right;
	background:url(../img/ico-close.gif) right 5px no-repeat;
	line-height : 1.4em;
	font-size:1.1em;
	z-index : 23;
	}
.popinTop .boutonAction{margin : 10px;z-index : 24;}
.popinTop .close:hover{text-decoration:underline;}
.popin h2{
	font-family : Georgia, Serif;
	font-size : 20px;
	line-height : 24px;
	font-weight : normal;
	color :#ffffff;
	margin : 5px 0 0 20px;
	z-index : 23;
	min-height : 31px;
	width : 400px;
	}
.popin .texteErreur{
	font-weight:bold;
	}
.popin .listeErreurs{
	font-size : 0.8em;
	padding : 10px 0 10px 10px;
	}
/***** /SYSTEME POPIN *****/
/*** POPIN RESERVATION ***/
.reservForm{
	left : 80px;
	padding : 0;
	width : 629px !important;
	min-height : 425px;
	
	}
.reservForm .popinTop{
	height : 75px;
	width : 629px !important;
	background : url(../img/bg-blason.gif) 0 52px;
	}
.reservForm h2{
	padding : 30px 80px 0px 12px;
	color : #81899a;
	text-align : left;
	font-size : 2em;
	width : auto;
	}
.reservForm .close{
	position : absolute;
	right : 10px;
	top : 20px;
	}
.reservForm #demandeReservation, .reservForm .textConfirm{
	position : relative;
	width : 569px;
	min-height : 290px;
	padding : 30px; 
	background-color:#81899a;
	color : #ffffff;
	font-size : 1.1em;
	padding-top : 105px !important;
	}
.reservForm fieldset{
	border-width :0;
	margin-bottom : 10px;
	padding : 0;
	}
.reservForm .formLine{
	overflow : hidden;
	margin-bottom : 5px;
	}
.reservForm label, .reservForm input, .reservForm select, .reservForm .pseudoLabel{
	float : left;
	margin-right : 5px;
	font-size : 1em;
	}	
.reservForm fieldset label{line-height:1.4em;}
.reservForm #label1RF{
	width : 80px;
	}
.reservForm #input1RF{width : 40px;}/*jour*/
.reservForm #input2RF{width : 80px;}/*mois*/
.reservForm #input3RF{width : 60px;margin-right :80px;}/*annee*/
.reservForm #label4RF, .reservForm #label6RF{width : 100px;}/* label nuit et chambre*/
.reservForm #input4RF, .reservForm #input6RF{width : 40px;}/*nuit et chambre*/
.reservForm #label5RF{width : 210px;}/*label nb personne*/
.reservForm #input5RF{width : 60px;margin-right :80px;}/*nb personne*/
.reservForm #labelNomRF{width : 40px;}
.reservForm #labelPrenomRF, .reservForm #labelTelRF{width : 60px;}
.reservForm #nom{width : 140px;margin-right : 30px;}
.reservForm #mail{width : 240px;margin-right : 30px;}
#categorieRF{
	font-size : 1em;
	}
#labelCategorieRF, #labelCommentRF{width : 120px;}
#categorieRF{width : 432px;}
.reservForm #comment{width : 427px;font-size:1em;}
#submitDemandeReserv{float : right;padding-bottom:4px;}

.reservForm .messageErreur{
	padding : 10px;
	border : 1px black solid;
	background : #dddddd;
	color : #61697d;
	margin-bottom : 10px;
	}
.reservForm .nomOffre{
	text-transform : uppercase;
	font-weight : bold;
	}
.reservForm #labelTypeManif{
	width : 125px;
	}
.reservForm #typeManifRF{
	width : 145px;
	}
/*** /POPIN RESERVATION ***/
/*** POPIN type 2 ***/
.popinType2{
	left : 0px;
	padding : 0;
	min-height : 425px;
	width : 600px !important;
	}
.popinType2 .popinTop{
	height : 75px;
	width : auto;
	left : 0;
	background : url(../img/bg-blason.gif) 0 52px;
	}
.popinType2 h2{
	padding : 30px 80px 0px 12px;
	color : #81899a;
	text-align : left;
	font-size : 2em;
	width : auto;
	}
.popinType2 .close{
	position : absolute;
	right : 10px;
	top : 20px;
	}
.popinType2 .popin{
	padding-top : 95px;
	}
/*** POPIN type II ***/
/**** MAILING RELATED ****/
.opa90{
	background-color:white;
	opacity:0.9;
	
	}
.opa90 .text{padding : 40px;font-size:1.2em;}
.opa90 .text h1{position:static !important;float : left !important;width : 300px;}
/**** /MAILING RELATED ****/
/**** TRIP ADVISOR ****/
#tripAdvisor{
	position : absolute;
	top : 28px;
	left : 50%;
	margin-left : 470px;
	width : 240px;
	min-height : 200px;
	}
/**** TRIP ADVISOR ****/