#menu_agenda-inline {
	width: 100%;
}

#menu_agenda-inline > ul {
	list-style:none;
	position:relative;
	margin: 15px 0 0 0;
	padding: 0;
	float:left;
	clear:both;
	border-collapse: collapse;
	
	display:  table;
	width: 100%;
	
}
#menu_agenda-inline > ul li {
	width:70px;
	margin: 1px;
	float:left;
	position:relative;
	text-align: center;	
	
	
}
#menu_agenda-inline > ul li a,
#menu_agenda-inline > ul li span.inactive {	
	padding:  7px 5px;
}
#menu_agenda-inline > ul li.fleche_navigation_gauche a,
#menu_agenda-inline > ul li.fleche_navigation_droite a {	
	font-size: 2em;
	padding:  9px 5px;
}
#menu_agenda-inline > ul li a:hover,
#menu_agenda-inline > ul li a.active,
#menu_agenda-inline > ul li.fleche_navigation_gauche a,
#menu_agenda-inline > ul li.fleche_navigation_droite a{
	color: white;	
}



#menu_agenda-inline > ul li a,
#menu_agenda-inline > ul li span.inactive,
#menu_agenda-inline > ul li.fleche_navigation_gauche a,
#menu_agenda-inline > ul li.fleche_navigation_droite a {
	display:block;
	text-decoration:none;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	 	
	min-height: 100%;	
	border: 4px solid transparent;
	margin: 2px
}



#menu_agenda-inline > ul li span.oe_day,
#menu_agenda-inline > ul li span.oe_month{
	text-align:center;	
	display: block;	
}


.subermenus {
	clear: both;
	overflow: hidden;
	width:100%;
	text-align: left;
	margin-bottom: 0.5em; 
}


.content_agenda{	
	margin: 0;
	border-top: 3px solid transparent;
	width:100%;
	border-collapse: collapse;
}
.content_agenda{
	display: table;
}

	.content_agenda .item{ 
		width: 100%;
		max-width: 350px;
		margin: 20px auto;		
	}

.content_agenda .item .aspect_ratio {
	padding-bottom:50%;
}

.content_agenda .item .item_content{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	}
.content_agenda .item .item_info,
.content_agenda .item .item_info_supp .item_info_date_complete	{
	display:none;
}	
.content_agenda .item .item_logo,
.content_agenda .item .item_info_supp{
	position: relative;
	width:50%;	
	padding:0;
	display:table-cell;
	vertical-align:top;
}
.content_agenda .item .item_info_supp{
	padding: 2.5%;
}	
.content_agenda .item .item_logo img{
	width:100%;
}


@media only screen and (min-width: 481px) {

}
@media only screen and (min-width: 768px) {
	
#menu_agenda-inline > ul li {
	float: none;
	margin: 0;
	position:relative;
	text-align: center;	
	
	display: table-cell;
	vertical-align: middle;
	width: 7.14%;
	
}
	
#menu_agenda-inline > ul li a.active  {
    margin: 20px 2px 0 2px
}
	#menu_agenda-inline > ul li.fleche_navigation_gauche a, #menu_agenda-inline > ul li.fleche_navigation_droite a {    
    padding: 15px 5px;
}

	.content_agenda .item{ 
		float: left;
		position: relative;
		width: 49%;
		margin: 1% 1% 1% 0;
	}
	.content_agenda .item:nth-child(2n){ 
		margin: 1% 0 1% 1%;
	}


}
@media only screen and (min-width: 960px) {}
@media only screen and (min-width: 1025px) {
	.content_agenda .item{ 
		width: 32%;		
	}
	.content_agenda .item:nth-child(3n-2){ 
		margin: 1% 1%1% 0;
	}
	.content_agenda .item:nth-child(3n-1){ 
		margin: 1% .5%;
	}
	.content_agenda .item:nth-child(3n){ 
		margin: 1% 0 1% 1% ;
	}
}
	

@media only screen and (min-width: 1240px) {}

@media only screen and (min-width:1500px) {}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {  

}