body{font-size : 0.625em;background-color:#272422;}
#mainContainer{
	position:relative;
	margin : 0 auto;
	z-index:1;
	width : 912px;
	height : 571px;
    background:transparent url(../img/bg-page-right.gif) no-repeat scroll 905px 43px;
	}
#page{
	position:absolute;
	top : 0;
	left : 0;
	width : 912px;
	height : 571px;
	z-index:2;
	background:transparent url(../img/bg-page-bottom.gif) no-repeat scroll 0 528px;
}
#animIntro{
/*	background:transparent url(../anim/img/bienvenue1test.jpg) no-repeat scroll 0 0;
*/	height:485px;
	left:0px;
	position:absolute;
	top:43px;
	width:905px;
	z-index:3;
}
/***** BLOC SUPERIEUR *****/
#top{
	position : absolute;
	top:0;
	left:0;
	width : 905px;
	height : 43px;
	z-index:11;
	}
#languages{
	position:absolute;
	padding : 20px 0 1px 0;
	top : 0px;
	left : 1px;
	height : 13px;
	z-index:11;
	line-height:11px;
	width : 200px;
	}
#languages li{
	float:left;
	height : 13px;
	margin-right:2px;
	}
#languages li a img{
	opacity: 0.5;
	}
#languages li a:hover img{
	opacity: 1;
	}
#nav2{/*Nav de haut de page*/
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	text-align:right;
	padding : 20px 0 1px 0;
	height:1.8em;
	overflow:hidden;
	}
#nav2 li{
	float:left;
	height : 1.2em;
	overflow : hidden;
	margin-right:-1px;
	}
#nav2 li a{
	float : left;
	padding : 0 9px 0 8px;
	font-size : 1.1em;
	color : #ffffff;
	height : 1.2em;
	line-height:1em;
  	border-right:1px solid #ffffff;
  	}
#nav2 li a:hover, #nav2 .active{
	color : #ecdaab;
	}

/***** FIN BLOC SUPERIEUR *****/
/***** NAV CENTRALE *****/
#mainNavContainer{
	position:absolute;
	top : 43px;
	left:0;
	z-index : 10;
	height : 6.7em;
	width: 905px;
	}
#bgNav{
	background-color:#f7efda;
	height : 52px;
    width: 905px;
	}
#mainNav{
	margin-top: -52px;
	left: 276px;
	z-index:11;
	height : 4.7em;
	}
#mainNav li{
	float: left;
	height : 4.7em;
	}
#mainNav li a{
	float: left;
	padding : 22px 8px 0px 8px;
	font-size : 1.2em;
	font-family:Arial, Verdana, Sans-serif;
	font-weight : bold;
	color : #ffffff;
	height : 2.5em;
	line-height:2.5em;
	text-align: center;
	}
#nav_3_0{
	width: 231px;
	background-color:#524f4c;
	}
#nav_3_1{
	width: 190px;
	background-color:#ecdaab;
	}
#nav_3_2{
	width: 160px;
	background-color:#757477;
	}
#mainNav li a:hover{
	padding-top: 45px;
	}
#mainNav li a.active{
	padding-top: 43px;
	}
/** NAV SECONDAIRE **/
#mainNav ul{
	position:absolute;
	top : 80px;
	right : 0;
   	height : 1.2em;
	z-index :10;
	display : none;
 	width : 450px;
	}
#mainNav ul li{
  	float : right;
   	height : 1.1em;
	}
#mainNav ul li a{
	float : left;
	padding : 0 8px 0 8px !important;
	font-size : 1.1em;
	color : #747477;
	height : 1.2em;
	line-height: 1.2em;
    border-right:1px solid #747477;
	}
#mainNav ul li a:hover{
	color : #272422;
	}
#mainNav ul li a.active{
	color : #272422;
	}
#mainNav ul li a.last {
	border-width:0;
	}
/** /NAV SECONDAIRE **/
/***** /NAV CENTRALE *****/
/***** CONTENT *****/
#backhome{
	position: absolute;
	top : 95px;
	left:73px;
	width : 149px;
	height : 129px;
	z-index:9;
	background : url(../img/logo-HR.png) no-repeat;
	}
#content{
	position : absolute;
	top : 95px;
	left : 0;
	width :905px;
	height : 433px;
	z-index : 3;
	background-color: #fcf9f2;
	}

