* {margin:0; padding:0;}

html, body {
	width:100%;
	height:100%;
}


/************************* COULEUR FOND DE PAGE *******************************/
body {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background: #404040;
	/*color: #282828;*/
	color: #404040;
	font: 10px verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background:	#1199c6;*/
	/*background-image:url(../../../reservation/_v2/images/css_amaia/hotel-amaia-body.jpg);*/
}

select {
	border: 1px solid #808080;
	font: 9px verdana, arial, helvetica, sans-serif;
	/*max-width: 250px;*/
	max-width:300px;
	min-width: 50px;
	width: auto !important;  /*pour fixer une taille minimale sous ie*/
}

textarea {
	border: 1px solid #88b2c9;
}

a, a:hover, a:visited {
	color: #404040;
	text-decoration:none;
}

img {
	border:none;
}
/*li a:hover {	background: #FFCC00;}*/
/*li a {	background: white;}*/

#header {
	width:981px;
	color:red;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-align:center;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	min-height:35px;

}
#header h1{
	text-align:left;
	color: #404040;
	font-size:18px;
	padding-top:5px;
	padding-left:5px;
}
a.infoBulle {
	position:relative;
	text-align:left;
	color: #404040;
}

a.infoBulle div{
	position:absolute;
	display: none;
	z-index:20;
}
a.infoBulle:hover div{
	position:absolute;
	top: 23px;
	left:0px;
	padding:2px 10px 2px 10px;
	display: inline;
	background: #FFFFFF;
	border: 1px solid #FEBE14;
	z-index:2000;
	font-size:11px;
	font-family: Arial;
	font-weight: normal;
	width:auto;
}

#langues {
	float:right;
	text-align:right;
	margin-top:0px;
	top: 0px;
	padding-top:7px;
	padding-right:5px;
}
#page {
	width:983px;
	min-height:662px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border: 0px solid #FFFFFF;
	background: #FFFFFF;
}
/*#divBoxCalendar {
	float:left;
	width:240px;
	height: 400px;
	margin-left:0px;
	margin-right:5px;
	border: 1px dotted #418CC7;
}*/

/***************************** COULEUR BOX CENTRE ******************************/

#divBoxCentre {
	position:relative;
	float:left;
	width:373px;
	min-height: 637px;
	height: auto !important;  /*pour fixer une taille minimale sous ie*/
	height: 637px;
	margin-left:3px;
	margin-right:3px;
	background: #d8d8da;
}

#divShowRoom {
	/*float:left;*/
	
	width:360px;
	min-height: 148px;
	height: auto !important;  /*pour fixer une taille minimale sous ie*/
	height:148px;
	margin-left:0px;
	margin-right:0px;
	padding-left:5px;
	padding-right:5px;
}

#listeMois {
	float:left;
	top:0px;
	width:30px;
	margin: 0 0 0 0px;
	/*border: 1px dotted #418CC7;*/
}

#listeMois li{
	list-style-type:none;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	margin-bottom:2px;
	background-color: #FFFFFF;
	/*border: 1px dotted silver;*/
	height:17px;
	color: #404040;
}
#listeMois li:hover{
	background: #c0c0c0;
}
#listeMois li.selectedLiMois {
	background: #FEBE14;
}

#divCalendar {
	top:0px;
	float:right;
	width:218px;
	margin-right: 13px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid black;*/
	background: #d8d8da;
	text-align:center;
}

.divFormulaire {
	background: #d8d8da;
	height:461px;
}
.liste {
	background: #d8d8da;
}
.calendar {
	background: #d8d8da;
}
.details {
	background: #ffffff;
	border: 1px solid #d8d8da;
}
.selection {
	background: #d8d8da;
	min-height:440px;
	height:440px !important;
	height:auto;
}
#divRooms {
	position:relative;
	float:left;
	width:275px;
	max-width:275px;
	min-height: 637px;
	height: auto !important;  /*pour fixer une taille minimale sous ie*/
	height: 637px;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	padding-top: 0px;
	background-color:#d8d8da;
}

.showRoom {
	overflow-y:auto;
	overflow-x:hidden;
	border:none;
	width:360px;
	min-height:146px;
	height:auto !important;
	height:146px;
	max-height:146px;
	/*text-align:left;*/
}
#titreDatesSejour {
	/*background: #8fc80d;*/
	color: #FFFFFF;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding-left: 5px;
	padding-top: 3px;
	height: 17px;
}
#titreSelection {
	margin-top: 5px;
}

