.calend{
width:250px;
position:relative;
float:left;
margin:4px;
padding: 2px;
border:1px solid #cccccc;
border-radius:8px;
background-color: #ffffff;
}
.nomCal{
	width: 100%;
	color: #5682bd;
	text-align: center;
	font-size:16px;
}
.ligneJ{
	width: 100%;
	border-radius: 10px ;
	background-color: #5682bd;
	position: relative;
	float: left;
}
.caseNJ{
	width:13%;
	margin: 0.5%;
	text-align: center;
	color: #ffffff;
	position: relative;
	float: left;
}
.caseVide{
	width:13%;
	padding-top: 13%;
	/*height:16px;
	line-height:16px;
	text-align:center;*/
	background-color:#FFFFFF;
	position:relative;
	float:left;
	margin:0.5%;
	}
.caseVide span{width:100%; text-align: center; top:50%; position: absolute; float: left; display: inline-block; transform: translateY(-50%); z-index: 2;}
.caseJ{
	width:13%;
	padding-top: 13%;
	/*height:16px;
	line-height:16px;
	text-align:center;*/
	background-color:#FFCC00;
	position:relative;
	float:left;
	margin:0.5%;
	font-size:14px;
	border-radius:8px;
	}
.caseJ.occupe{background-color:#CC0000;}
.caseJ.ferme{background-color:#CCCCCC;}
.caseJ.inconnu{background-color:#D4E6F5;}
.caseJ span{width:100%; text-align: center; top:50%; position: absolute; float: left; display: inline-block; transform: translateY(-50%); z-index: 2;}

.boutonCal{
	width:100%;
	height: 50px;
	position: relative;
	float: left;
	margin-bottom: 40px;
	margin-top:5px;
}
.bprecedCal{
	width:50px;
	height: 50px;
	border-radius:50%;
	background-color: #e4e4e4;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	line-height: 50px;
	vertical-align: middle;
	float: left;
}.bprecedCal{ text-decoration:none; color:#000000; }
.bsuivantCal{
	width:50px;
	height: 50px;
	border-radius:50%;
	background-color: #e4e4e4;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	line-height: 50px;
	vertical-align: middle;
	float: right;
}.bsuivantCal{ text-decoration:none; color:#000000; }