body{
	margin:0px;
	padding:0px;
	background-color:#1a171b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

#bgAll{
	width:1010px;
	height:957px;
	background:url(../../img/bgAll.jpg) top left no-repeat;	
	margin:0 auto;
	padding:0 20px 40px 320px;
}
#bgAll #header{ height:234px; }
#bgAll #header #headerLeft{ height:204px; width:550px; float:left; padding:30px 0 0 30px;; }
#bgAll #header #headerLeft a{ display:inline-block; height:64px; width:64px; margin:10px; text-decoration:none; cursor:default; }
#bgAll #header #headerLeft a.btnEye{ background:url(../../img/btnEye.gif) top left no-repeat; }
#bgAll #header #headerLeft a.btnNose{ background:url(../../img/btnNose.gif) top left no-repeat; }
#bgAll #header #headerLeft a.btnEar{ background:url(../../img/btnEar.gif) top left no-repeat; }
#bgAll #header #headerLeft a.btnHand{ background:url(../../img/btnHand.gif) top left no-repeat; }
#bgAll #header #headerLeft a.btnMouth{ background:url(../../img/btnMouth.gif) top left no-repeat; }
#bgAll #header #headerRight{ height:234px; width:210px; float:right; }
#bgAll #header #headerRight #headerRightTop{ text-align:right; padding-top:10px; color:#fff; }
#bgAll #header #headerRight #headerRightTop a{ color:#fff; padding:0 10px; float:right; text-decoration:none; }
#bgAll #header #headerRight a.linkBack{ width:192px; height:62px; display:inline-block; background:url(../../img/iconBackSite.gif) top left no-repeat; float:right; margin-top:70px; }

#bgAll #ariane{ height:144px; border-bottom:2px #c3c4c4 dashed; }
#bgAll #ariane table tr td{ padding:30px 0; }
#bgAll #ariane table tr td.txtCompletez{ text-align:center; border-right:2px #c3c4c4 dashed; }

