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

.menuRubriqueRWD { display:none; }

.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; }
		
	.bandeContainerNews { width:100%; max-width:1400px; margin:0 auto; display:flex; }
		.bandeContainer_full { width:100%; display:flex; flex-wrap:wrap; }
		.bandeContainer_left { width:78%; margin-right:2%; padding:1%; text-align:justify; }
			.bandeContainer_left h1 { margin:0; padding:0; }
			.bandeContainer_left ul { margin:0; padding; }
			.bandeContainer_left_line { width:100%; }

.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; }

/*------------------------  archives & news ------------------------*/
	.bandeContainer_left_box { width:100%; display:flex; }
		.boxPict { width:50%; padding:1em; border-radius:0.5em; border:#999999 1px solid; } 
			.boxPict_content {width:100%; font-size:0; } 
			.boxPict_copyright { width:100%; display:flex; flex-wrap:wrap; background-color:rgba(255,0,0.5); justify-content:space-between; padding:0.5em; font-size:0.75em; color:#FFFFFF; text-shadow:#000 1px 1px 1px; }
		.boxText { width:46%; margin-left:4%; display:flex; flex-direction:column; }
			.boxText a:link, .boxText a:visited { color:#000000; }
			.boxText a:hover, .boxText a:active { color:#FF0000; }
			.boxText_title { width:100%; min-height:75px; padding:10px 0; border-bottom:#000 1px solid; display:flex; align-items:center; }
				.boxText_title h3 { margin:0; padding:0; }
			.boxText_line { width:100%; padding:10px 0; border-bottom:#000 1px solid; }
				.boxText_line:last-child { border-bottom:none; }
				.boxText_line h3 { margin:0; padding:0; }
				.boxText_line p { margin:0; padding:0; }
			.boxText_labels { width:100%; border-bottom:#000 1px solid; }
				.labels { width:100%; font-size:1vw; display:flex; border-bottom:#000000 1px solid; padding:5px 0; align-items:center; }
					.labels:last-child { border-bottom:none; }
						.labels div { padding:0 5px; }
						.labels div img, .labels span img { max-width:25px; height:auto; }
						.labels span img { max-width:35px; height:auto; padding-right:10px; }
						.labels span { margin-right:30px; align-items:center; }
						.labels a:link, .labels a:visited { color:#FF0000; }
						.labels a:hover, .labels a:active { color:#000000; }
	
	.bandeContainer_full_box { width:31.3333%; margin:1%; display:flex; flex-direction:column; border-radius:4px; border:#999 1px solid; position:relative; }
		.boxFull_pict { width:100%; display:flex; flex-wrap:wrap; padding:25px 20px 0 20px; align-items:center; }
			/* .boxFull_pict img { padding:25px; } */
		.boxFull_text { width:100%; padding:0 20px 45px 20px; display:flex; flex-direction:column; }
			.boxFull_text a:link, .boxFull_text a:visited { color:#000000; }
			.boxFull_text a:hover, .boxFull_text a:active { color:#FF0000; }
			a.labelsLink:link, a.labelsLink:visited { color:#FF0000; }
			a.labelsLink:hover, a.labelsLink:active { color:#000000; }

			
		.boxFull_link { width:100%; background-color:#F00; position:absolute; bottom:0; left:0; text-align:center; padding:10px 0; }
			.boxFull_link a:link, .boxFull_link a:visited { color:#FFFFFF; }
			.boxFull_link a:hover, .boxFull_link a:active { color:#000000; }

.top10box { width:100%; display:flex; flex-wrap:wrap; flex-direction:column; padding:1vw 0; }
	.top10box_line { margin:0 0 0.5vw 0; padding:0 1vw 0.5vw 1vw; border-bottom:#333333 1px dotted; font-size:1vw; }
		.top10box_line a:link, .top10box_line a:visited { color:#3399CC; }
		.top10box_line a:hover, .top10box_line a:active { color:#000000; }

/* ------------------------  Details des articles ------------------------*/
	.newsDetails_box { width:100%; display:flex; flex-direction:column; }
		.newsDetailsPict { padding:40px; border-radius:4px; border:#000000 1px solid; }
		.newsDetailsPict_vgn { display:flex; flex-wrap:wrap; padding:20px 0 0 0; }
			.newsDetailsPict_vgn_box { width:19.5%; margin:0.25%; padding:0.25vw; border:#CCCCCC 1px solid; border-radius:4px; font-size:0;  }
		.newsDetailsText { width:100%; padding:40px 20px; }
			.newsDetailsText_title { width:100%; padding:20px 0; border-top:#000000 1px solid; border-bottom:#000000 1px solid; display:flex; align-items:middle; }
				.newsDetailsText_titleBox { width:98%; }
					.newsDetailsText_titleBox h2 { margin:0; padding:0; }
				.newsDetailsText_closeBTN { width:2%; margin-right:10px; color:#F00; }
					.newsDetailsText_closeBTN a:link, .newsDetailsText_closeBTN a:visited { color:#FF0000; }
					.newsDetailsText_closeBTN a:hover, .newsDetailsText_closeBTN a:active { color:#000000; }
				.newsDetailsText_label { width:100%; padding:20px 0; font-size:1vw; border-bottom:#000000 1px solid; display:flex;  }
					.newsDetailsText_label span img { max-width:30px; height:auto; padding-right:10px; }
					.newsDetailsText_label a:link, .newsDetailsText_label a:visited { color:#FF0000; }
					.newsDetailsText_label a:hover, .newsDetailsText_label a:active { color:#000000; }
				.newsDetailsText_intro { width:100%; padding:20px 0; }
				.newsDetailsText_text { width:100%; padding:20px 0; }

/* ------------------------  Cartouches à droite ------------------------*/
		.bandeContainer_right { width:20%; padding:1%; display:flex; flex-direction:column; }
			.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%; }
		.boxPict { width:50%; }
		.boxText { width:48%; margin-left:2%; }
	.bandeContainer_rubrique h4 { font-size:4.8vw; }
	.newsDetailsText_label { font-size:3vw; }
}

@media only screen and (max-width:600px) {
	.menuRubriqueRWD { display:flex; flex-direction:column; width:100%; font-size:4.8vw; margin-bottom:2vw; }
	.menuRubriqueRWD ul { margin:0; padding:0 2vw; list-style-type:none; }
		.menuRubriqueRWD ul li { padding:2vw; border-bottom:#FFFFFF 1px dotted; }
		.menuRubriqueRWD a:link, .menuRubriqueRWD a:visited { color:#FFFFFF; font-size:8vw; }
		.menuRubriqueRWD a:hover, .menuRubriqueRWD a:active { color:#3399CC; font-size:8vw; }
	
	.bandeContainer_full { width:94%; margin:0 auto; }
	.bandeContainer_left { width:94%; margin-right:auto; margin-left:auto;  }
		.bandeContainer_left_box { flex-direction:column; }
		.boxPict { width:100%; margin-right:0%; } 
		.boxText { width:100%; padding:0 20px; }
			.boxText_line p { text-align:justify; }
	.newsDetailsText { padding:0; }
		.newsDetailsText_label { font-size:6vw; flex-direction:column; }
			.newsDetailsText_label div { width:100%; padding:2vw 0; }

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