/*** Les blocs de construction du calendrier en absolute (6) ***/
#zone_calendrier{
	display:block;
	position:absolute;
	overflow-x:hidden;
	overflow-y:scroll;
	background:#EEE;
	z-index:1;
}

/*** Les boutons ***/
#bouton_impression{
	display:none;
	position:absolute;
	top:30px;
	left:25px;
	padding:3px 20px;
	font-size:13px;
	color:#000;
	background:#EEE;
	border: 1px outset #CCC;
	border-radius:5px;
	cursor:pointer;
	text-align:center;
	z-index:11;
}
#bouton_impression:hover{
	color:#FFF;
	background:#24911C;
	border:1px inset #24911C;
	box-shadow:0px 0px 2px #000;
}

#prec, #suiv{
	display:block;
	position:absolute;
	width:35px;
	height:30px;
	z-index:12;
	cursor:pointer;
}
#prec{
	top:0px;
	left:150px;
	background:url(../images/fleche_gauche.png);
	opacity:0.7;
}
#suiv{
	top:0px;
	right:0px;
	background:url(../images/fleche_droite.png);
	opacity:0.7;
}
#prec:hover, #suiv:hover{
	opacity:1;
}

/*** La mise en page des dates ***/
#Calendrier_date{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	background:#ECECEC;
	height:65px;
	z-index:10;
}
#Calendrier_date td{
	height:65px;
	overflow:hidden;
	vertical-align:bottom;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
}
#Calendrier_date td:first-child{
	cursor:inherit;
}
#Calendrier_date td .date_jour{
	height:14px;
	padding-top:6px;
	background:#FFF;
	border-left:2px solid;
	border-right:2px solid;
	border-top:1px solid;
	border-top-left-radius:20px;
	border-top-right-radius:4px;
}
#Calendrier_date td .date_num{
	height:15px;
	background:#FFF;
	border-left:2px solid;
	border-right:2px solid;
	border-bottom-right-radius:20px;
}
#Calendrier_date .mois{
	display:block;
	position:absolute;
	top:0px;
	height:24px;
	padding-top:6px;
	padding-left:5px;
	color:#999;
	font-size:18px;
	text-align:left;
	text-transform:capitalize;
	border-left:2px solid #999;
}

/*** La mise en page des chambres ***/
#Calendrier_chambre{
	display:block;
	position:absolute;
	top:65px;
	left:0px;
	overflow:hidden;
	z-index:6;
	background:#EEE;
}
#Calendrier_chambre td{
	width:200px;
	font-weight:bold;
	text-align:center;
}
#Calendrier_chambre td .calendrier_nom_chambre{
	height:17px;
	padding-top:2px;
	font-size:14px;
	background:#FFF;
	border-top-left-radius:7px;
	border-top-right-radius:15px;
}
#Calendrier_chambre td .calendrier_etat_chambre{
	height:14px;
	font-size:11px;
	background:#FFF;
	border-bottom-left-radius:15px;
	border-bottom: 2px solid;
}
#Calendrier_chambre .Libre{
	color:#5f9868;
	border-bottom-color:#5f9868;
	cursor:pointer;
}
#Calendrier_chambre .Nettoyage{
	color:#bfbfbf;
	border-bottom-color:#bfbfbf;
	cursor:pointer;
}
#Calendrier_chambre .Occupée{
	color:#bd0907;
	border-bottom-color:#bd0907;
}
#Calendrier_chambre .Travaux{
	color:#fcb231;
	border-bottom-color:#fcb231;
}

/*** La mise en page du damier ***/
#Damier{
	display:block;
	position:absolute;
	top:65px;
	left:200px;
	overflow:hidden;
	z-index:2;
}
#Damier td{
	height:35px;
}



/*** Les éléments placés sur le calendrier ***/
.reservation{
	position:absolute;
	display:inline-block;
	z-index:3;
	
	padding:4px 10px;
	opacity:1;
	
 	cursor:pointer; 
	
	font-size:12px;
	font-weight:bold;
	text-align:left;
	border-radius: 10px;
	overflow:hidden;
	text-overflow: ellipsis; 
	
	white-space: nowrap;
  	user-select: none;
  	-moz-user-select: none;
  	-khtml-user-select: none;
  	-webkit-user-select: none;
}
.etat_reservation1{
	background:#f9fc30;
	color:#000;
	box-shadow: -1px -2px 4px #808000 inset;
}
.etat_reservation2{
	background:#363695;
	color:#FFF;
	box-shadow: -1px -2px 4px #000 inset;
}
.etat_reservation3{
	background:#bd0907;
	color:#FFF;
	box-shadow: -1px -2px 4px #500 inset;
}
.etat_reservation4{
	background:#444;
	color:#FFF;
	box-shadow: -1px -2px 4px #000 inset;
}

.ch_travaux{
	position:absolute;
	display:inline-block;
	z-index:0;
	
	height:15px;
	padding:10px 10px;
	opacity:1;
	
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	text-overflow: ellipsis; 
	background:#C93;
	color:#FFF;
}

#Calendrier_commentaire{
	display:none;
	position:fixed;
	height:120px;
	width:300px;
	padding:10px;
	background:#FFF;
	color:#666;
	font-size:12px;
	border-radius:15px;
	border-top: 3px solid #5DB957;
	border-bottom: 3px solid #5DB957;
	border-left: 1px solid #5DB957;
	border-right: 1px solid #5DB957;
	text-align:justify;
	overflow:hidden;
	z-index:5;	
}
.com_res{
	display:none;
}

/* ajout du htnm */
/* .reservation_htnm:after{
	content: "";
	width: 20%;
	position: absolute;
	right: 0;
	top: 0;
	border-bottom: 24px solid green;
	border-left: 24px solid transparent;
} */
 .reservation.reservation_htnm{
	background: #5DB957;
 }