#all{
	width:1000px;
	height:534px;
	background-color:#FFFFFF;
	/*margin:100px auto;*/
}
#top{
	background:#FCFAF6 url("../../img/logo_hotel.gif") 3px 3px no-repeat;
	height:29px;
	overflow:hidden;
	padding:21px 20px 0px 0px;
	border-bottom:1px #221E1F solid;
	display:none;
}
/*-----------------------------------------------------*/
/*------------------- MENU ONGLET----------------------*/
/*-----------------------------------------------------*/
#top ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:28px;
}
#top ul li{
	margin:0px;
	padding:4px 25px;
	margin:0px 5px 0px 0px;
	height:20px;
	width:100px;
	background: #666;
	border-top:1px #333 solid;
	border-left:1px #333 solid;
	border-right:1px #333 solid;
	display:block;
	float:right;
	text-align:center;
	line-height:20px;
}
#top ul li a{
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#top ul li.active{
	background: #FFF;
}
#top ul li.active a{
	color:#333;
}
#bottom{
	padding:8px;
	width:984px;
	height:534px;
}
#form{
	padding:8px;
	width:984px;
	height:534px;
	position:absolute;
	display:none;
	top:0;
	z-index:200;
	background:#fff;
	margin:0 auto;
	margin-top:151px;
}
/*-----------------------------------------------------*/
/*-------------- COLONNE GAUCHE - ÉTAPE 1--------------*/
/*-----------------------------------------------------*/
#leftCol{
	padding-right:8px;
	width:204px;
	height:534px;
	border-right:2px #c3c4c4 dashed;
	float:left;
}
#leftCol #calZone{
	height:220px;
	padding-bottom:10px;
	padding-right:6px;
	border-bottom:4px #EAEAEA solid;
}
#leftCol h1{
	font-size:14px;
}
#leftCol #infoZone{
	
}
#leftCol #infoZone ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
#leftCol #infoZone ul li{
	background:#FBFBFB;
	height:20px;
	line-height:20px;
	padding:2px 0px;
}
#leftCol #infoZone ul li.dark{
	background:#EAEAEA;
}
#leftCol #infoZone ul li strong{
	width:75px;
	float:right;
	display:block;
	height:20px;
}
#leftCol #infoZone ul li em{
	width:125px;
	float:left;
	display:block;
	font-style:normal;
	height:20px;
}
#leftCol #infoZone #btnVerif{
	text-align:right;
	margin-top:10px;
}
#leftCol #infoZone #btnVerif a{
	padding:3px 10px 3px 10px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
	background:#333;
	border:solid #cccccc 1px;
	float:right;
	margin-right:5px;
}
/*-----------------------------------------------------*/
/*-------------- COLONNE MILIEU - ÉTAPE 2--------------*/
/*-----------------------------------------------------*/
#cacheRight{
	width:470px;
	height:540px;
	background:#FFF url("../../img/bgChambre.gif") center center no-repeat;
	position:absolute;
	z-index:96;
}
#cacheRightLoading{
	width:470px;
	height:540px;
	background:#FFF url("../../img/bgLoading.gif") center center no-repeat;
	position:absolute;
	z-index:94;
}
#cacheMiddle{
	width:755px;
	height:540px;
	background:#FFF url("../../img/bgCache.gif") center center no-repeat;
	position:absolute;
	z-index:100;
}
#loading{
	width:755px;
	height:540px;
	background:#FFF url("../../img/bgLoading.gif") center center no-repeat;
	position:absolute;
	z-index:98;
}
#middleCol{
	padding-left:8px;
	padding-right:8px;
	width:274px;
	height:534px;
	border-right:2px #c3c4c4 dashed;
	float:left;
}
#middleCol h1{
	font-size:14px;
	margin:4px 0px;
	padding:0px;
}
#middleCol #boxChambre{
	height:130px;
	padding:4px;
	border:1px #D6D6D6 solid;
	overflow:auto;
}
#middleCol #boxChambre ul{
	list-style:none;
	padding:0px;
	margin:0px;
	font-size:13px;
}
#middleCol #boxChambre ul li{
	background:#E5E5E5 url("../../img/icon_chambre.gif") 6px 8px no-repeat;
	height:31px;
	line-height:31px;
	padding:2px 0px 2px 35px;
	margin:0px 0px 4px 0px;
	cursor:pointer;
}
#middleCol #boxChambre ul li strong{
	width:60px;
	float:right;
	text-align:right;
	display:block;
	padding-right:10px;
	height:31px;
	color:#CC0033;
	border-left:2px #B7B7B7 solid;
	cursor:help;
}
#middleCol #boxChambre ul li em{
	width:140px;
	float:left;
	display:block;
	font-style:normal;
	height:31px;
}
#middleCol #boxChambre ul li.active{
	background-color:#CC0033;
}
#middleCol #boxChambre ul li.active strong{
	color:#FFF;
	border-left:2px #E68099 solid;
}
#middleCol #boxChambre ul li.active em{
	color:#FFF;
}


