.cont-agenda
	{
		width: 810px;
   		height: 750px;
		margin-bottom: 10px; /* marge ext bas*/ 	
	}

.lille-agenda, .lyon-agenda
	{
	height:30px;
	width:170px;
	text-align: center;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: bold;
	font-size: 15px;
	}

.agenda
	{
	height:185px;
	width:178px;
	padding-top:15px;
	padding-left:6px;
	padding-right:6px;
	margin:auto;
	
	}
	
	
.cont-agenda-a 
	{
	float: left;
	width: 170px;
	height: 750px;
	margin-bottom: 10px; /* marge ext bas*/ 	
	}
	
.cont-agenda-b
	{
	float: left;
	width: 450px;
	height: 750px;
	margin-bottom: 10px; /* marge ext bas*/ 
	margin-right: 10px;
	margin-left: 10px;
	}
	
.cont-agenda-c
	{
	float: left;
	width: 170px;
	height: 750px;
	margin-bottom: 10px; /* marge ext bas*/ 	
	}


.div-entete-agenda
	{
	width: 450px;
	height: 20px;
	margin-bottom: 10px; /* marge ext bas*/ 
	margin-top: 20px;
	text-align: center;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: none;
	font-size: 12px;	
	}

	
/*----------------------------------   event   ---------------------------*/

.div-event-agenda
	{
	height: 70px;
	width: 430px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #EDEDED;
	}
	
.div-event-agenda:hover
	{
	height: 70px;
	width: 430px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #CFCFCF;
	}
	
.div-event-titre-agenda
	{	
	height: 10px;
	width: 430px;
	margin-top: 5px;
	text-align: left;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: bold;
	font-size: 10px;
	}
	
.div-event-donnees-agenda
	{	
	height: 50px;
	width: 430px;
	margin-bottom: 5px;
	}
	
.div-event-photo-agenda
	{	
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 5px;
	}
	
.div-event-text-agenda
	{	
	float: left;
	height: 50px;
	width: 100%;
	}
	
.div-event-cont-agenda
	{	
	height: 40px;
	width: 100%;
	text-align: justify;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: none;
	font-size: 9px;
	}
	
.div-event-autres-agenda
	{	
	height: 10px;
	width: 100%;
	}
	
.div-event-prix-agenda
	{
	float:left;
	height: 10px;
	width: 35%;
	text-align: left;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: none;
	font-size: 9px;
	}
	
.div-event-heure-agenda
	{	
	float:left;
	height: 10px;
	width: 35%;
	text-align: center;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: none;
	font-size: 9px;
	}
	
.div-event-ville-agenda
	{
	float:left;
	height: 10px;
	width: 30%;
	text-align: right;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: none;
	font-size: 9px;
	}

/*---------------------------   calendar   ---------------------------------------*/
.calendar {
	background-color: #E8E8E8;
	}

.calendar-month {
	height: 20px;
	background-color: #FFFFFF;
	color: #595959;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: bold;
	font-size: 12px;
	}

.calendar-prev a, .calendar-prev a:visited , .calendar-prev a:focus, .calendar-next a, .calendar-next a:visited , .calendar-next a:focus{
	background-color: #FFFFFF;
	color: #539DC2;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	}
	
.calendar-prev a:hover, .calendar-next a:hover{
	background-color: #FFFFFF;
	color: #E61875;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	}
	
.calendar-day {
	height: 16px;
	width:20px;
	background-color: #EDEDED;
	color: #A9A9A9;
	font-family:Verdana, Arial, Helvetica, serif;
	font-size: 8px;
	font-weight: normal;
	}
	
.calendar-date-empty {
	width: 20px;
	height: 23px;
	background-color: #F0F0F0;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: normal;
	}
	
.calendar-date {
	width:20px;
	height: 23px;
	background-color: #FFFFFF;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: normal;
	font-size: 10px;
	}
	
.calendar-date-event , .calendar-date-event:visited, .calendar-date-event:focus{
	width:20px;
	height: 23px;
	border-width: 0px;
	border-style: solid;
	border-color: #FFFFAA;
	background-color: #FFFFAA;
	font-family:Verdana, Arial, Helvetica, serif;
	font-weight: bold;
	}
	
.calendar-date-event:hover {
	width:20px;
	height: 23px;
	border-width: 0px;
	border-style: solid;
	border-color: #FFDAB9;
	background-color: #FFDAB9;
	}
	
.calendar-date-event a, a:visited, a:focus, a:hover 
	{
	font-family: Verdana, Arial, Helvetica, serif;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	font-size: 10px;
	}

.calendar-date-event a span, a:hover span 
	{
	
	float:none;
	
	display:block;
	  
	width:20px;
	  
	height:19px;
	  
	border:0px;

	padding-top:2px;
	
	}