/***************************** COULEUR INTERLIGNES ******************************/

.types {
	/*background: white;*/
	border-bottom: 1px solid #ffffff;
	width:260px;
	padding: 2px 2px 2px 2px;
	margin-left : 2px;
	margin-bottom:2px;
	height:22px;
	cursor: pointer;
	color:#404040;
	text-transform:uppercase;
	font-size:9px;
}

.typesRO {
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	width:260px;
	padding: 2px 2px 2px 2px;
	margin-left : 2px;
	margin-bottom:2px;
	height:22px;
	cursor: pointer;
	color:#404040;
	text-transform:uppercase;
	font-size:9px;
}

.actions {
	float:right;
}
/*liste chambres*/
#liste {
	overflow-y: auto;
	overflow-x:hidden;
	/*display : none;*/
	height:150px;
	background: #d8d8da;
}
#items {
	margin-top:5px;
	/*border: 1px dotted navy;*/
	min-height: 220px;  /*pour fixer une taille minimale sous mozilla*/
	height: auto !important;  /*pour fixer une taille minimale sous ie*/
	height: 220px;
}
#legende {
	min-height: 30px;  /*pour fixer une taille minimale sous mozilla*/
	height: auto !important;  /*pour fixer une taille minimale sous ie*/
	height: 30px;
	width:250px;
	clear:both;
	padding-left:10px;
	padding-top:5px;

}
#divCartActions {
	background: #d8d8da;
}

/**************************** COULEUR TITRE ******************************/
/* titre des box */
.title {
	position:relative;
	background: #f8bb49;
	color: #FFFFFF;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding-left: 5px;
	padding-top: 3px;
	height: 17px;
}
.titleChambres {
	position:relative;
	background: #f8bb49;
	color: #FFFFFF;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding-left: 5px;
	padding-top: 3px;
	height: 17px;
}
.titleCalendar {
	position:relative;
	background: #f8bb49;
	color: #FFFFFF;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding-left: 5px;
	padding-top: 3px;
	height: 17px;
}

/**************************** COULEUR DETAIL ******************************/
.titleDetails {
	position:relative;
	background: silver;
	color: #FFFFFF;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding-left: 5px;
	padding-top: 3px;
	height: 17px;
}
.titleCart {
	position:relative;
	background: #f8bb49;
	color: #FFFFFF;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding-left: 5px;
	padding-top: 3px;
	height: 17px;
}
/**************************** COULEUR INFOS ******************************/

.titleInformations {
	position:relative;
	background: silver;
	color: #FFFFFF;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding-left: 5px;
	padding-top: 3px;
	height: 17px;
}
.titleClient {
	position:relative;
	background: #f8bb49;
	color: #FFFFFF;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding-left: 5px;
	padding-top: 3px;
	height: 17px;
}
/* fin titres */


#wastebin {
	min-height: 50px;  /*pour fixer une taille minimale sous mozilla*/
	height: auto !important;  /*pour fixer une taille minimale sous ie*/
	height: 50px;
}

#divInfos {
	float:right;
	width: 327px;
	/*height: 637px;*/
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	background: #ffffff;
	border: 1px solid #d8d8da;
}

span.tab {
	padding:2px 2px 2px 2px;
	border:1px solid #FFFFFF;
	cursor:default;
}
span.tab:hover {
	cursor:pointer;
}
#divInfosHotel1 {
	min-height:150px;
	max-height:150px;
	height:auto !important;
	height:150px;
	overflow:auto;
	text-align:left;
	border:none;
}
#divInfosHotel2 {
	min-height:150px;
	max-height:150px;
	height:auto !important;
	height:150px;
	overflow:auto;
	text-align:left;
	border:none;
}
#divInfosHotel3 {
	min-height:149px;
	max-height:149px;
	height:auto !important;
	height:149px;
	overflow:auto;
	text-align:left;
	border:none;
	font-weight:normal;
	color: #404040;
	padding-left:5px;
	padding-right:5px;
}

#divInfosHotel3  p:first-line {
color:#000000;
font-weight:bold;
font-variant:small-caps;
}