/*OPTIONS*/
#middleCol #boxOption{
	height:162px;
	padding:4px;
	border:1px #D6D6D6 solid;
}
#middleCol #boxOption ul{
	list-style:none;
	padding:0px;
	margin:0px;
	font-size:13px;
}
#middleCol #boxOption ul li{
	background:#E5E5E5 url("../../img/icon_uncheck.gif") 10px 10px no-repeat;
	height:31px;
	line-height:31px;
	padding:2px 0px 2px 35px;
	margin:0px 0px 4px 0px;
	cursor:pointer;
}
#middleCol #boxOption ul li.active{
	background:#E5E5E5 url("../../img/icon_check.gif") 10px 10px no-repeat;
}
#middleCol #boxOption ul li strong{
	width:60px;
	float:right;
	text-align:right;
	display:block;
	padding-right:10px;
	height:31px;
	color:#CC0033;
	border-left:2px #B7B7B7 solid;
}
#middleCol #boxOption ul li em{
	width:140px;
	float:left;
	display:block;
	font-style:normal;
	height:31px;
}
#middleCol #boxOption ul li em select{
	margin-left:5px;
}
/*TOTAL*/
#middleCol #boxTotal{
	height:140px;
	padding:4px;
	border:1px #D6D6D6 solid;
}
#middleCol #boxTotal ul{
	list-style:none;
	padding:0px;
	margin:0px;
	font-size:13px;
}
#middleCol #boxTotal ul li{
	background:#E5E5E5;
	height:16px;
	line-height:16px;
	padding:2px 0px 2px 10px;
	margin:0px 0px 4px 0px;
}
#middleCol #boxTotal ul li strong{
	width:60px;
	float:right;
	text-align:right;
	display:block;
	padding-right:10px;
	height:16px;
	color:#CC0033;
	border-left:2px #B7B7B7 solid;
	cursor:help;
}
#middleCol #boxTotal ul li em{
	width:140px;
	float:left;
	display:block;
	font-style:normal;
	font-weight:bold;
	height:16px;
}
/*-----------------------------------------------------*/
/*-------------- COLONNE DROITE - ÉTAPE 3--------------*/
/*-----------------------------------------------------*/
#rightCol{
	padding-left:8px;
	width:463px;
	height:534px;
	float:left;
}
#rightCol h1{
	font-size:14px;
	margin:4px 0px;
	padding:0px;
}
#rightCol #boxDetailChambre{
	border:1px #D6D6D6 solid;
	height:440px;
	padding:8px;
}
#rightCol #boxDetailChambre h2{
	font-size:15px;
	margin:4px 0px;
	padding:0px;
}
#rightCol #boxDetailChambre #boxImgChambre{
	height:290px;
	border:1px #EAEAEA solid;
	overflow:hidden;
}
#rightCol #boxDetailChambre #boxImgChambre img{
	padding:4px;
	width:435px;
}
#rightCol #boxDetailChambre #boxDescripChambre{
	height:120px;
	overflow:auto;
}
#rightCol #boxBtnNext{
	text-align:right;
	padding-top:20px;
}
#rightCol #boxBtnNext input{
	width:260px;
	height:28px;
	background:#CCC url("../../img/btn_next.gif") top left no-repeat;
	border:1px #333 solid;
	cursor:pointer;
}

/* =Forms-----------------------------------------------------------------------------*/

#boxDetailChambre form {margin: 0; padding: 0;color: #e1e1e1;font-size: 85%;}
#boxDetailChambre textarea{background-color: #fff; border: solid #bbb 2px; color: #333; width: 240px; height: 125px; margin: 10px 0;}
#boxDetailChambre select{ background-color: #fff; border: solid #bbb 2px; color: #333; width: 240px; height: 21px; margin: 2px; font-size: 12px;}
#boxDetailChambre .textbox {width: 240px; height:17px; float: left; margin: 0px; border: solid #bbb 2px; background-color: #fff; font-size: 12px; font-family : Arial, Helvetica,  Verdana, sans-serif; color: #333;} 
#boxDetailChambre .textbox2 {border: solid #bbb 1px; height:17px; background-color: #fff;font-size: 11px; font-family : Arial, Helvetica,  Verdana, sans-serif; color: #333; } 
#boxDetailChambre .browse {background-color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #333; width: 400px;}
#boxDetailChambre .cselect {width: 400px; border: solid #bbb 2px; background-color: #fff; font-size: 11px; font-family : Arial, Helvetica,  Verdana, sans-serif; color: #e1e1e1; text-decoration : none; }
#boxDetailChambre fieldset {margin:0px;margin-top:10px;border: none; padding: 0;}
#boxDetailChambre fieldset strong{ font-size:14px; color:#333; font-weight:bold; }
#boxDetailChambre legend { padding:0px; display:block; margin:0px; font-size: 125%; color: #333; font-weight: bold; text-align:left;}
#boxDetailChambre label {display:block; width: 200px; padding: 2px 5px 0 0; text-align: left; clear:both; color:#333; font-size:10px}
#boxDetailChambre fieldset div { padding: 0; display: block;}
#boxDetailChambre .submit {color: #FFF; font-weight: bold; font-size: 10px; padding: 1px; margin: 0; border: 2px #333 solid; background: #333 ; height: 22px; width: 100px; cursor: pointer; margin-top:10px; text-transform:uppercase;}
#boxDetailChambre #butdiv { clear: both; padding-top: 1em; text-align: center;}
#boxDetailChambre fieldset div{	clear:both;}
#boxDetailChambre fieldset div.reqfield { }
#boxDetailChambre fieldset div.reqfield label:before { content: "* "; /* does not work in IE */}
#boxDetailChambre fieldset div.optfield { color:#333; font-size:10px }

#boxDetailChambre input.error{ border-color:#FF0000; }