@charset "utf-8";
/* CSS Document */

.bandeContainer_rubrique h5 { margin:0; padding:0; font-family:'bigshoulders', Arial, Helvetica, sans-serif; font-size:1.4vw; }

.bandeContainerNews_rubriqueTitle { width:100%; max-width:1400px; margin:20px auto; display:block; }

.bandeContainer_text { width:100%; max-width:1400px; margin:20px auto; display:block; }
	.bandeContainer_text_content { width:75%; margin:0 auto; text-align:justify; }
		.bandeContainer_text p a:link, .bandeContainer_text p a:visited { color:#FF0000; }
		.bandeContainer_text p a:hover, .bandeContainer_text p a:active { color:#000000; }
		
	.bandeContainerEvents { width:100%; max-width:1400px; margin:0 auto; display:flex; }
		.bandeContainer_full { width:100%; display:flex; flex-wrap:wrap; }
		.bandeContainer_left { width:85%; margin-right:2%; padding:1%; text-align:justify; }
			.bandeContainer_left h1 { margin:0; padding:0; }
			.bandeContainer_left ul { margin:0; padding; }
		.bandeContainer_right { width:15%;margin-top:2%; padding:1%; display:flex; flex-direction:column; }

.bandeSup_menu_filter { width:100%; }
		.filtresBox { width:100%; display:flex; flex-wrap:nowrap; align-items:middle; font-size:1.1vw; }
			.filtersBox_div { display:block; padding-right:2%; }
				.filtersBox_div:last-child { padding-right:0; }
				.filtersBox_div a:link, .filtersBox_div a:visited { color:#FFFFFF; }
				.filtersBox_div a:hover, .filterBox_div a:active { color:#FF0000; }


		.bandeContainer_events { width:100%; margin-top:10px; display:flex; }
			.bandeContainer_eventsBox { width:25%; margin-right:2%; display:flex; flex-direction:column; position:relative }
				.bandeContainer_eventsBox:last-child { margin-right:0; }
			.bandeContainer_eventsBottom { width:15%; margin-right:2%; display:flex; flex-direction:column; position:relative }
				.bandeContainer_eventsBottom:last-child { margin-right:0; }
				.bandeContainer_eventsBox_print { font-size:0; padding:10px; border-radius:4px; border:#000000 1px solid; position:relative; }
					.paysOver { position:absolute; top:20px; left:20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color:#FFFFF; }
				.bandeContainer_eventsBox_date { margin:5px 0 20px 0; text-align:center; padding:5px 0; font-size:0.8vw; padding-bottom:60px; }
				.bandeContainer_eventsBox_title { margin-top:10px; font-size:1vw; text-align:center; }
				.bandeContainer_eventsBox_link { width:100%; position:absolute; bottom:0; padding:10px 0; text-align:center; font-size:1vw; }

					.bandeContainer_eventsBox_date a:link, .bandeContainer_eventsBox_date a:visited, .bandeContainer_eventsBox_title a:link, .bandeContainer_eventsBox_title a:visited { color:#000000; }
					.bandeContainer_eventsBox_date a:hover, .bandeContainer_eventsBox_date a:active, .bandeContainer_eventsBox_title a:hover, .bandeContainer_eventsBox_title a:active { color:#FF0000; }

		.bandeContainer_eventFlyer { width:100%; display:flex; margin-top:10px; }
			.bandeContainer_eventFlyer_pict { width:40%; padding:20px; border:#000000 1px solid; border-radius:4px; }
			.bandeContainer_eventFlyer_details { width:58%; margin-left:2%; display: flex; flex-direction:column; position:relative; }
				.eventBox_btnclose { position:absolute; top:1vw; right:0.5vw; }
					.eventBox_btnclose a:link, .eventBox_btnclose a:visited { color:#FF0000; }
					.eventBox_btnclose a:hover, .eventBox_btnclose a:active { color:#000000; }
				.bandeContainer_eventFlyer_details_line { width:100%; border-bottom:#000000 1px solid; padding:10px 0; }
					.bandeContainer_eventFlyer_details_line a:link, .bandeContainer_eventFlyer_details_line a:visited { color:#FF0000; }
					.bandeContainer_eventFlyer_details_line a:hover, .bandeContainer_eventFlyer_details_line a:active { color:#000000; }

					.bandeContainer_eventFlyer_details_line:last-child { border-bottom:none; }
					.bandeContainer_eventFlyer_details_line h3, .bandeContainer_eventFlyer_details_line p { margin:0; padding:0; }
					.bandeContainer_eventFlyer_details_line h3 { font-size:1.8vw; }
					.bandeContainer_eventFlyer_details_lineLabels { width:100%; display:flex; align-items:center; font-size:1vw }
						.ico { max-width:35px; padding-right:10px; }
					.bandeContainer_eventFlyer_text { width:96%; margin:10px 2%; }

/* ------------------------  Cartouches à droite ------------------------*/
			.bandeContainer_right_line { width:100%; padding:1% 0; }
				.pub { width:100%; display:flex; flex-direction:column; }
					.pubLabel { width:100%; text-align:right; font-family:'fugazone', Arial, Helvetica, sans-serif; }
						.pubLabel span { background-color:#666; color:#FFF; padding:5px 10px; border-top:#FF0000 2px solid; font-size:0.75vw; }
							.pubLabel span a:link, .pubLabel span a:visited { color:#FFFFFF; }
							.pubLabel span a:hover, .pubLabel span a:active { color:#FF0000; }
					.pubBandeau { width:100%; font-size:0; }
						.pubBandeau_box { padding:10px; border:#666 1px solid; background-color:#F3F3F3; box-shadow: 1px 1px 5px #888888; }

			.bandeContainer_contentRight_event { width:100%; margin:0; padding:0 10px; }
				.eventLine { width:100%; margin:10px auto; padding:1%; border:#000 1px solid; display:flex; flex-direction:column; }
					.eventLine_link { width:100%; margin:0; padding:0; }
						.eventLine_link a:link, .eventLine_link a:visited { color:#FF0000; }
						.eventLine_link a:hover, .eventLine_link a:active { color:#000000; }

			.bandeContainer_contentRight_news { width:100%; display:block; padding:10px 10px 0 10px; }
				.bandeContainer_contentRight_news a:link, .bandeContainer_contentRight_news a:visited { color:#FF0000; }
				.bandeContainer_contentRight_news a:hover, .bandeContainer_contentRight_news a:active { color:#000000; }
				.newsLine { width:100%; margin:0 auto; display:flex; align-items:middle; padding-bottom:10px; border-bottom:#000 1px solid; }
					.newsLine:last-child { border-bottom:none; }
					.newsLine_pict { width:35%; font-size:0; }
					.newsLine_text { width:65%; margin-left:10px; }
						.newsLine_text p { margin:0; padding:0; }
							.newsLine_text_date { font-size:0.75vw; }
							.newsLine_text_intro { font-size:1vw; }


@media only screen and (max-width:1200px) {
	.bandeContainerNews { font-size:2.4vw; }
	.bandeContainer_full_box { width:48%; }
	.labels { font-size:1.6vw; }
}

@media only screen and (max-width:900px) {
	.bandeSup_menu_content { font-size:2vw; }
	.bandeContainer_right { display:none; }
	.bandeContainer_left { width:100%; margin-right:0; }
	.bandeContainer_rubrique h4 { font-size:4.8vw; }
	
	.bandeContainer_eventsBox_date { font-size:1.8vw; }
	.bandeContainer_eventsBox_title { font-size:2.5vw; }
	.bandeContainer_eventsBox_link { font-size:1.8vw; }

	
	.eventBox_btnclose { font-size:2.5vw; }
	.bandeContainer_eventFlyer_details_line h3 { font-size:3vw; }
	.bandeContainer_eventFlyer_details_line p { font-size:2.5vw; }
		.bandeContainer_eventFlyer_details_lineLabels { font-size:2vw }
		.bandeContainer_eventFlyer_text { font-size:2.5vw; }

}

@media only screen and (max-width:600px) {
	.bandeContainer_full { width:94%; margin:0 auto; }
	.bandeContainer_left { width:94%; margin-right:auto; margin-left:auto;  }
		.bandeContainer_left_box { flex-direction:column; }
		.bandeContainer_events { flex-direction:column; }
		.bandeContainer_eventsBox, .bandeContainer_eventsBottom { width:96%; margin-right:2%; margin-left:2%; margin-top:5px; margin-bottom:5px;  }
			.bandeContainer_eventsBox_date, .bandeContainer_eventsBox_title, .linkRubrique { font-size:5vw; }

		.bandeContainer_eventFlyer { flex-direction:column; }
			.bandeContainer_eventFlyer_pict { width:96%; margin:0 2%; }
			.bandeContainer_eventFlyer_details { width:96%; margin-left:2%; margin-right:2%; }
			.eventBox_btnclose { font-size:5vw; }
				.bandeContainer_eventFlyer_details_line h3 { font-size:6vw; }
				.bandeContainer_eventFlyer_details_line p { font-size:5vw; font-weight:bold; }
					.bandeContainer_eventFlyer_details_lineLabels { font-size:4vw }
					.bandeContainer_eventFlyer_text { font-size:5vw; }

	.bandeContainer_right { width:96%;  }
	.bandeContainerNews { font-size:4.8vw; flex-direction:column; }
	.bandeContainer_full_box { width:96%; }
	.labels { font-size:3.2vw; }
}