/************** AGENDA ***************/

.liste_event_grid {/*display:grid;	grid-template-columns:repeat(4, 1fr);*/}

.liste_event_grid.agenda_few_result {border-top:0;}

.liste_event_item {/*grid-column:span 1;*/ padding:10px 0;/*border-top:1px solid #CCC;*/}

.liste_event_item:hover event { background:#f3f3f3;}

.liste_event_plus_resultat {position:relative; margin:50px auto;}

.last_event_link a {display:table; width:auto; margin: 0 auto;padding:9px 20px; border-radius:5em; background:var(--cg_bleu_vert); color:#FFF; font-size:1em; transition: background 0.5s;text-decoration:none;}
.last_event_link a:hover {
    background: var(--cg_bleu_marine);
    transition: background 0.5s;
}



div#liste_event article, div#liste_past_event article {overflow: hidden; border:0;}

div#liste_event .agenda_jour, div#liste_past_event .agenda_jour {
	margin:0;
	padding:9px 0 20px 0;
	width:100px;
	float:left;
}
div#liste_event .jour_nom {font-size:1.2em; font-weight: bold; color:var(--cg_gris_fonce);}
div#liste_event .jour_date {font-size:1.8em; font-weight: bold; color:var(--cg_bleu_marine);}
div#liste_event .agenda_content, div#liste_past_event .agenda_content  {	
	margin:0 auto 10px auto;
	width:calc(100% - 100px);
	display:table;
	float:right;
	padding:0 0 10px 20px;
}



.agenda_content a { text-decoration:none; display:block; color:inherit;}


.agenda_content.agenda_1 {border-left:3px solid var(--cg_bleu_marine);}
.agenda_content.agenda_2 {border-left:3px solid var(--cg_bleu_vert);}
.agenda_content.agenda_3 {border-left:3px solid var(--cg_gris_fonce);}

.agenda_content.agenda_1 .agenda_titre {color: var(--cg_bleu_marine);}
.agenda_content.agenda_2 .agenda_titre {color: var(--cg_bleu_vert);}
.agenda_content.agenda_3 .agenda_titre {color: var(--cg_gris_fonce);}




.agenda_top {
	position:relative;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	overflow:hidden;
}
.agenda_titre {
	position:relative;
	width:100%;
	font-size:1.4em;
	font-weight:bold;
	margin:7px 0 5px 0;	
	padding:0;
	color:#000;
}

.agenda_date {
	position:relative;
	width:100%;
	font-size:0.9em;
	font-style: italic;
	margin:10px 0;	
	padding:0;
	color:#6c6c6c;
}


.agenda_titre p {margin:0;}
.agenda_horaire {margin:0; font-size:1.1em;}
.agenda_bottom {
	width:100%;
	text-align:justify;
	font-size:1.05em;
	overflow:hidden;
	padding:10px 20px 15px 20px;
	border-radius:0.8em;
	background:#f7f7f7;
}

.liste_contenu, .liste_contenu p {
	width:100%;
	font-size:0.9em;
}


.agenda_info_btn_show, .agenda_info_btn_hide {margin:0; padding:0;}
.agenda_info_btn_show a, .agenda_info_btn_hide a {display:table;margin:5px 0 0 0; padding:3px 10px; border-radius:0.8em;background:var(--cg_gris_clair); color:#000; text-transform: uppercase;font-size:0.8em;}
.agenda_info_btn_show a:hover, .agenda_info_btn_hide a:hover {background:var(--cg_bleu_marine); color:#fff;}

.agenda_lieu {background: url("../img/public/agenda_location.svg") top left no-repeat; background-size:20px; padding:0 0 0 30px; margin:5px 0;}
	
@media screen and (max-width : 500px) {
	div#liste_event .agenda_jour, div#liste_past_event .agenda_jour { width: 55px;}
	div#liste_event .agenda_content, div#liste_past_event .agenda_content {width:calc(100% - 55px);}
}