/* calendars page css */

body {
	background-image: url("../img/bg-haut-calendars.jpg");
}

.entete{
	height: 320px;
}

.content{
	margin-bottom:20px;
}

.listItemDay{
	width:50%;
	float: left;
}

.listItemDay li {
	padding: 15px 0;
	border-bottom: 1px dashed grey;
	margin-right: 8px;
}

.listItemDay ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.listItemDay .month{
	float: left;
}

.listItemDay .day{
	float: left;
	font-family: Arial;
	width: 40px;
	line-height: 44px;
	padding-left: 10px;
	background-image: url("../img/cal/calendar-fond-numero.png");
	background-position: top left;
	background-repeat: no-repeat;
	color: red;
	font-weight: bold;
	font-size: 30px;
	margin-right: 1px;
}

.listItemDay .texte, .listItemDay .texte a{
	float: left;
	width: 300px;
	
	line-height: 44px;
	font-size: 17px;
	color: white;
}

.listItemDay .texte a{
	display: block;
	padding-left: 30px;
}

.middleSelected h3, .middleSelected h5{
	color: #eeff8e;
	font-weight: bold;
	font-size: 17px;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

 .middleSelected h5{
	font-size: 13px;
	font-weight: normal;
}

.middleSelected p {
	margin: 0;
	padding: 0;
}

.listItemDay .texte a:hover, .listItemDay .texte a.selected{
	color: black;
	background-image: url("../img/cal/select-item-cal.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

.selectItemDay{
	width:441px;
	float: left;
	margin-bottom: 15px;
}

.selectItemDay .topSelected{
	background-image: url("../img/haut-conteneur-evenements.png");
	background-position: top left;
	background-repeat: no-repeat;
	height: 113px;
}

.monthSelected {
	float: left;
	color: red;
	font-weight: bold;
}

.daySelected {
	float: left;
	/*height:112px;*/
	width: 71px;
	font-family: Arial;
	line-height: 115px;
	padding-left: 14px;
	background-image: url("../img/cal/calendar-fond-numero-grand.png");
	background-position: top left;
	background-repeat: no-repeat;
	color: red;
	font-weight: bold;
	font-size: 48px;
}

.selectItemDay .middleSelected{
	background-image: url("../img/milieu-conteneur-evenements.png");
	background-position: top left;
	background-repeat: repeat-y;
	padding: 10px 40px;
	padding-bottom: 20px;
}

.middleSelected h3{
	font-size: 18px;
	margin-bottom: 20px;
}

.selectItemDay .bottomSelected{
	background-image: url("../img/bas-conteneur-evenements.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 7px;
}