#animContainer{
	position:absolute;
	top : 0px;
	left : 0px;
	z-index : 3;
	width : 905px;
	height : 397px;
  /*	background:url(../anim/img/gd/accueil1.jpg) no-repeat 276px 68px; */
	}
#textContainer{
	position: absolute;
	top : 125px;
	left : 21px;
	width : 248px;
	height : 117px;
	z-index : 4;
	background-color : transparent;
	padding : 20px 3px 10px 0px;
	color : black;
	}
#content h1{
	font-family : Arial, Verdana, Sans-serif;
	font-size : 1.5em;
   	font-weight : normal;
	margin-bottom : 12px;
	color : black;
	z-index : 5;
	}
#textContainer .text{
	height : 100px;
	overflow-x : hidden;
	overflow-y : auto;
	z-index : 5;
	color : black;
	font-size : 1em;
	background-color : transparent;
	}
#textContainer .text a{
	color : #747477;
	text-decoration : underline;
	}
#textContainer .text a:hover{
	color : #747477;
	}
#textContainer .actionContainer{
   	padding-top : 10px;
	}
/*** formulaire reservation ***/
#reservation{
	position : absolute;
	left : 0px;
	top : 397px;
	z-index : 10;
	width : 905px;
	height : 36px;
	color : black;
	font-size : 1em;
	text-align:right;
	background : #f7efda;
	font-family:Arial, Verdana, Sans-serif;
	}
#reservation #inputContainer{
	position : absolute;
	left : 0px;
	top : 0px;
    width : 905px;
	height : 36px;
	}
#reservation #bgResa{
	position : absolute;
	left : 276px;
	top : 0px;
    width : 629px;
	height : 36px;
	background : #ecdaab;
	}
#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;
	}
#dateContainer,#nightContainer,#roomContainer, #clientContainer{
	position: absolute;
	top:7px;
	}
#dateContainer{
	left : 20px;
	}
#nightContainer{
	left : 295px;
	}
#clientContainer{
	left : 380px;
	width : 184px !important;
	}
#roomContainer{
	left : 560px;
	width : 120px !important;
	}
#input6, #input4 {
	width:36px;
}
#submitReserv{
	position:absolute !important;
	top:2px;
	left:700px;
	font-weight:bold;
	font-size : 0.9em;
	border-width:0;
	background:transparent url(../img/bg-boutonActionBlanc.gif) no-repeat scroll center center;
	cursor : pointer;
	outline-width:0 !important;
	color : black ;
	width : 28px;
	height : 31px;
	}
#submitReserv:hover {
	color:white;
	text-decoration:none;
	}
#calendrier{
	position:absolute;
    left: 760px;
	top : 10px;
	height : 36px;
 /*	font-size : 1.2em;*/
	color:black;
 	text-decoration: underline;
	z-index:12;
	}
#calendrier:hover{
	color : white;
	}
#logoRC{
	position:absolute;
    right: 0px;
	top : 0px;
	height : 36px;
	z-index:12;
	}
/*** fin formulaire reservation ***/
/***** FIN CONTENT *****/
/***** BOTTOM *****/
#bySin{
	position:absolute;
	top:528px;
	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:528px;
	right:0px;
	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 #9c9688;
	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 : white;
	}
#navBottom li a.last{
	border-width: 0px;
	}
/***** FIN BOTTOM *****/
/***** SYSTEME POPIN *****/
.popinContainer{
	display : none;
	position : absolute;
	top : 43px;
	left : 0;
	width : 905px;
	min-height : 485px;
	z-index : 20;
	}
.popinContainer .bgContainer{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 905px;
	height : 485px;
	z-index : 21;
	background-color : #000000;
	opacity: 0.5;
	}
.popin{
	position :relative;
	top : 10px;
	left : 52px;
	border : 10px #524f4c solid;
	width : 800px;
	padding : 0;
	z-index : 22;
	background-color : #fcf9f2;
	}
.popinTop{
	position : absolute;
	top:0;
	right:0;
	width : 872px;
	height : 36px;
	line-height : 36px;
	background-color : #fcf9f2;
	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 : Arial, Helvetica, sans-serif;
	font-size : 20px;
	line-height : 24px;
	font-weight : bold;
	color :#ffffff;
  	margin : 20px 0 0 50px;
	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 : 52px;
	padding : 0;
	width : 780px !important;
	min-height : 445px;
	
	}
