/******************************************/
/****************  HEADER  **************/
/******************************************/

#header{
	/*width: 980px;*/
	width: 100%; 
	height: 150px; 
	position: absolute; 
	left: 50px; 
	top: 0; 
	color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*background: url(../img_hotel/trans.png);
	font-size: 9px; /*background: #E3D9CC; TRANSPARENCE 
	filter:alpha(opacity=50);	-moz-opacity:0.50;	
	-khtml-opacity: 0.50;	
	opacity: 0.50;
	border: 1px solid #000;*/  }

#header_logo
{list-style-type: none; float: left; display: inline; width:260px; margin: 0px 0; padding-left:30px;  }
#header_titre
{ float: right;  width:700px;  padding-top:-20px;}







/******************************************/
/****************  FOOTER  **************/
/******************************************/
#footer{
	color: #d0cfcd; 
	position: absolute; 
	bottom: 0px; 
	width: 100%; 
	position: fixed; 
	left: 0px;  
	text-align: center; 
	padding: 0px 0px 7px 0px; 
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;  
	z-index: 2;
		filter:alpha(opacity=50);	-moz-opacity:0.50;	
	-khtml-opacity: 0.50;	
	opacity: 0.50;
	
	background: #E3D9CC;
	}

#footer p{text-transform: uppercase; margin-bottom: 0px; padding: 0px; text-align: center; font-size: 10px;}




/******************************************/
/****************  PAGE GLOBAL **************/
/******************************************/


body {
	font: normal 10px 'Arial'; 
	color: #FFF; 
	background:#e4e0c5; 
		 margin: 0; 
	}

#global{ margin:auto; height: 100%; position: relative; overflow: hidden; width: 100%; border: 1px solid red;}

#page{
	width: 1200px; 
	height: 700px; 
	overflow:hidden; 
	top: 0px; 
margin:auto;
	/*margin: auto; */
/*/ background:url(../img_hotel/background.png) center top no-repeat; */
 border: 1px solid #000;
}

#page_centre{
	width: 1200px; 
	height: 700px; 
	position: absolute;
	top: 0px; 
margin:auto;
	/*margin: auto; */
 background:url(../img_hotel/background.png) center top no-repeat; 
 border: 1px solid green;
}
#header{
	width: 1200px; 
	height: 700px; 

	overflow:hidden; 
	top: 0px; 
margin:auto;
 border: 1px solid #000;
}


#droite_center{
	width: 427px;
	background: url(/img_hotel/trans.png);
	position: fixed;
	bottom: 90px;
	right: 20px;

	padding: 12px 16px;
	z-index:2; TRANSPARENCE
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}














#menu{ color:#FFF; width: 243px; position: absolute; left: 50px; top: 150px; z-index: 5; height: auto; overflow: auto; }
#menu #nav{width: 206px; background:#E3D9CC; margin-bottom: 1px; padding: 16px 10px; background: url(../img_hotel/trans.png);}
#menu #nav ul{margin-left: 40px;}
#menu #nav ul li a{
	color: #FFF;
	background:url(../images/puce_nav.gif) left center no-repeat;
	padding: 0 0 0 28px;
	font: 13px/17px "Trebuchet MS", Arial;
	text-transform: uppercase;
}













/******************************************/
/**************  CONTACT  *****************/
/******************************************/
.contact-wrapper{
	width: 520px;
	height: 320px;
	background: url(../img_hotel/trans.png);
	position: absolute;
	top: 120px;
	right: 20px;
	padding: 16px 16px 16px 24px;
	z-index:2;
}
.contact-wrapper h2{color: #ffffff; font-size: 18px; font-weight: bold;}
.contact-wrapper
.contact-wrapper .row{clear: both; margin-bottom: 5px;} 

.contact-wrapper .row label span{color: #f00;}
.contact-wrapper .row input {font: normal 11px 'Verdana'; color: #FFF; border: 1px solid #666; z-index: -1; background: #333; width: 200px; padding: 3px;}
.contact-wrapper .row_are textarea{font: normal 11px 'Verdana'; color: #FFF; border: 1px solid #666; z-index: -1; background: #333; width: 378px; padding: 8px; height: 84px; margin: 2px 0 0 0;}
.contact-wrapper .row_bt {clear: both; margin: 6px 0 5px 290px;}
.contact-wrapper .row_bt #bt_envoyer{border: none;}
/******************************************/
/**************  LOCALISATION  *****************/
/******************************************/
.maps{ position:absolute;  top: 120px; bottom: 60px; left: 320px; right:60px;  z-index: 2; margin:auto; padding:auto;  }
.maps1{margin:auto; padding:auto; width:100%; height:380px; }
.right-col{  position: absolute; top: 500px; left: 320px;  z-index:2; width:360px;}
.bottom_right{
	width: 480px;
	background: #333;
	position: absolute;
	padding: 10px;
	margin: 1px 0 0 0;
	 overflow-y: auto;
	 overflow-x: none;
}
.right-col .bottom_right p{font-size: 11px; color: #CCC; margin: 0px;}
.right-col .bottom_right span{color: #ffffff;}
/******************************************/
/****************  FOOTER  **************/
/******************************************/
#footer{
	color: #d0cfcd; 
	position: absolute; 
	bottom: 0px; 
	width: 100%; 
	position: fixed; 
	left: 0px;  
	text-align: center; 
	padding: 0px 0px 7px 0px; 
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;  
	z-index: 2;
		filter:alpha(opacity=50);	-moz-opacity:0.50;	
	-khtml-opacity: 0.50;	
	opacity: 0.50;
	border: 1px solid #000;
	background: #E3D9CC;
	}

#footer p{text-transform: uppercase; margin-bottom: 0px; padding: 0px; text-align: center; font-size: 10px;}

/**************  Lien *****************/
a.grena:link, a.grena:visited {color:#FFF; text-decoration:underline;}