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


/* ---------------------  F L E X I B L E ------------------ */


.Flexible {
	/*border: 1px dashed #333;*/
	position: relative;
	padding-top: .5em;
	margin-bottom: 4em;
	}
	@media (min-width:1440px) {
		.Flexible {
			font-size: 1.1em;
			}
			}


/* I N T R O */ 

/* Section Title */
.Flexible h2 {
	margin-top: 0;
	}


/* R E G U L A R   C O N T E N T */ 

.Flexible img,
.Flexible .Video {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 2em;
	}





/* ...  S C H E D U L E + D O W N L O A D S ..... */

.Flexible ul.Schedule, 
.Flexible .Downloads ul{
	padding: 0;
	list-style: none;
	}

.Flexible ul.Schedule::before,
.Flexible .Downloads::before { /* See h3 in core.typogaphy.css */
	margin-bottom: .75em;
	display: block;
	position: relative;
	}


/* .... S C H E D U L E  .....*/

/* Container */
.Flexible .Schedule {
	margin-bottom: 3em;
	position: relative;
	}

	

/*units */
.Flexible .Schedule li{
	display: block;
	min-height: 2.25em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: .5em;
	}


/* h3 */
.Flexible .Schedule h3:empty::before { 
	content: "Horaire";
	}
	.EN .Flexible .Schedule h3:empty::before {
		content: "Schedule";
		} 



/* C2 - TWO COLUMNS  */
	
	/* C2 time */ 	
	.Flexible .Schedule.C2 li:nth-child(odd) {
		position: absolute;
		left: 0;
		color: black;
		font-family: Bold;
		}	
	
	/* C2 Description */
	.Flexible .Schedule.C2 li:nth-child(even) {
		padding-bottom: .5em;
		width: 100%;
		padding-left: 3em;
		padding-right: 1em;
		}
		@media (min-width:480px) {
			.Flexible .Schedule.C2 li:nth-child(even) {
				padding-left: 3.5em;
				}
				}



/* C3 - THREE COLUMNS  */

	
	/* C3 Date */ 	
	.Flexible .Schedule.C3 li:nth-child(3n+1) {
		position: absolute;
		color: black;
		font-family: Bold;
		left: 0;
		width: 5.5rem;
		}
		@media (min-width:480px) {
			.Flexible .Schedule.C3 li:nth-child(3n+1) {
				width: 7rem;
				}
				}
		
	/* C3 time */ 	
	.Flexible .Schedule.C3 li:nth-child(3n+2) {
		position: absolute;
		color: black;
		font-family: Bold;
		padding-left: .5em;
		/*border-left: 1px solid #d0d0ce; /* Theme 30% *!/*/
		width: calc(100% - 8em);
		left:  5.5rem;
		}
		@media (min-width:480px) {
			.Flexible .Schedule.C3 li:nth-child(3n+2) {
				left: 7rem;
				}
				}	
			
	/* C3 Description */
	.Flexible .Schedule.C3 li:nth-child(3n+3) {
		margin-left:  5.5em;
		padding-left: 5em;
		padding-bottom: .5em;
		padding-right: 1em;
		border-left: 1px solid #d0d0ce; /* Theme 30% */

		}
		@media (min-width:480px) {
			.Flexible .Schedule.C3 li:nth-child(3n+3) {
				margin-left:  6em;
				}
				}
		
		
	
	
	
/* Divider */	
	
.Flexible .Schedule.C2 li:nth-child(2n+4),
.Flexible .Schedule.C3 li:nth-child(3n+5) {
	border-top: 1px solid #d0d0ce; /* Theme 30% */
	}
	.Flexible .Schedule.C3 li:nth-child(3n+1):empty {
		border: none;
		}	
	.Flexible .Schedule.C3 li:nth-child(3n+4) {
		border-top: 1px solid #d0d0ce; /* Theme 30% */
		}


/* ................................................................................................................................................................ */
/* ................................................................................................................................................................ */


/*Alone in a Band */

.ContentWidth > .Flexible .Schedule {
	min-width: 280px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	}


/* ................................................................................................................................................................ */
/* ................................................................................................................................................................ */




/* ..... D O N W L O A D S .......*/


/*Group */
.Flexible .Downloads ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	}

	/* overide templater.css */
	.Flexible .Downloads ul:not([class])  {
		padding-left: 0em;
		}
	

/*Items*/
.Flexible .Downloads li {
	display: block;
	min-width: 6em;
	width: 12%;
	}
	@media (min-width:1024px) {
		.Flexible .Downloads li  {
			min-width: 7em;
			}
			}
	
	
/* h3 Head */

.Flexible .Downloads h3:empty::before { 
	content: "Téléchargements";
	}
	.EN .Flexible .Downloads h3:empty::before {
		content: "Download";
		} 
	
	
	
/* Lable */	
.Flexible .Downloads li a {
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
	padding-top: 6.5em;
	padding-bottom: .5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	line-height: 1.1em;
	color: black;
	font-size: .9em;
	}
	@media (min-width:1024px) {
		.Flexible .Downloads li a {
			font-size: 1em;
			}
			}
	
	
	
	.Flexible .Downloads li a:hover {
		color: #d43287;
		}


/* Icons */	
	
.Flexible .Downloads li a:hover span:not([style*=".jpg)"])::before, 		
.Flexible .Downloads li a span {
	position: absolute;
	display: block;
	top: 0;
	left:  50%;
	background-color: #d43287; /* theme 20% */
	border: 1px solid #b1b1ae;
	border-radius: .75em;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 6em;
	width: 6em;
	margin-left: -3em;
	}
	
	.Flexible .Downloads li a:hover span {
		background-blend-mode: luminosity;
		filter: saturate(.9);
		}



.Flexible .Downloads li a span:not([style*=".jpg)"])  {
	background-image: url(../AFY/images/skin/nav_download.svg);
	background-size: 3.5em;
	border: none;
	background-color: rgba(100, 99, 94, .1);
	}

.Flexible .Downloads li a:hover span:not([style*=".jpg)"])::before  {
	content: "";
	background-image: url(../AFY/images/skin/nav_download.svg);
	background-size: 3.5em;
	filter: brightness(.55) saturate(150) hue-rotate(255deg); /* hot pink */
	background-color: transparent;
	border: none;
	}