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

.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_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; flex-wrap:wrap; }
			.bandeContainer_eventsBox { width:23%; margin:1%; display:flex; flex-direction:column; position:relative; padding:10px; border-radius:4px; border:#DDDDDD 1px solid; position:relative; }		
			.bandeContainer_eventsBottom { width:18%; margin:1%; display:flex; flex-direction:column; padding:10px; border-radius:4px; border:#DDDDDD 1px solid; position:relative; }
				.bandeContainer_eventsBox_print { font-size:0; position:relative;  }
					.paysOver { position:absolute; top:10px; left:10px; 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; z-index:4 }
					.nouveauteRuban { position:absolute; top:0; left:0; width:100%; background-color:#F00; color:#FFF; padding:10px; opacity:0.65; z-index:2; font-size:1vw; }
					.nouveauteRuban-text { position:absolute; top:0; left:0; width:100%; color:#FFF; padding:10px; line-height:20px; text-align:center; z-index:3; font-size:1vw; text-shadow: 1px 0 0 #000, 2px 2px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000; }
				.bandeContainer_eventsBox_title { width:100%; min-height:55px; margin:5px 0; font-size:1.1vw; text-align:center; border-bottom:#000000 1px solid; }
				.bandeContainer_eventsBox_labels { width:100%; display:flex; flex-direction:column; border-bottom:#000000 1px solid; }
					.labels { width:100%; display:flex; font-size:0.8vw; align-items:center; border-bottom:#000000 1px solid; padding:10px 0px; }
						.labels:last-child { border-bottom:none; }
						.labels div { margin-right:10px; }
							.labels div img { max-width:20px; height:auto; }
							.labels a:link, .labels a:visited { color:#FF0000; }
							.labels a:hover, .labels a:active { color:#000000; }
				.bandeContainer_eventsBox_date { width:100%; background-color:#F00; color:#FFF; padding:5px 0; text-align:center; font-size:1vw; text-shadow: 1px 0 0 #000, 2px 2px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000; }
				.bandeContainer_eventsBox_intro { width:100%; font-size:1.1vw; padding:10px 0 30px 0; text-align:justify; }
				.bandeContainer_eventsBox_link { width:100%; position:absolute; bottom:0; left:0; padding:5px 0; text-align:center; font-size:1.1vw; background-color:#FF0000; text-align:center; border-radius:0 0 4px 4px; }
					.bandeContainer_eventsBox_intro a:link, .bandeContainer_eventsBox_intro a:visited,
					.bandeContainer_eventsBox_title a:link, .bandeContainer_eventsBox_title a:visited { color:#000000; }
					.bandeContainer_eventsBox_intro a:hover, .bandeContainer_eventsBox_intro a:active,
					.bandeContainer_eventsBox_title a:hover, .bandeContainer_eventsBox_title a:active { color:#FF0000; }
					.bandeContainer_eventsBox_date a:link, .bandeContainer_eventsBox_date a:visited,
					.bandeContainer_eventsBox_link a:link, .bandeContainer_eventsBox_link a:visited { color:#FFFFFF; }
					.bandeContainer_eventsBox_date a:hover, .bandeContainer_eventsBox_date a:active,
					.bandeContainer_eventsBox_link a:hover, .bandeContainer_eventsBox_link a:active { color:#000000; }
					
					.ribbon {
						position: absolute;
						right: -5px; top: -5px;
						z-index: 1;
						overflow: hidden;
						width: 75px; height: 75px;
						text-align: right;
					}
					
					.ribbon span {
						font-size: 12px;
						font-weight: bold;
						color: #FFF;
						text-transform: uppercase;
						text-align: center;
						line-height: 20px;
						transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
						width: 100px;
						display: block;
						background: #79A70A; background: linear-gradient(#F70505 0%, #8F0808 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
						position: absolute; top: 19px; right: -21px;
					}
					
					.ribbon span::before {
						content: "";
						position: absolute; left: 0px; top: 100%;
						z-index: -1;
						border-left: 3px solid #8F0808;
						border-right: 3px solid transparent;
						border-bottom: 3px solid transparent;
						border-top: 3px solid #8F0808;
  					}
					
					.ribbon span::after {
						content: "";
						position: absolute; right: 0px; top: 100%;
						z-index: -1;
						border-left: 3px solid transparent;
						border-right: 3px solid #8F0808;
						border-bottom: 3px solid transparent;
						border-top: 3px solid #8F0808;
  					}

		.bandeWarning { width:100%; display:flex; flex-wrap:wrap; margin:0 0 2em 0; padding:1em; background-color:#FF0000; color:#FFFFFF; font-size:0.85em; justify-content:center; }
			.bandeWarning h3, .bandeWarning p { width:100%; margin:0 auto; padding:0; text-align:center; }

		.bandeContainer_eventFlyer { width:100%; display:flex; flex-wrap:wrap; 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_events { width: 15%; padding: 1% 0; 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; }
			
				.cartoucheNouveaute { width:100%; display:block; }
					.cartoucheNouveautePrint { width:100%; margin:1vw 0; padding:1vw; border:#CCCCCC 1px solid; border-radius:8px; position:relative; }

					.printOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background-color:#FF0000; }
					.cartoucheNouveautePrint:hover .printOverlay { opacity:0.75; }
					/* The icon inside the overlay is positioned in the middle vertically and horizontally */
					.printOverlayText {
						width:95%;
						color: white;
						font-size:1.25vw;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						text-align: center;
						text-shadow: 1px 0 0 #000, 2px 2px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000;
					}

					/* When you move the mouse over the icon, change color */
					.fa-user:hover { color: #eee; }


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

	.nouveauteRuban { font-size:14px; }
	.nouveauteRuban-text { font-size:14px; }
}

@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:100%; 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, .bandeContainer_eventsBox_intro, .bandeContainer_eventsBox_link, .linkRubrique { font-size:5vw; }
			.bandeContainer_eventsBox_title { min-height:auto; } 

		.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_events { display:none; }
	.bandeContainer_right { width:96%;  }
	.bandeContainerNews { font-size:4.8vw; flex-direction:column; }
	.bandeContainer_full_box { width:96%; }
	.labels { font-size:3.2vw; }
}