/* CSS Document */
/* Mobile First */


/* --------- G R I D  ------------ */


/* Container */
.Rolling {
	position: relative;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	z-index: 1000;
	}
	@media (min-width: 800px) {
		.Rolling {
			flex-wrap: nowrap;
			}
			}

	
/*Tiles*/	


.Rolling > div {
	width: 100%;
	position: relative;
	background-color: #b20566; /* Featured */
	min-height: 15em;
	}
	@media (orientation: landscape) and (max-width:639px) {
		.Rolling > div {
			min-height: 14em;
			}
			}
	@media (min-width: 640px) and (max-width:799px) {
		.Rolling > div:nth-last-child(n+2) {
			width: 50%;
			}
			}
	@media (min-width: 800px) {
		.Rolling > div {
			width: 33.333333%;
			height: 18em;
			}	
			}
	@media (min-width: 1024px) {
		.Rolling > div {
			height: 20em;
			}	
			}
		
	.Rolling .swiper-slide a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 2.5em;
		padding-top: 2em;
		}
		@media (min-width: 1024px) {
			.Rolling .swiper-slide a {
				padding-top: 3em;
				}
				}
		@media (min-width: 1200px) {
			.Rolling .swiper-slide a {
				padding-top: 4em;
				}
				}




/* Button */
.Rolling p.CFA {
	position: absolute;
	display: block;
	bottom: 0.25em;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 10;
	}

.Rolling p.CFA a {
	margin-left: auto;
	margin-bottom: 1.5em;
	}
	
.RollingNews p.CFA a {
	background-color: white;
	color: #64635e; /* Theme */
	}
	
	
	.RollingNews:hover p.CFA a {
		opacity: .4;
		}
	.RollingNews:hover p.CFA a:hover {
		opacity: 1;
		}
		
	
	
	







	

/* --------- N E W S  ------------ */

.RollingNews::before {
	position: absolute;
	display: block;
	top: 1.25em;
	left: 0;
	width: 100%;
	color: white;
	text-align: center;
	z-index: 100;
	font-size: .7em;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	content: "Nouvelles";
	opacity: .5;
	}
	.EN .RollingNews::before {
		content: "News";
		}
	
.RollingNews a.Button:before {
	content: "Voir toutes les nouvelles";
	}
	.EN .RollingNews a.Button:before {
		content: "View all news";
		}			










/* --------- N E W S   R E L E A S E ------------ */

.RollingNews.Release::before {
	content: "Communiqué de presse";
	}
	.EN .RollingNews.Release::before {
		content: "Press release";
		}
	
	
.RollingNews.Release a:not(.Button) {
		background-color: #aa045d; /* Featured ALT */
		}


.RollingNews.Release a.Button:before {
	content: "Voir tout les communiqués";
	}
	.EN .RollingNews.Release a.Button:before {
		content: "View all news releases";
		}
		







		
/* --------- N E W S L E T T E R ------------ */

/*Container*/	
.Newsletter {
	position: relative;
	padding-top: 2em;
	padding-bottom: 4em;
	padding-left: 2em;
	padding-right: 2em;
	background-image: radial-gradient(#d43287, #b20566);
	}


/*lable*/
.Newsletter p:first-child {
	display: block;
	position: relative;
	margin-top: 4em;
	color: white;
	text-align: center;
	font-family: Light;
	font-size: 1.25em;
	padding-left: .5em;
	padding-right: .5em;
	}
	@media (min-width: 640px) {
		.Newsletter p:first-child {
			font-size: 1.5em;
			}
			}	
	@media (min-width: 1024px) {
		.Newsletter p:first-child {
			font-size: 1.5em;
			}
			}	

	.Newsletter p:first-child:hover {
		opacity: .7;
		}
			

/* Icon */	
.Newsletter p:first-child::before {
	content: "";
	position: absolute;
	display: block;
	width: 2.5em;
	height: 2.5em;
	top: -3em;
	left: 50%;
	margin-left: -0.85em; /* optical center */
	background-image: url(../AFY/images/skin/icon_newsletter.svg);
	filter: brightness(2);
	}
	
	/*Button */
	.Newsletter a.Button {
		}
			
	.Newsletter a.Button:before {
		content: "S'abonner";
		}
		.EN .Newsletter a.Button:before {
			content: "Subscribe";
			}			
			
			
	
	/* Drip */
	.Newsletter span:before,
	.Newsletter span:after {
		content: "";
		position: absolute;
		right: 0;
		width: 100%;
		max-width: 20em;
		background-size: 100%;
		background-position: bottom center;
		background-repeat: no-repeat;
		}
		
	.Newsletter span:before{
		bottom: 0em;
		background-image: url(../AFY/images/skin/drip-top.png);
		height: 2em;
		}
		
	.Newsletter span:after {
		height: 4.5em;
		bottom: -4.5em;
		background-image: url(../AFY/images/skin/drip-bottom.png);
		background-position: top center;
		}