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

.ruban { position:absolute; top:35px; left:0; display:flex; }
	.rubanTexte { background-color:#FA000B; color:#FFF; font-size:18px; padding:0px 25px; opacity:0.75; }
	.rubanStyle { border-top:30px solid #FA000B; border-right:35px solid transparent; border-bottom:30px solid #FA000B; opacity:0.75; }

/* Bandeau Last news */
.overlayContainer { width:100%; display:flex; position:relative; height:100%; }
	.underOverlay_pict { width:65%; font-size:0; }
	.underOverlay_text { width:35%; margin-left:2%; font-size:125%; padding:0 20px 0 0; text-align:justify }
		.underOverlay_text h2 { text-align:left; }
	.overContainer { width:100%; height:auto; position:absolute; background: rgb(250, 0, 11); background: rgba(250, 0, 11, 0.75); /* Black see-through */ color:#FFFFFF; transition: .5s ease; opacity:0; text-align:center; cursor:pointer; }

	.overContainer_text { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align:center; }
		.overContainer_text h1 { margin:0; padding:0; font-family:'raleway', Arial, Helvetica, sans-serif; text-transform:uppercase; 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; }
		.overContainer_text a { color:#FFFFFF; }
		.overContainer_text_h1 { font-size:1.2vw; margin:0; padding:0; font-family:'raleway', Arial, Helvetica, sans-serif; text-transform:uppercase; 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; }

.overlayContainer:hover .overContainer { height:100%; opacity:1; }

/* Bandeau liste News 2-5 */
.imgContainer { width:25%; position:relative; margin:0 1%; font-size:0px; }
.imgContainer:first-child { margin-left:0; }
.imgContainer:last-child { margin-right:0; }
.imgContainer img { display: block; font-size:0px; margin:0; padding:0; }
.overlay {
	position: absolute; 
	bottom:0; 
	background: rgb(250, 0, 11);
	background: rgba(250, 0, 11, 0.5); /* Black see-through */
	color:#FFFFFF;
	text-shadow: 2px 2px 5px #000000;
	width: 100%;
	transition: .5s ease;
	opacity:0;
	color: white;
	font-size:16px;
	padding: 20px;
	text-align: center;
	min-height:45%;
	cursor:pointer;
}

/* Bandeau Agenda */
.imgContainer2 { width:18%; position:relative; margin:0; font-size:0px; }
.imgContainer2:first-child { margin-left:0; }
.imgContainer2:last-child { margin-right:0; }
.imgContainer2 img { display: block; font-size:0px; margin:0; padding:0; vertical-align:middle; }
.overlay2 {
	position: absolute; 
	display:table;
	height:100%;
	bottom:0; 
	background: rgb(250, 0, 11);
	background: rgba(250, 0, 11, 0.75); /* Black see-through */
	color:#FFFFFF; 
	text-shadow: 2px 2px 5px #000000;
	width: 100%;
	transition: .5s ease;
	opacity:0;
	font-size:16px;
	font-weight:bold;
	padding: 20px;
	text-align: center;
	min-height:100%;
	cursor:pointer;
}
.overlay2 span { display:table-cell; vertical-align:middle; }

.overlayText span { display:table-cell; vertical-align:middle; }
.overlayText a { border:#FFF 1px solid; border-radius:6px; padding:20px; }

.overlay a, .overlay2 a, .overlayText a { color:#FFF; }
.imgContainer:hover .overlay, .imgContainer2:hover .overlay2 { opacity:1; }
.textContainer:hover .overlayText { opacity:1; }


@media screen and (max-width: 640px) {
	.ruban { top:20px; }
		.rubanTexte { font-size:12px; }
		.rubanStyle { border-top:19px solid #FA000B; border-right:23px solid transparent; border-bottom:19px solid #FA000B; opacity:0.75; }
	
	.overlayContainer { display:block; position:static; min-height:100%; }
		.underOverlay_text { width:100%; display:block; margin:0; padding:0 20px; position:static; font-size:5vw; text-align:justify; }
		.overContainer { width:100%; display:table; position:static; opacity:1; background-color:#FF0000; }
		.overContainer_text { display:table-row; position:static; transform:none; }
			.overContainer_text h1 { margin:10px 0; }
			.overContainer_text_h1 { margin:10px 0; font-size:4.8vw; }
			.overContainer_text span { font-size:6.5vw; margin:2%; display:block; }
	
	/*.articleContainer { width:100%; margin:0; position:static; } */
	.articleText { padding:2% 5%; vertical-align:middle; }
	.overlayArticleText { opacity:1; min-height:10%; height:10%; position:static; padding-top:10px; padding-bottom:10px; }
	.overlayArticleText a { border:none; padding:0; }
	
	.imgContainer { width:100%; margin:5px 5px 5px 0; }
	
	.imgContainer2 { width:100%; margin:5px 5px 20px 0; }
	.imgContainer2:last-child { margin-bottom:10px; }

	.textContainer { width:100%; margin:5px 5px 20px 0; position:static; }
	.overlayText { opacity:1; min-height:10%; height:10%; position:static; padding-top:10px; padding-bottom:10px; }
	.overlayText a { border:none; padding:0; }

	.overlay, .overlay2 { opacity:1; min-height:15%; }
	.overlay2 { height:15%; }
	
	.overlay a, .overlay2 a { color:#FFF; }
	
}