.reservForm .popinTop{
	height : 42px;
	width : 780px !important;
	}
.reservForm h2{
	color : #ecdaab;
	text-align : left;
	font-size : 1.5em;
	width : auto;
	text-transform: uppercase;
	}
.reservForm .close{
	position : absolute;
	right : 10px;
	top : 0px;
	}
.reservForm #demandeReservation, .reservForm .textConfirm{
	position : relative;
	width : 780px;
	min-height : 370px;
	padding-bottom:20px;

	padding-top:55px !important;
	color : black;
	font-size : 1.1em;
	}
.reservForm fieldset{
	border-width :0;
	margin-bottom : 10px;
	padding : 0;
	}
.reservForm .formLine{
   	overflow : hidden;
    padding-top : 5px;
   	border-top : 1px dotted black !important;
	margin-bottom: 5px;
	position: static;
	}

.reservForm .formLineTitre{
	overflow : hidden;
    padding-top : 5px;
	padding-bottom: 15px;
	position: static;
	}
.reservForm .formContainer{
	padding-left :50px;
	padding-right :50px;
	width : 680px;
	}
.reservForm .formContainer .gris{
   	color : #747477;
	}
.reservForm .fondBeige{
	background-color: #f7efda;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom:10px;
	}
.fondBeige .formLine{
   	border-top : 0 !important;
	}
.reservForm label, .reservForm input, .reservForm select, .reservForm .pseudoLabel{
	float : left;
	margin-right : 5px;
	font-size : 1em;
	}
.reservForm .pseudoLabel{
	 text-transform: uppercase;
	/* font-weight: bold;   */
	}
.reservForm fieldset label{line-height:1.4em;}
.reservForm #label1RF{width : 100px; text-transform: uppercase;}
.reservForm #input1RF{width : 40px;}/*jour*/
.reservForm #input2RF{width : 80px;}/*mois*/
.reservForm #input3RF{width : 60px;margin-right :80px;}/*annee*/
.reservForm #label4RF{width : 110px; text-transform: uppercase;}/* label nuit et chambre*/
.reservForm #label6RF{width : 130px; text-transform: uppercase;}/* label nuit et chambre*/
.reservForm #input4RF{width : 40px;margin-right:20px;}/*nuit et chambre*/
.reservForm #label7RF{width : 185px;margin-right:30px; text-transform: uppercase;}/*repas*/
.reservForm #input7RF{width : 80px;margin-right:30px;}/*repas*/
.reservForm #label8RF{width : 155px;margin-right:30px; text-transform: uppercase;}/*heure*/
.reservForm #input8RF{width : 80px;margin-right:30px;}/*heure*/
.reservForm #input6RF{width : 40px;}/*nuit et chambre*/
.reservForm #label5RF{width : 210px; text-transform: uppercase;}/*label nb personne*/
.reservForm #label5RFTable{width : 150px; text-transform: uppercase;}/*label nb personne*/
.reservForm #input5RF{width : 70px;margin-right :20px;}/*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{
	left : 350px;
	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;
	}
.reservForm .offrirInfo{
    color: #747477;
    font-size : 1em;
	text-align:justify;
	margin-bottom: 10px;
	}
.reservForm .destinataire{
	 margin-right: 5px;
	 width : 130px;
	}
/*** /POPIN RESERVATION ***/
/*** POPIN type 2  ZOOM PLAN D'ACCES ***/
.popinType2{
	left : 0px;
	padding : 0;
	min-height : 425px;
	width : 584px !important;
	}
.popinType2 .popinTop{
	height : 50px;
	width : 584px;
	left : 0;
 /*	background : url(../img/bg-blason.gif) 0 52px;   */
	}
.popinType2 .boutonAction{
	position:absolute;
	right:80px;
	top: 0px;
	}
.popinType2 h2{
	padding : 30px 80px 0px 12px;
	color : #000000;
	text-align : left;
	font-size : 2em;
	width : auto;
	}
.popinType2 .close{
	position : absolute;
	right : 10px;
	top : 3px;
	}
.popinType2 .popin{
	padding-top : 50px;
	}
/*** POPIN type II ***/
#bg-rub{
	background: transparent url(../img/bg-rub.png) no-repeat;
	z-index: 4;
    width: 329px;
    height : 153px;
	position: absolute;
	top: 165px;
	left: 0;
}