@charset "utf-8";
/* CSS Document */
html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1vw;
	font-weight: 500;
	line-height : 1.5vw;
	color: #fff;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0;
}
a {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #333;
}
a:hover {
	color: #fff;
	background: #f0f;
}
.filtrage-toggle {
	position: fixed;
	top: 2vw;
	left: 5vw;
	z-index: 10;
	font-weight: 800;
	color: #fff;
	background-color: #f0f;
	padding: 1vw 2vw 1vw 2vw;
	border-radius: 0.35vw;       /* carré arrondi */
	opacity: 0.7; /* Opacité initiale à 70% */
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; /* Transition smooth pour l'opacité et l'icône */
}
.filtrage-toggle:hover {
	color: #fff;
	opacity: 1; /* Opacité initiale à 70% */
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; /* Transition smooth pour l'opacité et l'icône */
}
.video_conteneur {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background-color: #000;
	margin-bottom: 1vw;
	z-index: 1;
}
.video_conteneur video, iframe, .video_conteneur object, .video_conteneur embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.video_conteneur .txt {
	position: absolute;
	top: 80%;
	left: 2.5%;
	width: 75%;
	height: 3.5%;
	z-index: 3;
	font-size: 1.5vw;
	font-weight: 800;
}
.image_conteneur {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background-color: #000;
	margin-bottom: 1vw;
	z-index: 1;
}
.image_conteneur img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 2;
}
.image_conteneur .txt {
	position: absolute;
	top: 80%;
	left: 2.5%;
	width: 75%;
	height: 3.5%;
	z-index: 3;
	font-size: 1.5vw;
	font-weight: 800;
}
.footer-columns {
	display: flex;
	padding: 2vw;
	color: #000;
}
.footer-columns h3 {
	margin-bottom: 1vw;
}
.years-column {
	width: 20vw;
}
.choreographers-column {
	width: 30vw;
}
.filter a {
	color: #000;
}
.hidden {
	display: none;
}
@media (orientation: portrait) {
    .filtrage-toggle {
		font-size: 4vw;
		line-height: 5vw;
    }
}