p.infos {
	font-weight:bold;
	color:#404040;
	font-size:12px;
	text-align:left;
	padding: 5px 5px 5px 5px;

}
.hidden {
	display:none;
}

/*.stretcher, .display {	width:300px;}*/


/* calendrier */
table.calendar {
	background-color: #d8d8da;
	width:auto;
	/*float:left;*/
	padding-right:0px;
}
.calendar th {
    font-family: verdana;
    font-size: 9px;
    color: gray;
    text-align: center;
}
.calendar td {
	width:27px;
	border: 1px solid #88b2c9;
}
td.selected {
    background-color: yellow;
    width:20px;
}

/* legende */
.empty {	color:#d8d8da;border:none;}

.dispo {
	/*background-color:#8fc80d ;*/
	background-color: #AED947;
    /*background-color: #00FF00;*/
	cursor:pointer;
}
.dispoPromo {
	/*background-color:#FF6600 ;*/
	/*background-color:#63B4E2;*/
	/*background-color:#C6DEFF;*/
      background-color:#76A8D6;
	cursor:pointer;
}
.dispoPbm {
	background-color:#AB090B;
	/*background-color:#FF0000;*/
	cursor:default;
	color:#FFFFFF;
}
.nodispo {
	background-color:#AB090B;
	/*background-color:#FF0000;*/
	cursor:default;
	color:#FFFFFF;
}
.noinfo {
	background-color:silver;
}

span.legende {
	width:30px;
	height:15px;
}
ul.legende {
	margin: 0 0 0 0;
	padding: 5px;
	list-style-type:none;
	background-color:#ededed;
}
ul.legende li{
	padding-bottom:1px;
	padding-bottom:2px;
	text-align:left;
	border:none;
	display:block;
}

a.calendar, a:hover.calendar, a:visited.calendar {
	text-decoration:none;

}
span.calendar{
	border: 1px solid silver;
	/*width : 28px;*/
	padding: 2px 1px 2px 1px;
	margin: 2px 0px 2px 0px;;
}
div.frmLabel {
	float:left;
	width:95px;
	height:20px;
	text-align:right;

}
div.frmField {
	float:left;
	text-align:left;
	padding-left:2px;
}

.inputFrmClient {
	max-width: 200px;
	width: 200px !important; /*ie*/
	width:200px;
	border: 1px solid #ffffff;
	background-color:silver;
	padding-bottom:2px;
}

.frmTextarea {
	width:200px;
	height:80px;
	border: 1px solid #ffffff;
	background-color:silver;
}

br.all {
	clear:both;
	}

/*select{font-size:9px;}*/

hr.dispo {
	border: #8fc80d 1px solid;
	margin-bottom: 5px;
	margin-top:5px;
}

#dateArrivee {
	padding-top:4px;
	padding-left:2px;
	margin-top:2px;
	margin-left:2px;
	font-size:10px;
	width:365px;
	height:19px;
	text-align:center;
	border: 1px solid #f8bb49;
}
#nbNuits {
	padding-left:2px;
	font-size:9px;
}

#divPeriode {
	text-align:center;
	width:auto;
	margin-top:5px;
}

#divPeriode span {
	color: #ffffff;
	background-color:#ff0000;
	padding:0px;
}

.cart-items {
	/*border-bottom : 1px solid #f8bb49;*/
	margin-bottom:5px;
}
.cart-select {
	font-size: 9px;
}

.error {
	color:red;
}

#divBtnCloseRecap{
	position:absolute;
	background: #FFFFFF;
	top:0px;
	left:425px;
	padding:2px 2px 2px 2px;
	z-index:200;
}
#infosRecap {
	text-align:justify;
	position:relative;
	/*	border: 1px red solid;*/
	color:#404040;
	padding-left:3px;
	padding-right:3px;
	width:440px;
	height:550px;
	overflow:auto;
}
.recapHidden {
	position:absolute;visibility:hidden;
	background-color:#FFFFFF; border:1px solid silver;
}
.recapVisible {
	position:absolute;visibility:visible;
	background-color:#FFFFFF; border:1px solid silver;
	/*z-index:100;*/
	top:150px;
	left: 150px;
	width: 600px;
	height: 450px;
	/*margin-left:auto;*/
	/*margin-right:auto;*/
	text-align:left;
}

.prixLigne {
	float:right;
	color:#404040;
}

