/***************************************************** Écrans supérieurs à 2560 pixels (Réduction 80%) *******************************************************/

@media screen and (min-width: 2561px) {

/* general */
body {
	content: width-device-width;
	initial-scale: 1.0;
	maximum-scale: 1.0;
	user-scalable: no;
}

h10, h10 p {
	box-shadow: 0.48vw 0.32vw 1.6px 0.8px rgb(33 254 253 / 66%);
}
h11 {
	padding: 0.16vw 0.4vw;
	border-radius: 0.4vw;
}

/* ------------------------------------------------------------------------ */
/* header menu haut */

.header {
	height: 2.4vw;
}
.header2 {
	height: 2.4vw;
}
.header-logo {
	height: 2.08vw;
	width: 6.4vw;
	top: 0.16vw;
}
.header-logo2 {
	height: 2.4vw;
	width: 7.84vw;
	left: 46.08vw;
	top: 1.6dvh;
	filter: drop-shadow(0.4vw 0.16vw #b6b6b6);
}
.header-logo2:hover {
	height: 2.4vw;
	width: 7.84vw;
	left: 46.08vw;
	top: 1.6dvh;
	filter: drop-shadow(0.4vw 0.16vw #8c8c8c);
}
.header-menu {
	width: 52.8vw;
	left: 23.6vw;
	line-height: 2.4vw;
	font-size: 0.64vw;
	gap: 1.2vw;
}
.header-menu2 {
	width: 52.8vw;
	left: 23.6vw;
	line-height: 2.4vw;
	font-size: 0.8vw;
}
.header-menu-français {
	right: 3.2vw;
	font-size: 0.56vw;
}
.header-menu-english {
	right: 0vw;
	font-size: 0.56vw;
}
.header-menu-select {
	bottom: 0.4vw;
	height: 0.4vw;
}
.header-menu-select2 {
	bottom: 0.4vw;
	height: 0.4vw;
}

/* ------------------------------------------------------------------------ */
/* player */

.player-logo-h {
	top: 1.6vw;
	left: calc(50% - 6vw);
	width: 12vw;
	height: 3.6vw;
}
.player-logo-v {
	top: 2.4vw;
	left: calc(50% - 12vw);
	width: 24vw;
	height: 7.2vw;
}
.player-fleche-h {
	left: calc(50% - 1.2vw);
	width: 2.4vw;
	height: 2.4vw;
}
.player-fleche-v {
	left: calc(50% - 2.4vw);
	width: 4.8vw;
	height: 4.8vw;
}

/* ------------------------------------------------------------------------ */
/* presentation */

.presentation-content {
	width: 32vw;
	left: calc((100vw - 32vw)/2);
	font-size: 0.96vw;
}
.presentation-content-1 {
	width: 32vw;
	padding: 4px;
}
.presentation-content-2 {
	width: 32vw;
	margin: 0.8vw auto 0px auto;
	padding: 4px;
}
.presentation-fleche-h {
	left: calc(50% - 1.2vw);
	width: 2.4vw;
	height: 2.4vw;
}
.presentation-fleche-v {
	left: calc(50% - 2.4vw);
	width: 4.8vw;
	height: 4.8vw;
}

/* ------------------------------------------------------------------------ */
/* transition */

.transition {
	height: calc(44px + 4.8vw);
}

/* ------------------------------------------------------------------------ */
/* demo */

.demo-content-video {
	width: 52.8vw;
	left: calc((100% - 52.8vw) / 2);
}
.demo-fleche-h {
	left: calc(50% - 1.2vw);
	width: 2.4vw;
	height: 2.4vw;
}
.demo-fleche-v {
	left: calc(50% - 2.4vw);
	width: 4.8vw;
	height: 4.8vw;
}

/* ------------------------------------------------------------------------ */
/* mosaique */

.mosaique-filtres {
	width: 48vw;
	height: 2vw;
	left: calc(50% - 24vw);
	top: -2vw;
}
.mosaique-filtres-item {
	height: 1.6vw;
	font-size: 0.8vw;
	line-height: 1.6vw;
	padding-left: 0.64vw;
	padding-right: 0.64vw;
	border-radius: 0.4vw;
}
.mosaique-filtres-sep {
	height: 1.2vw;
	font-size: 0.4vw;
	line-height: 1.2vw;
}
.mosaique-liste {
	width: 48vw;
}
.mosaique-projet {
	width: 16vw;
	height: 16vw;
}
.mosaique-projet img {
	width: 16vw;
	height: 16vw;
}
.mosaique-projet-titre {
	width: 16vw;
	height: 16vw;
	font-size: 0.8vw;
}
.mosaique-transition {
	left: 26vw;
	width: 48vw;
	height: 4vw;
}

/* ------------------------------------------------------------------------ */
/* équipe */

.equipe-content {
	width: 48vw;
	left: calc((100vw - 48vw)/2);
	font-size: 0.8vw;
}
.equipe-content-PM {
	width: 48vw;
	padding: 16px;
}
.equipe-content-KYH {
	width: 48vw;
	top: 0.8vw;
	padding: 16px;
}

/* ------------------------------------------------------------------------ */
/* partenaires */

.partenaires {
	margin-top: 64px;
}
.partenaires-image {
	width: 52.8vw;
	height: 25.6vw;
	top: calc((100vh - 25.6vw) / 2);
}
.partenaires-partenaire {
	height: 1.6vw;
	font-size: 0.96vw;
	line-height: 1.6vw;
}

/* ------------------------------------------------------------------------ */
/* projet */

.projet-content {
	width: 64vw;
	height: 78dvh;
	left: 18vw;
	top: 10svh;
}
.projet-apropos-date {
	width: 32vw;
	left: 16vw;
	top: 6svh;
	font-size: 0.8vw;
}
.projet-apropos-date p {
	box-shadow: 0.48vw 0.32vw 1.6px 0.8px rgb(33 254 253 / 66%);
}
.projet-apropos-titre {
	width: 32vw;
	left: 16vw;
	top: 9svh;
	font-size: 1.04vw;
}
.projet-apropos-titre p {
	box-shadow: 0.48vw 0.32vw 1.6px 0.8px rgb(33 254 253 / 66%);
}
.projet-apropos-notice {
	width: 32vw;
	left: 16vw;
	top: 18svh;
	font-size: 0.8vw;
}
.projet-apropos-notice p {
	box-shadow: 0.48vw 0.32vw 1.6px 0.8px rgb(33 254 253 / 66%);
}
.projet-apropos-generique {
	width: 24vw;
	left: 20vw;
	top: 62svh;
	font-size: 0.64vw;
}
.projet-apropos-generique p {
	box-shadow: 0.48vw 0.32vw 1.6px 0.8px rgb(33 254 253 / 66%);
}
.projet-cartel-content {
	width: 64vw;
	height: 8vw;
	left: 18vw;
}
.projet-cartel-content-titre {
	line-height: 2.8vw;
	width: 64vw;
	font-size: 1.44vw;
}
.projet-cartel-content-menu {
	width: 64vw;
	font-size: 0.8vw;
	line-height: 1.2vw;
}
.projet-cartel-content-separateur {
	width: 16vw;
}
.projet-cartel-content-precedent,
.projet-cartel-content-suivant,
.projet-cartel-content-medias,
.projet-cartel-content-apropos,
.projet-cartel-content-video {
	padding-left: 0.4vw;
	padding-right: 0.4vw;
}

/* ------------------------------------------------------------------------ */
/* footer */

.footer {
	height: 6.4vw;
}
.footer-content {
	width: 52.8vw;
	height: 6.4vw;
	left: calc((100vw - 52.8vw) / 2);
}
.footer-logo {
	width: 3.2vw;
	height: 3.2vw;
	top: 1.6vw;
}
.footer-titre {
	font-size: 0.8vw;
	left: 4.8vw;
	top: 1.2vw;
}
.footer-adresse {
	font-size: 0.64vw;
	left: 4.8vw;
	top: 2.4vw;
}
.footer-adresse p {
	margin-top: 0.08vw;
	margin-bottom: 0.08vw;
}
.footer-instagram {
	width: 2.4vw;
	height: 2.4vw;
	right: 3.2vw;
	top: 2vw;
}
.footer-linkln {
	width: 2.4vw;
	height: 2.4vw;
	right: 0vw;
	top: 2vw;
}


}