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



/* ---------------- D R O P  D O W N  ------------------- */


/* apearance */	

	
[class*='DropDown'] {
	position: relative;
	padding-top:  1.8em; /* room for lable */
	transition: max-height .5s;
	}

[class*='DropDown'],
[class*='DropDown'] > a:first-child {
	border-radius: 0.5em 0.5em 0 0;
	}


/*Trigger */

.DropDown {
	max-height: 0;
	overflow: hidden;
	}

	
.DropDownON {
		max-height: 500em;
		overflow: visible;
		}
			
/* Lable */	

[class*='DropDown'] > a:first-child  {
	position: absolute;
	display: block;
	width: 100%;
	height: 2.25em;
	top: 0;
	left: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 1em;
	font-size: .8em;
	text-align: center;
	background-color: rgba(0, 0, 0, .15);
	color: black;
	}
	[class*='DropDown'] > a:first-child:hover {
		color: black;
		background-color: rgba(0, 0, 0, .25);
		}

	
/* arrow */
		
[class*='DropDown']::before {
	content: "";
	position: absolute;
	display: block;
	left: .5em;
	top: .5em;
	border-top: .4em solid transparent;
	border-bottom: .4em solid transparent;
	border-left: .6em solid black;
	}
	.DropDownON::before {
		transform: rotate(90deg);
		}





/* .... M E S S A G E .... */


/* Catches "CollectionPage" and "Collection" */



[class*='Collection'] [class*='DropDown'] {
	background-color: rgba(0, 0, 0, 0.1);
	}



[class*='Collection']  .DropDown > a:first-child::before {
	content: "Voir "
	}
	.EN .Collection .DropDown > a:first-child::before,
	.EN.CollectionPage .DropDown > a:first-child::before {
		content: "See "
		}

[class*='Collection']  .DropDownON > a:first-child::before {
	content: "Cacher "
	}
	.EN .Collection .DropDownON > a:first-child::before,
	.EN.CollectionPage  .DropDownON > a:first-child::before {
		content: "Hide "
		}

[class*='Collection']  [class*='DropDown'] > a:first-child::after {
	content: " événements passés"
	}
	.EN .Collection [class*='DropDown'] > a:first-child::after,
	.EN.CollectionPage  [class*='DropDown'] > a:first-child::after {
		content: " past events"
		}

[class*='Collection']  [class*='DropDown'].Single > a:first-child::after {
	content: " événement passé"
	}
	.EN .Collection [class*='DropDown'].Single > a:first-child::after,
	.EN.CollectionPage  [class*='DropDown'].Single > a:first-child::after {
		content: " past event"
		}