#divPopOptions {
	position:absolute;visibility:hidden;background-color:#FFFFFF;
	min-width:350px;
	max-width:450px;
	width:auto !important; /*ie*/
	width:450px;
	height:80px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	border:1px solid #f8bb49;
}

#divCGV {
	margin-top:5px;
	overflow: auto;
	/*border: 1px dotted navy;*/
	min-height: 220px;  /*pour fixer une taille minimale sous mozilla*/
	height: auto !important;  /*pour fixer une taille minimale sous ie*/
	height: 220px;

}

a.info {position: relative;text-decoration: none;color: #404040;border-bottom: 1px gray dotted;}

a.info span {display: none;}

a.info:hover {background: none; /* correction d'un bug IE */z-index: 500;}

a.info:hover span {
	display: inline;position: absolute;top: 13px;left: 3px;
	background: #f8bb49;
	text-align: center;color: white;padding: 2px;

}

#copyright {
 float:left;
 margin-top:4px;
 padding-left:5px; 
}

#copyright a {
	color:black;
	font-weight: bold;
}

span.red {
	color:red;
}

#retour {
	text-align:center;
	font-weight:bold;
}

#divPopRecap {
	position:absolute;
	visibility:hidden;
	background-color:#FFFFFF;
	width:450px;
	height:600px;
	border:1px solid silver;
	top:50px;
	left:50%;
	/*margin-left:-175px;*/
	z-index:1000;
}

#divOverlay {
	position: absolute;
	top:0px;
	left:0px;
	background-color: #404040;
    /*background: url(img/body.png);*/
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width:100%;
    height:100%;
    z-index:999;
    visibility:hidden;
}
.noscript{
	position: absolute;
	top:0px;
	left:0px;
	padding-top:200px;
	background-color: #f8bb49;
    /*background: url(img/body.png);*/
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    width:100%;
    height:100%;
    z-index:999;
    color: #FF0000;
    font-weight:bold;
    font-size:12px;
}

/*loader*/
#loadingRoom {
	position:absolute;
	top:35px;
	left:75px;
	z-index:502;
}
#loadingCart {
	position:absolute;
	top:250px;
	left:75px;
	z-index:501;
}

#loadingCalendar {
	position:absolute;
	top:300px;
	left:90px;
	z-index:500;
}

.indicator {
	height:40px;
	padding:10px 10px 10px 10px;
	display:none;
	margin-top:0px;
	border: 1px solid #f8bb49;
	background-color: #FFFFFF;
}

.frmLigne {
	width:400px;
	margin-left:auto;
	margin-right:auto;
}
#divRecapModif {
/*	width:150px;*/
	float:left;
}
#divRecapModif u{
	border: 1px solid #f8bb49;
}
#divBtnRecapPaiement {
	/*width:150px;*/
	float:right;
}
#divBtnRecapModif u{
	border: 1px solid #f8bb49;
}

#response {
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	position:relative;
	height:350px;
	width:700px;
	background:white;
	border:1px solid silver;
}
/*#responseLeft {
	position:absolute;
	top:0px;
	left:0px;

}
#responseRight {
	position:absolute;
	left: 300px;
}*/

#divSips {
	width:400px;
	float:left;
}

.valider {
	background-color:#f8bb49;
	border:none;
	color:white;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
}

#divNbNuits {
	
}

a.aide {
	background-image:url(../../../reservation/_v2/images/css_novae/aide.png);
	float:right;
	display:block;
	width:20px;
	height:22px;
	margin-top:1px;
	margin-right:5px;
	border:0px solid green;
	cursor:help;
	
}

a.aide div{
	display: none;
	z-index:20;
	width:328px;
	height:462px;
}
a.aide:hover div{
	position:relative;
	padding:20px 10px 2px 10px;
	display: block;
	background: #404040;
	border: 1px solid #FEBE14;
	z-index:2000;
	font-size:11px;
	font-family: Arial;
	font-weight: normal;
	width:307px;
	height:441px;
	top:-464px;
	left:-304px;
}

a.aide:hover div p:first-line {
	color:#f8bb49;
	text-transform:uppercase;
}

a.aide:hover div li{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: white;
	display: list-item;
	list-style-image: url(../../../reservation/_v2/images/css_novae/puce.png);
	margin-left:10px;
	border:0px solid green;
	padding-bottom:6px;
}