ul.menu_list li.niveau1.menu-agenda a {color: #FFF;background: var(--cg_bleu_vert);}

/* PAGE LISTE ARTICLES */
div#event_cadre {max-width:1000px !important;}

.events_filtre_cadre { position:relative; margin:30px auto; overflow: hidden;}
.events_filtre_item {
	position:relative;
	float:left;
}
.events_filtre_item a {
	padding:6px 20px;
	border-radius:3em;
	text-decoration:none;
	display:table;
	margin:10px;
	color:#000;
	text-transform:uppercase;
	background:#f6f4f2;
}

.events_filtre_item a:hover, .events_filtre_tag_on a {color:#FFF; background:var(--cg_bleu_vert);}
.events_filtre_link a {
	padding:6px 20px 6px 50px;
	background:#f6f4f2 url(../img/public/blog_filtre_link.svg) 15px center no-repeat;
}
.events_filtre_link a:hover, .events_filtre_link_actif a {color:#FFF; background:var(--cg_bleu_vert) url(../img/public/blog_filtre_link_hover.svg) 15px center no-repeat;}


h1.events_titre {position:relative; margin:0 0 40px 0; text-align:center; text-transform: uppercase; font-size:2.5em; line-height:1.7em;font-weight:400;}



/*********** PAGE ARTICLE ************/
/*
div#blog_retour {position:relative; display: table; z-index:98; margin: -5px auto 0 auto;}
div#blog_retour a {margin:-20px 0 0 0; float:right; background:#999; color:#FFF; text-decoration:none; padding:8px 15px; border-bottom-left-radius: 0.3em; border-bottom-right-radius: 0.3em;}

div#blog_retour a:hover {background:#000;}

.top_content, .contenu_events_fiche .general_content {position:relative; width:92%; max-width:1200px; margin:0 auto;}

.top_content_resume {text-align: center;}

.top_content_date {position:relative; margin:20px auto 20px auto !important;}

.contenu_date {
    font-size: 1em;
    font-style: italic;
    margin: 0;
    overflow: hidden;
    padding: 1% 0 1% 30px;
    position: relative;
}
.contenu_date {
	background: rgba(0, 0, 0, 0) url("../img/public/blog_picto_date.png") no-repeat scroll left center;
    margin: -30px 0 0 30px;
	 z-index:98;
}

.contenu {position:relative;margin:80px auto 30px auto;overflow:hidden;}


.fiche_tag { 
	margin:20px auto 0 auto;
    padding: 0;
	display:table;
}
.fiche_tag a {color:inherit; text-decoration:none;}


.fiche_tag p {float:left;margin:-8px 0 14px 5px;font-size:0.9em;}
.fiche_tag p a {position:relative;display:table;padding: 5px 10px;background: #f4f4f4;color: #6e6e6e;text-decoration: none;transition: background 0.5s;border-radius: 0.4em;}
.fiche_tag p:hover a {background: #243746;color: #FFF;transition: background 0.5s;}


.fiche_tag p.fiche_tag_titre {font-size:0.9em;font-weight:bold;margin:-5px 5px 10px 0;}

.blog_fiche.last_event {border-top:1px solid var(--cg_taupe); padding:30px 0 0 0; width:92%;max-width:1200px;}
*/


/* LISTE DES ACTUALITES */

.event_period {position:relative; padding:15px 0; margin:0 auto; background:var(--cg_bleu_vert); color:#FFF; font-size:1.4em;}
.event_period_content {max-width:320px; margin:0 auto;padding:9px 0;overflow: hidden;}
.event_period_prev {float:left; width:40px;text-align: center;}
.event_period_now {float:left; width:calc(100% - 80px); padding:0 5%; text-align: center;}
.event_period_next {float:left; width:40px;text-align: center;}

.event_period_prev a, .event_period_next a { padding:0 10px 2px 10px; border:1px solid #FFF; color:#FFF; text-decoration:none; font-size:1.2em;}
.event_period_prev a:hover, .event_period_next a:hover {background:#000;}

.event_period_prev a.no_event, .event_period_next a.no_event {border:1px solid #6c6c6c; color:#6c6c6c;}
.event_period_prev a.no_event:hover, .event_period_next a.no_event:hover {background:none;}


/* EVENEMENTS DEPASSES */
#liste_past_event_show a {display:table; padding:5px 10px; border-radius:0.5em; background:#6c6c6c; color:#FFF; text-decoration:none; margin:0 0 25px 0;}
#liste_past_event_show a:hover {background:#000;}
.agenda_content.agenda_past {border-left:3px solid #6c6c6c;}
div#liste_past_event .jour_nom {font-size:1.2em; font-weight: bold; color:#6c6c6c;}
div#liste_past_event .jour_date {font-size:1.8em; font-weight: bold; color:#6c6c6c;}
div#liste_past_event .jour_mois, div#liste_past_event .agenda_horaire, div#liste_past_event .agenda_titre {color:#6c6c6c;}









/*
.events_tag { 
	width:100%;
	padding:0;
    margin: 10px auto 0 auto;
    font-size: 1em;
}

.events_tag_content {
	background-position:0 15px;
    overflow: hidden;
    padding: 10px 0 1% 0;
}
.events_tag_content p {float:left;margin:2px 0 5px 5px;font-size:0.9em;}
.events_tag_content p a {
	position:relative;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #202020;
	background: #f6f4f2;
	border-radius: 8em;
	padding: 3px 10px;
	border: 1px solid #777777;	
}


.events_tag_content p:hover a {color: #FFF;background: var(--cg_bleu_vert);border: 1px solid #FFF;transition: background 0.5s;}
*/





@media screen and (max-width : 1200px) {	
	/*.liste_event_grid {display:grid;	grid-template-columns:repeat(3, 1fr);*/
}

@media screen and (max-width : 959px) {	
	
}
@media screen and (max-width : 900px) {	
	/*.liste_event_grid {display:grid;	grid-template-columns:repeat(2, 1fr);*/
}
	
@media screen and (max-width : 800px) {	
	
	h1.events_titre {margin:20px 0;}
	
	.fil_ariane_events{position:relative; float:none; width:100%;}
	
	
	.events_filtre_item a {padding:4px 15px;margin:10px;font-size:0.8em;}
	.events_filtre_link a {padding:4px 15px 4px 40px;	background-size:15px;}
	.events_filtre_link a:hover {background-size:15px;}
}
@media screen and (max-width : 750px) {
	div#titre h1, div#titre p.titre_page {font-size: 1.6em; text-align:center;}
	
	
}
@media screen and (max-width : 650px) {
	
	.contenu_date {margin: -20px 0 0 10px;}
}
	
@media screen and (max-width : 600px) {	
	/*.liste_event_grid {display:grid;	grid-template-columns:repeat(1, 1fr);*/
}
@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);}
	*/
}
@media screen and (max-width : 400px) {
	.fiche_tag p.fiche_tag_titre {width:100%;}
}