/*
Theme Name: Eklekto 2.16
Version: 1
Template: karma
Text Domain: eklekto
GitHub Plugin URI: https://github.com/maximeschoeni/eklekto
*/


/* WEBFONT
----------------------------------- */

/* @font-face {
	font-family: "Eklekto";
	src: url(fonts/webfonts/Eklekto-WebRegular.woff2) format("woff2"),
			 url(fonts/webfonts/Eklekto-WebRegular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "EklektoItalic";
	src: url(fonts/webfonts/Eklekto-WebRegularItalic.woff2) format("woff2"),
			 url(fonts/webfonts/Eklekto-WebRegularItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: "EklektoBold";
	src: url(fonts/webfonts/Eklekto-WebBold.woff2) format("woff2"),
			 url(fonts/webfonts/Eklekto-WebBold.woff) format("woff");
	font-weight: 400;
	font-style: normal
} */


@font-face {
	font-family: "Eklekto";
	src: url(fonts/artext/Artext-Regular.woff2) format("woff2"),
		url(fonts/artext/Artext-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "EklektoItalic";
	src: url(fonts/artext/Artext-Italic.woff2) format("woff2"),
		url(fonts/artext/Artext-Italic.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "EklektoBold";
	src: url(fonts/artext/Artext-Bold.woff2) format("woff2"),
		url(fonts/artext/Artext-Bold.woff) format("woff");
	font-weight: 400;
	font-style: normal
}



@font-face {
	font-family: 'pianoregular';
	src: url('fonts/piano/piano-webfont.eot');
	src: url('fonts/piano/piano-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/piano/piano-webfont.woff') format('woff'),
		url('fonts/piano/piano-webfont.ttf') format('truetype'),
		url('fonts/piano/piano-webfont.svg#pianoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* General
----------------------------------- */
* {
	outline: none;
}

html {}

body {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale;

	font-feature-settings: "ss01";

	position: relative;
	min-height: 100%;

	font-family: 'Eklekto', georgia;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;


	font-size: 17px;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.15;

	background-color: black;
	/*
	background-image: url(images/background-crop.jpg);
	background-size: 100% auto; */


	margin: 0 auto;
	background-attachment: fixed;
}

body {

	/* background-image: url(images/background-crop.jpg); */
	background-size: 100% auto;
}

strong,
b {
	font-family: 'EklektoBold', georgia;
	font-weight: normal;
}

em,
i {
	font-family: 'EklektoItalic', georgia;
	font-style: normal;
}

h1,
h2,
h3,
h4 {
	font-family: 'Eklekto', georgia;
	font-weight: normal;
	font-size: inherit;
	margin: 0;
	/* font-family: 'SGVOIX-SemiBold', georgia; */
}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}

a {
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
}



table {
	border-spacing: 0;
	border-collapse: collapse;
}

table,
table tbody,
table tr,
table td {
	/* display: block; */
	padding: 0;
	width: auto !important;
	height: auto !important;
}

table td {
	box-sizing: border-box;
	vertical-align: top;
}

img a {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}


@media (max-width: 1023px) {
	.desktop-only {
		display: none;
	}
}

@media (min-width: 1024px) {
	body {
		font-size: 16px;
	}

	body {
		/* background-size: 50% auto; */
	}

	.mobile-only {
		display: none;
	}
}

@media (min-width: 1300px) {
	body {
		/* background-size: 33.3334% auto; */

		/* background-size: calc(33.3334% - 42px) auto;
		background-position: 63px 0; */
	}
}

@media (min-width: 1800px) {
	body {
		/* background-size: 375px auto;
		background-position-x: calc(50% - 750px + 180px); */

	}
}


/* Header
----------------------------------- */
header {
	font-size: 2em;
	position: relative;
	z-index: 2;
	height: 156px;

}

.header-content {
	position: relative;
	z-index: 2;
	/* width: 100%; */
	left: 0;
	right: 0;
	/* max-width: 800px; */
	height: 72px;
}

.header-table {
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* height: 100%; */
	margin: 0 2px;
	position: relative;
}

@media (max-width: 1023px) {
	.page.instrumentarium .header-table {
		margin: 0;
	}
}


.header-cell {
	height: 70px;
	box-sizing: border-box;

	background-color: rgba(0, 0, 0, 0.8);
}

.header-cell.banner {
	width: 100%;
}

.header-cell.menu-btn {
	width: 100%;
	position: absolute;
	right: 0;
}

@media (max-width: 1023px) {
	.header-cell.menu-btn {
		background-color: rgba(255, 255, 255, 0.8);
	}

	.header-cell.menu-btn a {
		color: rgba(0, 0, 0, 0.8) !important;
	}
}


body.menu-open .header-cell.menu-btn {}

a#menu-btn,
a#language-btn {
	color: rgba(255, 255, 255, 0.8);
	position: absolute;
}

a#menu-btn {
	left: 13px;
}

a#language-btn {
	right: 13px;
	text-transform: uppercase;
}

body.menu-open a#menu-btn,
body.menu-open a#language-btn {
	color: rgba(102, 102, 102, 0.8);
}

.header-cell.banner a:hover h1,
.header-cell.banner a:hover span,
a#menu-btn:hover,
a#language-btn:hover {
	color: rgba(102, 102, 102, 0.8);
	animation-play-state: paused;
}

body.menu-open a#menu-btn:hover,
body.menu-open a#language-btn:hover {
	color: rgba(255, 255, 255, 0.8);
}

.header-cell.menu-btn .close-menu-handle,
body.menu-open .header-cell.menu-btn .open-menu-handle {
	display: none;
}

body.menu-open .header-cell.menu-btn .close-menu-handle {
	display: inline;
}

.header-cell.language {
	/* border-left: 1px solid black; */
}

.header-cell a {
	display: flex;
	padding: 8px 0 12px;
	cursor: pointer;
	box-sizing: border-box;
	height: 100%;
}

.header-cell.banner {
	overflow: hidden;
	margin-bottom: 2px;
}

.header-cell.banner .marquee {
	overflow: hidden;
	white-space: nowrap;
}

.header-cell.banner h1 {

	/* white-space: nowrap; */
	/* position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	white-space: nowrap; */


}

.header-cell.banner h1,
.header-cell.banner span {
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);

	transform: translateX(0%);




	/* animation: marquee 10s linear infinite; */

}

.header-cell.banner span {
	display: none;
}

/* @media (min-width: 1200px) {
	.header-cell.banner h1,
	.header-cell.banner span {
		animation: none;
	}
	.header-cell.banner span {
		display: none;
	}
} */
@keyframes marquee {
	to {
		transform: translateX(-100%);
	}
}

.header-cell.banner h1 strong {
	/* color: black; */
}

.header-cell.banner h1 span {
	display: inline-block;
}

.header-content,
body {
	/* background-size: 100%;
	background-size: 100%; */
	background-size: cover;
	background-position: 10% 0%;
}

@media (min-width: 1024px) {
	header {
		height: 70px;
	}

	.header-content {
		position: fixed !important;
		top: 0 !important;
		/* max-width: 800px; */
		margin: 0 auto;
		/* background-size: 50% auto; */
		/* background-image: url(images/background-crop.jpg); */
		height: 70px;
	}

	.header-table {
		background-color: rgba(0, 0, 0, 0.8);
	}

	.header-cell {
		background-color: transparent;
	}


	.header-cell.banner {
		width: calc(50% - 7px);
		padding-right: 0;
		border-bottom: none;
		margin-bottom: 0;
	}

	.page.instrumentarium .header-cell.banner {
		width: auto;
	}

	.header-cell.menu-btn {
		top: 0;
		width: 50%;
	}

	a#menu-btn {
		left: calc(7px + 13px);
	}

	a#language-btn {
		right: 0;
	}

	.header-table {
		margin: 0 35px;
	}
}

@media (min-width: 1100px) {
	.header-table {
		margin: 0 70px;
	}

	.header-wrapper {
		position: relative;
		max-width: 1500px;
		margin: 0 auto;

	}
}

@media (min-width: 1300px) {
	.header-content {
		/* background-size: 33.3334% auto; */
	}

	.header-cell.banner {
		width: 66.6667%;
	}

	.header-cell.menu-btn {
		width: 33.3334%;
	}

	a#menu-btn {
		left: calc(7px + 13px);
	}

}

@media (min-width: 1800px) {
	.header-content {

		/* background-size: 25% auto; */

		/* background-size: 375px auto;
		background-position-x: calc(50% - 750px + 180px); */

	}

	/* .header-cell.banner {
		width: 75%;
	} */
	.header-cell.menu-btn {
		width: 25%;
		right: 25%;
		/* background-color: black; */
	}

	.header-cell.menu-btn #menu-btn {
		display: none;
	}

	.header-wrapper {
		max-width: 2000px;
	}
}

@media (max-width: 1199px) {
	.header-cell.banner h1 {
		/* font-size: 17px; */
		padding: 0 13px;
	}

	.page.instrumentarium .header-cell.banner h1 {
		padding: 0;
	}
}

@media (max-width: 899px) {
	.header-cell.banner h1 {
		font-size: 5.6vw;
	}
}

/* Menu
----------------------------------- */
.menu {
	position: fixed;

	z-index: 15;
	display: none;
	width: 100%;
	top: 0;
	bottom: 0;
	padding: 8px 0 12px;
	display: none;
	background-color: black;
}

body.menu-open .menu {
	display: block;
}

.menu a {
	color: rgba(102, 102, 102, 0.8);
	display: inline-block;

}

.menu a:hover,
.menu a.active,
.menu li.current-menu-item:not(.menu-item-has-children) a {
	color: rgba(255, 255, 255, 0.8);
}


/* .menu .menu-item-has-children>a {
	color: #0087ff;
}
#menu-item-2117>a {
	color: #0087ff;
} */
.menu .menu-content>li>a:not(:hover) {
	color: #0087ff;
}

.menu ul li ul {
	display: none;
}

.menu ul {
	padding: 0 13px;
	box-sizing: border-box;

}

.menu ul li {
	line-height: 1.1;
}

.menu ul li ul {
	margin-top: 0;
	/* display: none; */
	padding-left: 30px;
	padding-bottom: 5px;
}

.menu ul li.current-menu-parent ul,
.menu ul li.active ul {
	display: block;
}

.menu ul.language-menu {
	position: absolute;
	top: calc(100vh - 54px);
	left: 0;
}

.menu ul.language-menu li {
	/* text-align: right; */
}

.menu ul.language-menu li a {
	/* display: inline-block !important; */
	color: rgba(255, 255, 255, 0.8) !important;
}

.menu ul.language-menu li a:hover {
	color: rgba(102, 102, 102, 0.8) !important;
}

.menu #close-menu-btn {
	position: absolute;
	right: 15px;
}


/* #menu-background {
	position: fixed;
	background-color: rgba(0, 0, 0, 1);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: none;
} */
/* body.menu-open #menu-background {
	display: block;
} */
@media (min-width: 1024px) {

	/* #menu-background {
		left: 50%;
		width: calc(50% - 7px);
	} */
	.menu {
		right: 0;
		left: auto;
		width: calc(50% - 42px + 35px + 1px);


	}

	.menu #close-menu-btn {
		right: 35px;
	}
}

@media (min-width: 1100px) {

	/* #menu-background {
		left: 50%;
		width: calc(50% - 7px);
	} */
	.menu {
		width: calc(50% - 77px + 70px + 1px);
	}

	.menu #close-menu-btn {
		right: 70px;
	}
}

@media (min-width: 1300px) {

	/* #menu-background {
		right: 0;
    left: auto;
    width: calc(33.3334% - 56px + 70px);
	} */
	.menu {
		min-width: calc(50% - (1360px/6) - 7px);
		width: calc(33.333% + (70px/3) - 7px);
	}
}

@media (min-width: 1800px) {

	/* #menu-background {
		left: 80%;
		display: block !important;
	} */
	.menu {
		display: block !important;
		min-width: calc(25% + 35px - 14px);
		/* left: calc(50% + 1000px - 500px - 23px); */
		width: calc(50% - 1000px + 500px + 35px - 14px);
		right: 0 !important;
	}

	.menu #close-menu-btn {
		display: none;
	}
}

/* Main
----------------------------------- */
body.page-popup-open .body-frame {
	position: fixed;
	width: 100%;
}

main .home-content,
main .page-content,
footer .footer-content {
	position: relative;
	z-index: 1;
	padding-top: 0;
	margin: 0 2px;
}

@media (min-width: 1024px) {
	main {
		min-height: calc(100vh - 220px);
		box-sizing: border-box;
	}

	main .home-content,
	main .page-content,
	footer .footer-content {
		margin: 0 35px;
	}

	main .grid,
	main .page-content,
	footer .footer-content {
		/* padding-top: 5vw; */
		padding-top: 0;
	}
}

@media (min-width: 1100px) {

	footer,
	main {
		max-width: 1500px;
		margin: 0 auto;
	}

	main .home-content,
	main .page-content,
	footer .footer-content {
		margin: 0 70px;
	}
}

@media (min-width: 1800px) {

	footer,
	main {
		max-width: 2000px;
	}

	footer .footer-content-wrap,
	main .page-content-wrap,
	main .home-content-wrap {
		position: relative;
		width: 75%;
	}
}

/* Home
----------------------------------- */
body.home main {
	padding-bottom: calc(10vw + 70px);
}


/* Grid
----------------------------------- */
.grid {
	/* display: flex;
	flex-wrap: wrap; */
	/* margin: 0 1px; */
	/* margin: -7px -1px 7px; */
	display: grid;
	grid-template-columns: 1fr;
	/* grid-auto-rows: calc((100vw - 140px)*0.2); */
	grid-auto-rows: calc((100vw - 2px)*0.2942);
	grid-gap: 14px;
}

@media (min-width: 1024px) {
	.grid {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: calc((100vw - 70px)*0.1471);
	}
}

@media (min-width: 1100px) {
	.grid {
		grid-auto-rows: calc((100vw - 140px)*0.1471);
	}
}

@media (min-width: 1300px) {
	.grid {
		grid-auto-rows: calc((100vw - 140px)*0.09);
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (min-width: 1500px) {
	.grid {
		grid-auto-rows: calc(1360px * 0.09);
	}
}

.grid .cell {
	position: relative;
	order: 5;
	/* width: 100%; */
}

.grid .cell .cell-content {
	/* margin: 7px 1px; */
}

.grid .cell .cell-frame {
	/* position: relative;
	height: 0;
	padding-bottom: 66.66%; */
}

.grid .cell .cell-frame-content {
	/* position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden; */
}

.grid .slideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.background-image {
	position: absolute;
	width: 100%;
	height: 100%;
}

.grid .text {
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	min-height: 50%;
	box-sizing: border-box;
	padding: 8px 13px 12px;
}

/* -> was asked to do this ugly thing on 23 may 2025*/
.grid .bottom-cell .text {
	min-height: 0;
}

.grid .bottom-cell .text h2 {
	padding: 0;
}


@media (max-width: 1023px) {
	.grid .cell.spectacles .text {
		top: auto;
		bottom: 0;
		min-height: 0;
		font-size: 24px;
	}

	.grid .cell.has-thumb .text {
		top: auto;
		bottom: 0;
		min-height: 0;
		font-size: 24px;
	}

	.grid .cell.has-thumb .text h2 {
		padding: 0;
	}
}

.grid .cell a {
	/* display: block; */
	/* position: relative;
	height: 100%; */
	border: none !important;
}

.grid .cell p {
	margin-top: 0;
}

.grid .cell img {
	height: auto;
}

/* .grid .cell table {
	width: 100% !important;
	height: 100% !important;
}

.grid .cell table tbody {
	width: auto !important;
	height: auto !important;
}

.grid .cell table tr {
	width: auto !important;
	height: 50% !important;
}

.grid .cell table td {
	width: auto !important;
	height: auto !important;
	padding: 10px 0;
	border-bottom: 1px solid black;
}

.grid .cell table tr:last-child td {
	border-bottom: none;
} */

.grid .cell-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

@media (min-width: 1024px) {
	.grid {
		/* margin: 0 28px; */
		/* margin: -7px -7px 7px; */
	}

	.grid .cell {
		/* width: 50%; */
	}

	.grid .cell .cell-content {
		/* margin: 7px; */
	}
}

@media (min-width: 1100px) {}

@media (min-width: 1300px) {
	.grid .cell {
		/* width: 33.3334%; */
	}
}

/*
@media (min-width: 1800px) {
	.grid .cell {
		width: 25%;
	}
}
 */

/* Grid Cell Agenda
----------------------------------- */
.cell.video-cell {
	grid-row: span 2;
	order: 5;
}

@media (min-width: 1024px) {
	.cell.video-cell {
		/* grid-row: span 2; */
		order: 2;
	}
}

.cell.video-cell a {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.cell.video-cell img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.cell .play-button {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cell .play-button .play-button-round {
	background-color: rgba(255, 255, 255, 0.8);
	width: 6rem;
	height: 6rem;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cell .play-button .play-button-triangle {
	width: 0rem;
	height: 0rem;
	margin-left: 0.7rem;
	border-style: solid;
	border-width: 1.5rem 0px 1.5rem 2.6rem;
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
}

.cell.video-cell a:hover .play-button .play-button-round {
	background-color: rgba(0, 0, 0, 0.8);
}

.cell.video-cell a:hover .play-button .play-button-triangle {
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
}

/* Grid Cell Agenda
----------------------------------- */
.grid .cell.bottom-cell {
	grid-column: span 1;
	grid-row: span 2;

	order: 1;
}

.cell.agenda,
.cell.agenda a {
	/* color: rgba(0, 0, 0, 0.8); /* red */
}

.cell.agenda:hover,
.cell.agenda:hover a {
	/* color: white; */
}

.grid .cell.agenda .slideshow {
	width: calc(100% + 14px);
}

.grid .cell.agenda .slide {
	width: calc(100% - 14px);
}

.grid .cell.agenda .slide .text {
	line-height: 1.05;
	padding-top: 11px;
}

.grid .cell.agenda .slide .text p {
	margin: 0;
}

.grid .cell .cell-header {
	position: relative;
	z-index: 2;
}

.grid .cell.agenda:not(:hover) .slideshow .controller ul.numerotation li::after {
	background-color: rgba(255, 80, 80, 1);
	/* red */
}

.grid .cell.agenda .slideshow .controller ul.numerotation li.active::after,
.grid .cell.agenda .slideshow .controller ul.numerotation li:hover::after {
	background-color: white;
}

@media (min-width: 1024px) {
	.grid .cell.agenda {
		/* width: 50%; */
	}



	.grid .cell.agenda .cell-frame {
		/* padding-bottom: 62.5%; */
	}

	.grid .cell.bottom-cell .cell-frame {
		/* padding-bottom: 15.35%; */
	}
}

@media (min-width: 1300px) {

	.grid .cell.agenda,
	.grid .cell.bottom-cell {
		/* width: 100%; */
	}

	.grid .cell.bottom-cell {
		grid-column: span 1;
		grid-row: span 2;
	}

	.grid .cell.agenda .cell-frame,
	.grid .cell.bottom-cell .cell-frame {
		/* padding-bottom: 10%; */
	}
}

/* Grid Cell Projects
----------------------------------- */
.grid .cell.spectacles {
	grid-column: span 1;
	grid-row: span 2;
	order: 2;
}

.grid .cell.spectacles .spectacle-image-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.grid .cell.spectacles .text {
	background-color: rgba(255, 255, 255, 0.8);
}

.grid .cell.spectacles .text {
	background-color: rgba(255, 255, 255, 0.8);
}

.grid .cell.spectacles:hover .text,
.grid .cell.spectacles:hover .cell-background {
	background-color: rgba(0, 0, 0, 0.8);
}

.grid .cell.spectacles:hover .text {
	color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1024px) {

	.grid .cell.spectacles {
		grid-column: span 2;
		grid-row: span 4;
		order: 3;
	}

	.grid .cell.spectacles .cell-frame {
		/* padding-bottom: 62.5%; */
	}

	.grid .cell.spectacles .text {
		/* min-height: 50%; */
		min-height: 24.35%;
	}


}

@media (min-width: 1300px) {
	.grid .cell.spectacles {
		/* width: 66.6667%; */

	}

	.grid .cell.spectacles .cell-frame {
		/* padding-bottom: 62.25%; */
	}

	.grid .cell.spectacles .text {
		min-height: 24.35%;
	}


}


/* Grid Page Group
----------------------------------- */
.grid .cell.side-page {
	grid-row: span 2;
	order: 4;
}

.grid .cell-group.side-page {
	/* width: 100%;
	display: flex;
	flex-direction: column; */
}

@media (min-width: 1024px) {
	.grid .cell-group.side-page {
		/* width: 100%;
		flex-direction: row; */
	}

	.grid .cell-group.side-page .cell {
		/* width: 50%; */
	}

	.grid .cell-group.side-page .cell .cell-frame {
		/* padding-bottom: 62.5%; */
	}
}

@media (min-width: 1300px) {
	.grid .cell-group.side-page {
		/* width: 33.3334%;
		flex-wrap: wrap; */
	}

	.grid .cell-group.side-page .cell {
		/* width: 100%; */
	}

	.grid .cell-group.side-page .cell .cell-frame {
		/* padding-bottom: 61.5%; */
	}
}



/* Grid Main
----------------------------------- */
.main-grid .text {
	font-size: 2em;
	line-height: 1.05;
}

.main-grid .text .description-1,
.main-grid .text .description-2 {
	padding-bottom: 20px;
	width: 50%;
}

.main-grid .text h2 {
	padding-bottom: 30px;
	font-size: inherit;
}

.main-grid .text h2,
.main-grid .text .description-1,
.main-grid .text .description-2 {}

.main-grid .cell.type-spectacle .text .description-2,
.main-grid .cell.type-page .text .description-1 {
	text-align: right;
	margin-left: 50%;
}

.main-grid .cell-frame-content img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.main-grid .cell-frame-content:hover img {
	/* filter: invert(100%); */
}

.main-grid .cell .cell-background {}

.main-grid .cell.has-thumb .cell-background {
	opacity: 1;
}

.main-grid .cell:not(.has-thumb) .cell-background {
	/* background-color: rgba(180, 225, 235, 0.8); */
}

.main-grid .cell.yellow:not(.has-thumb) .cell-background {
	/* background-color: rgba(255, 255, 90, 0.8); */
}

/* .main-grid .cell.red:not(.has-thumb) .cell-background {
	background-color: rgba(255, 80, 80, 0.8);
} */
.main-grid .cell.green:not(.has-thumb) .cell-background {
	/* background-color: rgba(210, 230, 19, 0.8); */
}

.main-grid .cell.blue:not(.has-thumb) .cell-background {
	/* background-color: rgba(180, 225, 235, 0.8); */
}


.main-grid .cell:hover .text {}

.main-grid .cell:hover .cell-background {}

.main-grid .cell.has-thumb .text {
	background-color: rgba(255, 255, 255, 0.8);
}

.main-grid .cell.has-thumb:hover .text,
.main-grid .cell .cell-frame-content:hover .cell-background {
	background-color: rgba(0, 0, 0, 0.8) !important;
}

.main-grid .cell .cell-frame-content:hover .text {
	color: rgba(255, 255, 255, 0.8);
}


/* Grid Footer
----------------------------------- */
.main-grid .footer-cell {}

.main-grid .footer-cell .cell-frame-content .cell-background {
	background-color: rgba(153, 153, 153, 0.8);
}

.main-grid .footer-cell .cell-frame-content:hover .cell-background {
	background-color: rgba(0, 0, 0, 0.8);
}

.main-grid .footer-cell .cell-frame-content:hover a {
	color: rgba(255, 255, 255, 0.8);
}

.main-grid .footer-cell .cell-frame {
	/* padding-bottom: 33.333%; */
}

.main-grid .top-cell .cell-frame {
	/* padding-bottom: 33.333%; */
}

.main-grid .footer-cell .text {
	padding-top: 8px;
}

.main-grid .footer-cell h2 {
	font-size: 1em;
	margin-bottom: 1em;
}

.main-grid .footer-cell .text ul li {
	font-size: 1.5em;
	/* line-height: 1.125; */
}

@media (min-width: 1024px) {

	.main-grid .footer-cell {
		/* width: 100%; */
	}

	.main-grid .footer-cell .cell-frame {
		/* padding-bottom: 10%; */
		/* padding-bottom: 15.35%; */
	}

	.main-grid .top-cell .cell-frame {
		/* padding-bottom: 10%; */
		/* padding-bottom: 66.666%; */
	}
}

@media (min-width: 1300px) {
	.main-grid .footer-cell:nth-child(3) {
		/* width: 100%; */
	}

	.main-grid .footer-cell:nth-child(3) .cell-frame {
		/* padding-bottom: 12.5%; */
	}

	.main-grid .footer-cell:nth-child(3) .cell-frame {
		/* padding-bottom: 18.75%; */
	}

	.main-grid .footer-cell .cell-frame {
		/* padding-bottom: 30.75%; */
	}

	.main-grid .footer-cell {
		/* width: 33.3334%; */
	}
}

/* slideshow
---------------- */
.slideshow {
	overflow: hidden;
	position: relative;
}

.grid .cell.agenda .slideshow {
	/* height: calc(100% + 14px); */
}

.grid .cell.spectacles .slideshow {
	/* width: calc(100% + 14px); */
}

.slideshow .slide {
	position: absolute;
	width: 100%;
	height: 100%;
}

.slideshow .slide:first-child {
	z-index: 1;
}

.slideshow .slide:not(:first-child) {
	/* opacity: 0; */
}

.cell.agenda .slideshow .slide {
	/* height: calc(100% - 14px); */
}

.cell.spectacles .slideshow .slide {
	/* width: calc(100% - 14px); */
}

.slideshow .library .slide {
	display: none;
}

/* from 2023 */
.slideshow .library .slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.slideshow .library .slide:first-child {
	display: block;
}

.slideshow .controller {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	cursor: pointer;
}

.cell.agenda .slideshow .controller {
	bottom: 14px;
}

.slideshow .controller ul.numerotation {
	position: absolute;
	top: 7px;
	right: 13px;
	text-align: right;
	z-index: 10;
}

.slideshow .controller ul.numerotation li {
	display: inline-block;
	/* width: 16px;
	height: 16px; */

	/* position: relative; */
	color: black;
	font-size: 2em;
}

.cell-frame-content:hover .slideshow .controller ul.numerotation li {
	color: rgba(255, 255, 255, 0.5);
}

.slideshow .controller ul.numerotation li.active,
.slideshow .controller ul.numerotation li:hover {
	color: white !important;
}




.slideshow .right-arrow,
.slideshow .left-arrow {
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	z-index: 2000;
	/*background-color: #0000004d;*/
}

.slideshow .left-arrow {
	left: 0;
}

.slideshow .right-arrow {
	right: 0;
}

.slideshow .right-arrow svg,
.slideshow .left-arrow svg {
	width: 50px;
	height: auto;
	display: flex;

	filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.9));
}

.slideshow .left-arrow svg path,
.slideshow .right-arrow svg path {
	/*mix-blend-mode: difference;*/
	fill: white;
}


/* .slideshow .controller ul.numerotation li::after {
	content: "";
	display: block;
	position: absolute;
	background-color: black;
	width: 8px;
	height: 8px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 100%;
} */



@media (max-width: 1299px) {
	.slideshow .controller ul.numerotation {
		top: auto;
		bottom: 7px;
		left: 13px;
		right: 13px;
		text-align: center;
	}
}

@media (max-width: 1023px) {
	.slideshow .controller ul.numerotation {
		top: 0;
		bottom: auto;
	}
}

/* Agenda
 ----------------------------------- */
body.agenda main {
	/* min-height: calc(100vh - 285px); */
	/* background-color: rgba(255, 255, 255, 0.8); */
	overflow: hidden;
	/* hide background color after agenda-body */
}

/* body.agenda main::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, 0.8);
} */
.agenda-body.archive-section {
	padding-bottom: calc(10% + 70px);
}

.agenda-body.upcoming-section {
	margin-bottom: 14px;
}

.agenda-header {
	font-size: 1.5em;
	position: relative;
	overflow: hidden;
}

.agenda-header ul {
	display: flex;
	position: relative;
}

.agenda-header ul li {
	width: 50%;
	flex: none;
	position: relative;
}

/* .agenda-header ul li:not(.active)::after {
	content:"";
	position: absolute;
	border-right: 1px solid black;
	top: 18px;
	right: -1px;
	bottom: 0;
	z-index: 2;
} */
.agenda-header ul li a {
	display: block;
	padding: 11px 13px 10px;
	height: 80px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.8);
	/* border-bottom: 1px solid black; */
	margin-right: 2px;
	margin-bottom: 2px;
}

.agenda-header ul li.active a {
	/* background-color: rgba(255, 80, 80, 0.8); */
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}

.agenda-header ul li a:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 1023px) {
	.agenda-header {
		overflow: auto;
	}

	.agenda-header ul {
		left: 0 !important;
	}
}


.agenda-body ul li {
	position: relative;
	margin-bottom: 2px;
}

.agenda-body ul li .event-header a {
	display: block;
	font-size: 1.5em;
	padding: 11px 45px 1em 13px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.8);
	/* border-bottom: 1px solid black; */
}

.event-header a .open-event-btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 14px 13px 13px;
}

.agenda-body ul li.current .event-header a {
	display: none;
}


.agenda-body ul li.upcoming a.event-handle {
	background-color: rgba(255, 80, 80, 0.8);
}

.agenda-body ul li .annule a.event-handle,
.agenda-body ul li .report a.event-handle {
	color: red;
}

.agenda-body ul li a.event-handle:hover,
.agenda-body ul li.upcoming a.event-handle:hover {
	background-color: rgba(0, 0, 0, 0.8) !important;
	color: rgba(255, 255, 255, 0.8);
}

.agenda-body ul li p {
	/* margin-top: 0; */
	margin-bottom: 0;
}

.agenda-body ul li .anchor {
	position: absolute;
	top: -60px;
}

/* .agenda-body .single .description,
.agenda-body .single .date,
.agenda-body .single .place, */
.agenda-body .single h2,
.agenda-body .single h3 {
	font-size: 1.5em;
}

.agenda-body .event-text {
	/* line-height: 1.1; */
}

.agenda-body .event-body {
	position: relative;
	overflow: hidden;
}

.agenda-body ul li.open .event-body {
	overflow: visible;
	height: auto !important;
}

.agenda-body .event-body a {
	color: rgba(255, 255, 255, 0.8);
}

.agenda-body .event-body a:hover {
	color: rgba(255, 255, 255, 0.5);
}

.agenda-body .event-body a.close {
	display: block;
	height: 100%;

}


.agenda-body .event-slider {
	/* position: absolute; */
	top: 0;
	width: 100%;
}

.agenda-body ul li.open .event-slider {
	position: static;
}

.agenda-body .event-slider-content {}

.agenda-body .event-subcontent-columns {
	display: flex;
	width: 100%;
	flex-direction: column;
	/* margin: 0 -7px; */
}

.agenda-body .event-subcontent-column {
	width: 100%;
	padding: 11px 13px 2em 13px;
	box-sizing: border-box;
	padding-bottom: 2em;
	background-color: rgba(0, 0, 0, 0.8);
	margin-top: 2px;
}

@media (min-width: 1024px) {
	.agenda-body .event-subcontent-column {
		margin-top: 0;
	}

	.agenda-body .event-subcontent-column.programme-column {
		padding-left: 20px;
		padding-right: 7px;
	}

	.agenda-body .event-subcontent-column.credits-column {
		padding-left: 20px;
		padding-right: 7px;
	}
}

.agenda-body .event-subcontent-body .event-text {
	padding: 1px 0;
}

.page-content .agenda-body .event-subcontent-header h2 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	padding-bottom: 14px;
	margin-bottom: 14px;
	cursor: pointer;
}

.page-content .agenda-body .event-subcontent-header h2:hover,
.page-content .agenda-body .event-subcontent-header h2.active {
	/* font-family: 'EklektoBold', arial; */
	color: rgba(255, 255, 255, 0.5);
}


@media (min-width: 1024px) {
	.agenda-header ul li {
		width: 25%;
	}

	.agenda-body .event-subcontent {
		display: flex;
		width: 100%;
		/* padding-left: 7px; */
	}

	.page-content .agenda-body .event-subcontent-header h2 {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.agenda-body .event-subcontent-columns {
		flex-direction: row;
	}

	.agenda-body .event-subcontent-column {
		margin-bottom: 0;
	}

	.agenda-body .event-text {
		font-size: 17px;
	}

	.event-subcontent-body {
		font-size: 15px;
	}
}

@media (min-width: 1100px) {}

@media (min-width: 1300px) {
	.agenda-header ul li {
		width: 16.6667%;
	}

	.agenda-body .event-text {
		font-size: 19px;
	}

	.event-subcontent-body {
		font-size: 16px;
	}
}

/* Newsletter Form
----------------------------------- */
form input {
	border: none;
	font-size: inherit;
	font-family: inherit;
	border-radius: 0;
	background-color: white;
	color: rgba(0, 0, 0, 0.8);
	padding: 7px 8px 9px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 2px;
}

form button {
	border: none;
	font-size: inherit;
	font-family: inherit;
	border-radius: 0;
	background-color: black;
	color: rgb(191, 191, 191);
	/* grey */
	padding: 7px 8px 9px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 10px;
	cursor: pointer;
}

form .button {
	border: none;
	font-size: inherit;
	font-family: inherit;
	border-radius: 0;
	background-color: white;
	color: rgba(0, 0, 0, 0.8);
	padding: 7px 8px 9px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 2px;
	cursor: pointer;
}

form .button.active {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.8);
}

form .button:hover {
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(0, 0, 0, 0.8);
}

.newsletter-form {
	width: 100%;
	box-sizing: border-box;
	padding: 40px 13px 76px;
	font-size: 19px;
}

.newsletter-form .button {
	margin-top: 2em;
}

.newsletter-thanks {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 11px 13px 2em;
}

.newsletter-thanks p {
	margin: 0;
}

/* Single
----------------------------------- */
body.event main {
	background-color: rgba(255, 255, 255, 0.8);
}

.event .slideshow {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	order: 2;
	margin-bottom: 2px;
}

.event nav {
	background-color: rgb(255, 80, 80);
	font-size: 2em;

}

.event nav ul {
	display: flex;
}

.event nav ul li {
	display: block;
	width: 50%;
}

.event nav ul li a {
	display: block;
	padding: 11px 13px 12px;
	height: 80px;
	box-sizing: border-box;
}

.event nav li.right-arrow a {
	text-align: right;
}



.event .columns {
	display: flex;
	flex-wrap: wrap;
}

.event .columns .column {
	width: 100%;
	padding: 11px 13px 2em;
	box-sizing: border-box;
	position: relative;
}

.event .columns .column.right {
	padding: 0;
	display: flex;
}

.event .columns .column hr {
	margin-top: 16px;
	margin-bottom: 14px;
	border-top: 1px solid black;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.event .columns .column p {}

.event .columns .column.left p {}

.page-content .event h2 {
	margin: 0;
}

.page-content .event h3 {
	margin: 0;
}

.event-content-header {
	font-size: 1.5em;
	padding: 11px 13px 1em;
	margin-bottom: 2px;
	color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
	order: 1;
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}

.agenda-body.archive-section ul li .event-content-header:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

/* .event-content-header:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: rgba(0,0,0,0.8);
} */
.event-content-header-columns {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.event-content-header-column.close-column {
	text-align: right;
}


.event-content-body {
	margin-bottom: 2px;
	order: 3;
}

.event-content-body .column.left {
	background-color: rgba(0, 0, 0, 0.8);
}

.event .columns .column .post-content {
	padding-top: 5px;
}

.agenda-body .event {
	color: rgba(255, 255, 255, 0.8);

}

.agenda-body .event .columns .column hr {
	border-top-color: rgba(255, 255, 255, 0.8);
}

/* .agenda-body .event .description,
.agenda-body .event .date,
.agenda-body .event .place { */
.event-content-header:hover {
	/* border-bottom-color: rgba(255, 255, 255, 0.8); */
	color: rgba(0, 0, 0, 0.8);
}

.page-content .event-content h2 {
	/* margin-bottom: 0; */
}

.agenda-body .event-body a.googlemap {
	display: block;
	/* color: rgba(255, 255, 255, 0.5); */
	padding: 11px 13px 2em;
	background-color: rgba(0, 0, 0, 0.8);
	margin-bottom: 2px;
	order: 4;
}

.agenda-body .event-body a.googlemap:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 1023px) {
	.event-content {
		display: flex;
		flex-direction: column;
	}
}

@media (min-width: 1024px) {
	.event .columns .column {
		width: 50%;
	}

	.event .slideshow {
		padding-bottom: 50%;
	}
}

@media (min-width: 1300px) {
	.event-content-header-column {
		width: 50%;
	}

	.event .columns {
		justify-content: space-between;
	}

	.event .columns .column.right {
		width: 50%;
		/* padding-left: 20px; */
	}
}


/* Bios
----------------------------------- */
.bios {
	position: relative;
	font-size: 17px;
}

@media (min-width: 1300px) {
	.bios {
		font-size: 19px;
	}
}

.bios ul {
	display: flex;
	flex-wrap: wrap;
}

.bios ul li {
	width: 100%;
	position: relative;

}

.bios ul li a {
	display: block;
	padding: 11px 13px 1em;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
	margin-bottom: 2px;
}

.bios ul li:not(.inactive) a:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}

.bios ul li.inactive a:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: rgba(0, 0, 0, 0.8);
	cursor: default;
}

.bios ul li.active a {
	/* background-color: transparent !important; */
	background-color: rgba(0, 0, 0, 0.8);
}

.bios ul li a .lastname {
	text-transform: uppercase;
}

.bios .bio-header {
	font-size: 24px;
}

.bios .bio-header .firstname,
.bios .bio-header .titre {
	margin-right: 30px;
}

.bios .bio-header .arrow {
	padding: 14px 13px 13px;
	position: absolute;
	top: 0;
	right: 0;
}

.bios ul li.open .bio-header .arrow,
.bios ul li.opening .bio-header .arrow {
	transform: rotate(180deg);
}

.bios .bio-body {
	display: none;
	height: 0;
	overflow: hidden;
	min-height: 80px;
}

.bios .bio-content {
	background-color: rgba(0, 0, 0, 0.8);
	margin-bottom: 2px;
}

.bios .bio-content .columns {
	display: flex;
	flex-wrap: wrap;
}

.bios .bio-content .columns .column {
	width: 100%;

	box-sizing: border-box;
	position: relative;
}

.bios .bio-content .columns .column.left {
	/* padding-bottom: 50%; */
}

.bios .bio-content .columns .column.right {
	padding: 0 15px;
}

.bios .bio-content p {
	margin-top: 0;
}

.bios .bio-content .post-content {
	padding-top: 14px;
	padding-bottom: 1em;
}

.bios .bio-content .image-container {
	/* position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; */
	position: relative;
	height: 0;
	padding-bottom: 66.666%;
}

.bios ul li.bio.active {
	background-color: transparent;
	width: 100%;
	min-height: 80px;
}

.bios ul li.bio.active,
.bios ul li.bio.active a {
	color: rgba(255, 255, 255, 0.8);
}

.bios ul li.bio.active a {
	position: relative;
	z-index: 2;
	width: 100%;
}

.bios ul li.bio.active .bio-body {
	display: block;
}

.bios h3 {}

@media (min-width: 1024px) {
	.bios .bio-content .columns .column {
		width: 50%;
	}

	.bios .bio-content .columns .column.left {
		padding-bottom: 0;
	}

	.bios .bio-content .post-content {
		padding-left: 7px;
	}
}

@media (min-width: 1300px) {
	.bios .bio-body {
		/* display: none; */
		/* height: 0; */
		/* overflow: hidden; */
		/* width: 66.6667%; */
	}

}




/* Page
---------------------------- */
.page-content {
	padding-bottom: calc(10% + 70px);
	position: relative;
	color: rgba(255, 255, 255, 0.8);

}

.page-content .bios {
	/* font-size: 0.6667em; */
	/* margin: -12px -13px -14px; */
}

.page-content h2,
.page-content h3 {
	margin-bottom: 1em;
}

.page-content h3 {
	margin-top: 2em;
}

.page-content .bios h3 {
	padding: 8px 13px 0;
	margin-top: 0;
}

.page-content .page-section-header {
	margin-bottom: 2px;
	font-size: 2em;
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
}

.page-content .page-section-header a {
	display: block;
	position: relative;
}

.page-content section.mainpage .page-section-header {
	background-color: rgba(0, 0, 0, 0.8);
}

.page-content section.mainpage .page-section-header a {
	color: rgba(255, 255, 255, 0.8);
}

.page-content section.project .page-section-header:hover,
.page-content section.project .subpage.open .page-section-header {
	background-color: rgba(0, 0, 0, 0.8);
}

.page-content section.project .page-section-header a {
	color: rgba(0, 0, 0, 0.8);
}

.page-content section.project .page-section-header:hover a,
.page-content section.project .subpage.open .page-section-header a {
	color: rgba(255, 255, 255, 0.8);
}

/*
.page-content .subpage.open .page-section-header:hover {
	background-color: rgba(255, 255, 255, 0.8);
}
.page-content .subpage.open .page-section-header:hover a {
	color: rgba(0, 0, 0, 0.8);
} */



.page-content .page-section-header .frame {
	height: 0;
	padding-bottom: 33.333%;
}

.page-content section.mainpage .page-section-header .frame {
	height: 0;
	padding-bottom: 33.333%;
}

.page-content section.mainpage {
	margin-bottom: 14px;
}

.page-content .page-section-header h2 {
	position: absolute;
	top: 0;
	padding: 8px 45px 12px 13px;
	box-sizing: border-box;

}

.page-content .page-section-header .arrow {
	position: absolute;
	right: 0;
	top: 0;
	padding: 14px 13px 12px;
	font-size: 24px;
}

.page-content section.subpage .page-section-header h2,
.page-content section.project .page-section-header h2 {
	font-size: 30px;

}


.page-content section.opening .page-section-header .arrow,
.page-content section.open .page-section-header .arrow {
	transform: rotate(180deg);
}


.page-content .page-section-body {
	/* font-size: 1.5em; */
	/* margin-bottom: 14px; */
}

.page-section-body-content {}

.page-section-post-content {
	padding: 8px 13px 2em;

	font-size: 17px;
}

.page-section-post-content strong {
	/* color: #0087ff; */
}

.page-content .page-section-post-content a,
.page-content .page-section-page-subcontent a {
	color: rgba(255, 255, 255, 0.5);
}

.page-content .page-section-post-content a:hover,
.page-content .page-section-page-subcontent a:hover {
	color: rgba(255, 255, 255, 0.8);
}

.page-content .page-section-post-content p {
	margin-top: 0;
}

.page-content .page-section-post-content img,
.page-content .page-section-page-subcontent img {
	/* display: block; */
	max-width: 100%;
	height: auto;
}

.page-content .page-section-post-content .aligncenter,
.page-content .page-section-page-subcontent .aligncenter {
	display: block;
	margin: 0 auto;
}



.page-content .page-section-post-content p.half {
	font-size: 16px;
}


.page-content .page-section-post-content p:last-child {
	margin-bottom: 0;
}

.page-section-page-bio {
	margin-bottom: 14px;
}

.page-section-page-subcontent {
	margin-bottom: 2px;
	/* padding: 8px 13px 2em; */
	padding: 0 13px 0;
	/* background-color: rgba(0, 0, 0, 0.8); */
}

.page-subcontent-columns {
	margin: 0 -13px;
}

.page-subcontent-column {
	box-sizing: border-box;
	/* padding: 8px 13px 1em; */
	padding: 8px 13px 2em;
	background-color: rgba(0, 0, 0, 0.8);
}

.page-subcontent-header {
	margin-bottom: 1em;
}

.page-section-page-subcontent p {
	margin-top: 0;
}

.page-section-page-subcontent p:last-child {
	margin-bottom: 0;
}

.page-section-page-slideshow {
	padding-bottom: 50%;
	margin-bottom: 2px;
	order: -1;
}

.page-section-main-content {}

.page-subcontent-column {
	margin-bottom: 2px;
}

section.project .page-subcontent-column {
	margin-bottom: 0;
}

.page-content .page-section-header a.close-page-btn {
	position: absolute;
	/* color: rgba(255, 255, 255, 0.5) !important; */
	top: 0;
	right: 0;
	padding: 8px 13px 12px;
}

.page-content .page-section-header:hover a.close-page-btn {
	/* color: rgba(0, 0, 0, 0.5) !important; */
}

.page-content .page-section-header a.close-page-btn:hover {
	color: rgba(255, 255, 255, 0.5) !important;
}

.page-column {
	background-color: rgba(0, 0, 0, 0.8);
	margin-bottom: 2px;
}

.page-column.has-subcontent {
	background-color: transparent;
}

@media (max-width: 1023px) {
	.page-section-body-wrap {
		display: flex;
		flex-direction: column;
	}
}



@media (min-width: 540px) {
	.page-subcontent-columns {
		display: flex;
	}

	.page-subcontent-column {
		width: 50%;
	}
}

@media (min-width: 1024px) {
	.page-content .page-section-header .frame {
		padding-bottom: 0;
		height: 100px;
	}

	.page-content section.mainpage .page-section-header .frame {
		/* padding-bottom: 0; */
		/* height: 150px; */
		padding-bottom: 15.35%;
	}

	.page-section-post-content {
		padding-left: 20px;
	}

	.page-section-post-content,
	.page-section-page-subcontent {
		margin-bottom: 0;
	}

	.page-section-main-content {

		/* margin-bottom: 2px; */
	}

	.page-columns {
		display: flex;
	}

	.page-column {
		width: 50%;
	}

	.page-column.primary-column {
		order: 2;
	}

	.page-column.secondary-column {
		order: 1;
	}

	.page-subcontent-columns {
		height: 100%;
	}

	.page-section-page-subcontent {
		height: 100%;
	}

	.page-section-post-content {
		font-size: 17px;
	}

}

@media (min-width: 1100px) {
	.page-content .bios {
		/* font-size: 0.5em; */
	}
}

@media (min-width: 1300px) {
	.page-content .bios {}

	.page-content .page-section-header .frame {
		/* height: 0; */
		/* padding-bottom: 10%; */
	}

	.page-content .page-section-header h2 {
		width: 66.6667%;
	}

	.page-content .page-section-post-content p.half {
		width: 50%;
	}

	.page-content section.mainpage .page-section-header .frame {
		padding-bottom: 10%;
	}

	.page-section-post-content {
		font-size: 19px;
	}
}

@media (min-width: 1800px) {}


/* Impulse
---------------------------- */
.impulse-header {
	font-size: 1.5em;
	margin-bottom: 14px;
}

.impulse-header a {
	color: rgba(255, 255, 255, 0.8);
}

.impulse-header-content {
	display: flex;
	flex-direction: column;
}

.impulse-header-content .impulse-nav {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 2em;
	box-sizing: border-box;

}

.impulse-header-content .impulse-nav a {
	color: rgba(255, 255, 255, 0.8);
}

.impulse-header-content .impulse-nav a:hover {
	color: rgba(255, 255, 255, 0.5);
}

.impulse-header-content .impulse-nav a.active {
	/* font-family: 'EklektoBold', georgia; */
	/* color: rgba(255, 255, 255, 0.5); */
}

.impulse-header-content .impulse-text {
	font-size: 19px;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 2em 13px;
	box-sizing: border-box;
}

.impulse-header-content .impulse-text p:first-child {
	margin-top: 0;
}

.impulse-header-content .impulse-text p:last-child {
	margin-bottom: 0;
}

.impulse-header-content .impulse-header-top,
.impulse-header-content .impulse-header-bottom {
	margin-bottom: 2px;
}

.impulse-header-content .impulse-header-bottom .impulse-nav {
	display: none;
}

.impulse-items-container {
	display: flex;
	flex-wrap: wrap;
	margin: -7px -7px;
}

.impulse-items-container .impulse-item {
	width: 100%;
}

.impulse-items-container .impulse-item .impulse-item-content {
	margin: 7px;

}

.impulse-items-container .impulse-item .impulse-image {
	position: relative;
	height: 0;
	padding-bottom: 150%;
	margin-bottom: 2px;
}

.impulse-items-container .impulse-item-info {
	padding: 8px 13px 2em;
	background-color: rgba(0, 0, 0, 0.8);
}

.impulse-items-container .impulse-item h3 {
	margin: 0;
}

.impulse-items-container .impulse-item a.download-pdf {
	color: rgba(255, 255, 255, 0.8);
}

.impulse-items-container .impulse-item a.download-pdf:hover {
	color: rgba(255, 255, 255, 0.5);
}


.impulse-form {
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	/* margin-top: 5px; */
	font-size: 19px;

	padding: 8px 13px 2em 13px;
	box-sizing: border-box;
}

.form-group {
	margin-bottom: 2em;
}

.impulse-subcontent {
	font-size: 16px;
}

.impulse-subcontent-columns {
	display: flex;
}

.impulse-header-columns .impulse-header-column.impulse-placeholder {
	background-color: rgba(0, 0, 0, 0.8);
}

.impulse-header-columns {
	display: flex;
	flex-direction: column;
	width: 100%;
}

@media (min-width: 450px) {
	.impulse-items-container .impulse-item {
		width: 50%;
	}
}

@media (min-width: 1024px) {

	.impulse-header-content .impulse-header-top,
	.impulse-header-content .impulse-header-bottom {
		display: flex;
	}

	.impulse-header-content .impulse-header-bottom .impulse-nav {
		display: block;
	}

	.impulse-header-content .impulse-text {
		/* width: 50%; */
	}

	.impulse-header-content .impulse-text {
		padding: 8px 13px 2em 13px;
	}

	.impulse-form {
		padding: 8px 13px 2em 13px;
	}

	.impulse-header-content .impulse-text {
		font-size: 17px;
	}
}


@media (min-width: 900px) {
	.impulse-items-container .impulse-item {
		width: 33.333%;
	}
}

@media (min-width: 1100px) {
	.impulse-items-container .impulse-item {
		width: 25%
	}

	/* .impulse-nav,
	.impulse-form {
		width: 50%;
	} */
	.impulse-header-columns {
		flex-direction: row;
	}

	.impulse-header-columns .impulse-header-column {
		width: 50%;
	}
}

@media (min-width: 1300px) {
	.impulse-items-container .impulse-item {
		width: 20%
	}

	.impulse-header-content .impulse-text {
		font-size: 19px;
	}

	.impulse-subcontent-column {
		width: 50%;
	}
}

/* Project
---------------------------- */

section.project a {
	color: rgba(255, 255, 255, 0.8);
}

section.project nav.project-nav ul li a {
	color: rgba(255, 255, 255, 0.8);
	font-size: 24px;
}

section.project nav.project-nav ul li a:hover,
section.project nav.project-nav ul li a.active {
	/* font-family: 'EklektoBold', georgia; */
	color: rgba(255, 255, 255, 0.5);
}

section.project .project-field {
	display: none;
}

section.project .project-field.open {
	display: block;
}

section.project .project-field.small {
	/* font-size: 0.875em; */
}

.page-column.primary-column .small {
	font-size: 0.875em;
}

@media (min-width: 1300px) {

	/* section.project .project-field.small {
		margin-left: calc(33.333% + 7px);
	} */
	.page-column.primary-column .small {}
}


/* Page Popup
---------------------------- */
.page-popup-container {
	position: absolute;
	top: calc(5vw + 70px);
	left: 2px;
	width: calc(100% - 4px);

	z-index: 1;
	color: rgba(255, 255, 255, 0.8);
	font-size: 2em;
	min-height: calc(100vh - 5vw - 70px);
}

.page-popup-container .bios {
	font-size: 0.5em;
	margin: 0 -13px 1em;
}

.page-popup-container .bios h3 {
	padding: 8px 13px 0;
}

.page-popup-container .page-popup h2,
.page-popup-container .page-popup h3 {
	margin-bottom: 1em;
}

.page-popup-container .page-popup .page-header {
	margin-bottom: 14px;
}

.page-popup-container .page-popup .page-header a {
	display: block;
	background-color: rgba(255, 255, 255, 0.8);
}

.page-popup-container .page-popup .page-header a:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}

.page-popup-container .page-popup .page-header .frame {
	height: 0;
	padding-bottom: 18.6%;
}

.page-popup-container .page-popup .page-header h2 {
	position: absolute;
	top: 0;
	padding: 8px 13px 12px;
}

.page-popup-container .page-popup .page-body {
	padding: 8px 13px 12px;
	background-color: rgba(0, 0, 0, 0.8);
}

.page-popup-container .page-popup .page-body p {
	margin-top: 0;
}

@media (min-width: 1024px) {
	.page-popup-container {
		left: 35px;
		width: calc(100% - 70px);
	}
}

@media (min-width: 1100px) {
	.page-popup-container {
		left: 70px;
		width: calc(100% - 126px - 14px);
	}
}

@media (min-width: 1300px) {
	.page-popup-container {
		left: 70px;
		width: calc(100% - 126px - 14px);
	}
}

@media (min-width: 1300px) {
	.page-popup-container {
		width: calc(100%*2/3 - 126px*2/3 - 14px);
	}

}

@media (min-width: 1800px) {
	.page-popup-container {
		left: calc(70px + 25% - 126px/4);
		width: calc(50% - 126px/2 - 14px);
	}
}

/* Accordeon
----------------------------------- */
.accordeon-body {
	position: relative;
	overflow: hidden;
}

.accordeon.open>.accordeon-body {
	height: auto !important;
}

.accordeon-slider {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.accordeon.open>.accordeon-body>.accordeon-slider {
	position: static;
	width: auto;
}


/* Marquee
---------------- */
/* @media (min-width: 800px) {
  #marquee .segment {
    position: static !important;
  }
  #marquee .segment:not(:first-child) {
    display: none !important;
  }
} */

/* Intro
----------------------------------- */
.intro {
	position: relative;
	height: calc(100vh - 70px);
	display: none;
	top: -86px;
}

@media (min-width: 1024px) {
	.intro {
		top: auto;
	}
}

body.intro-open {
	/* overflow: hidden; */
}

body.intro-open .intro {
	display: block;
}

body.intro-open header .menu {
	display: none !important;
}

body.intro-open header .menu-btn {
	display: none !important;
}

.intro .slideshow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Saison artistique @from avril 2025
----------------------------------- */

.saison-artistique-header .saison-artistique-text {
	width: 100%;
}

@media (min-width: 1024px) {
	.saison-artistique-header .saison-artistique-text {
		column-count: 2;
		column-gap: 26px;
	}
}

.saison-artistique-items {
	display: grid;
	grid-template-columns: 100%;
	grid-gap: 14px;
	margin: 0 0 14px;
}

.saison-artistique-items .saison-artistique-item {
	display: flex;
}

.saison-artistique-item-content {
	display: flex;
	flex-direction: column;
}

.saison-artistique-items .saison-artistique-item figure {
	margin: 0;
	/* height: 100%; */
}

.saison-artistique-items .saison-artistique-item .saison-artistique-image {
	/* display: block; */
	/* width: 100%; */
	/* height: var(--width); */
	flex-shrink: 0;
}

.saison-artistique-items .saison-artistique-item figure img {
	width: 100%;
	height: var(--width);
	object-fit: cover;
	object-position: center;
	display: block;
}

.saison-artistique-items .saison-artistique-item-info {
	flex-grow: 1;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 2em;
}

.saison-artistique-items .saison-artistique-item-info a {
	color: rgba(255, 255, 255, 0.5);
}

.saison-artistique-items .saison-artistique-item-info p:first-child {
	margin-top: 0
}

.saison-artistique-items .saison-artistique-item-info p:last-child {
	margin-bottom: 0;
}




.saison-artistique-prochainement {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 2em;
	box-sizing: border-box;
	margin: 0 0 14px;
}

.saison-artistique-prochainement {
	height: 100px;
}

.saison-artistique-prochainement h3 {
	font-size: 32px;
	margin: 0;
}

@media (min-width: 800px) {
	.saison-artistique-items .saison-artistique-item {
		--width: calc((100vw + 10px) / 2);
	}

	.saison-artistique-items {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1024px) {
	.saison-artistique-items .saison-artistique-item {
		--width: calc((100vw - 70px + 14px) / 2);
	}
}

@media (min-width: 1100px) {
	.saison-artistique-items {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.saison-artistique-items .saison-artistique-item {
		--width: calc((100vw - 140px + 14px) / 3);
	}

	.saison-artistique-prochainement {
		height: calc((100vw - 140px)/10);
	}
}

@media (min-width: 1500px) {
	.saison-artistique-items .saison-artistique-item {
		--width: calc((1360px + 14px)/3);
	}
}



/* Home -> saison artistique @from avril 2025
----------------------------------- */
.cell-sections-container {
	/* display: flex;
	flex-direction: column; */
}

@media (min-width:1024px) {
	.cell-sections-container {
		/* flex-direction: row; */
	}
}

.cell-sections-container .cell-section.cell-main-section {
	/* flex-grow: 1;
	display: flex; */
}

.cell-sections-container .cell-section.cell-main-section .cell-content {
	/* flex-grow: 1;
	display: flex; */
}

.cell-sections-container .cell-section.cell-main-section .cell-content .cell-frame {
	/* flex-grow: 1;
	height: auto; */
}

.cell-sections-container .cell-section.cell-right-section {
	/* width: 100%; */
}

@media (min-width:1024px) {
	.cell-sections-container .cell-section.cell-right-section {
		/* width: 50%; */
	}
}

@media (min-width:1300px) {
	.cell-sections-container .cell-section.cell-right-section {
		/* width: 33.333%; */
	}
}

.cell-sections-container .cell-section .embed-content {
	margin: 7px;
	cursor: pointer;
}

.cell-sections-container .cell-section .embed-content iframe {
	display: block;
	width: 100%;
	pointer-events: none;
}



/* Home -> video popup @from avril 2025
----------------------------------- */

.video-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 0;

	animation-duration: 400ms;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
	/*
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running; */
}

.video-popup .video-popup-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0, 0.9);
}

.video-popup .video-popup-content {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-popup .video-popup-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 17px;
	color: white;
	font-size: 2.5em;
	line-height: 0.6em;
	cursor: pointer;
	z-index: 2;
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

/* Footer
----------------------------------- */
footer,
footer a {
	color: rgba(0, 0, 0, 0.4);
}

footer a:hover {
	color: rgba(0, 0, 0, 0.8);
}

footer p {
	margin-top: 0;
}

footer table {
	width: 100% !important;
	;
	height: auto !important;
}

footer table tr {}

footer table tr:nth-child(1) {}

footer table tr:nth-child(2) {
	font-size: 0.75em;
}

footer table td {
	width: auto !important;
	height: 150px !important;
	padding: 14px 13px 0;
	background-color: rgba(230, 230, 230, 0.9);


}

footer table tr:nth-child(2) td {
	height: 75px !important;
}

footer table tr:nth-child(2) td:nth-child(3) {
	font-size: 0.75em;
}

footer table td img {
	margin-top: 2px;
}

/* footer table td::after {
	content:"";
	display: block;
	width: 100%;
	margin-top: 20px;
	border-bottom: 1px solid rgb(102, 102, 102);
} */
@media (max-width: 1023px) {

	footer table,
	footer table tbody,
	footer table tr {
		display: block;
		height: auto !important;
	}

	footer table tr td {
		display: block;
		padding-left: 13px;
		padding-right: 13px;
		margin-bottom: 2px;
	}
}

@media (min-width: 1024px) {
	footer table td {
		width: 33.3334% !important;
	}
}

@media (min-width: 1100px) {}

/* Instrumentarium Header
----------------------------------- */
body.instrumentarium header {
	position: absolute;
	top: 0;
	bottom: 0;
	height: auto;
	width: 100%;
	z-index: auto;
}

body.instrumentarium main {
	/* padding-top: 158px; */
	padding-top: 184px;
}

body.instrumentarium main .page-content {
	z-index: 2;
}

.instrumentarium-header-navigation {
	position: sticky;
	top: 0;
	z-index: 3;
}

.instrumentarium-header-navigation .close {
	display: none;
}

body.instrumentarium-menu-open .instrumentarium-header-navigation .burger {
	display: none;
}

body.instrumentarium-menu-open .instrumentarium-header-navigation .close {
	display: block;
}

.instrumentarium-header-navigation a {
	cursor: pointer;
}

.instrumentarium-header-navigation .instrumentarium-header-columns {
	display: flex;
	padding: 8px 13px;
	height: 96px;
	background-color: #0087ff;
}

.instrumentarium-header-title {
	flex-grow: 1;
}

.instrumentarium-header-menu {
	position: absolute;
	overflow: hidden;
	background-color: #0087ff;
	right: 0;
	width: 0%;
	z-index: 4;
	min-height: 100vh;

	transition: width 300ms;
}

body.instrumentarium-menu-open .instrumentarium-header-menu {
	width: 100%;
}

.instrumentarium-header-menu ul {
	padding: 8px 13px;
	width: 100vw;
}

.instrumentarium-header {
	display: none;
}

body.instrumentarium .header-table {
	background-color: #0087ff;
	padding-left: 13px;
	padding-right: 13px;
}



@media (min-width: 1024px) {
	.instrumentarium-header {
		display: block;
	}

	.instrumentarium-header-navigation {
		display: none;
	}

	body.instrumentarium header .header-content {
		z-index: 4;
	}

	body.instrumentarium main {
		padding-top: 80px;
	}

	.instrumentarium-header-navigation .instrumentarium-header-columns {
		height: 70px;
	}
}



/* Instrumentarium Main
----------------------------------- */

body.instrumentarium {
	background-image: none;
}

body.page.instrumentarium::before {
	content: none;
}

body.page.instrumentarium .header-content {
	background-image: none;
	background-color: #cccccc;
}

body.page.instrumentarium {
	background-color: #cccccc;
}

body.page.instrumentarium .page-content {
	color: rgba(0, 0, 0, 0.8);
}

body.page.instrumentarium .page-content section.mainpage .page-section-header {
	/* background-color: #0087ff; */
}

body.page.instrumentarium .header-cell.banner a h1,
body.page.instrumentarium .header-cell.banner a span {
	color: black;
}

body.page.instrumentarium .header-cell.banner a:hover h1,
body.page.instrumentarium .header-cell.banner a:hover span {
	/* color: rgba(102, 102, 102, 0.8); */
}

body.page.instrumentarium .page-content section.mainpage .page-section-header a {
	color: black;
}

body.page.instrumentarium .header-cell {
	background-color: transparent;
}




@media (min-width: 1800px) {

	body.page.instrumentarium footer,
	body.page.instrumentarium .header-wrapper,
	body.page.instrumentarium main {
		max-width: 1500px;
	}

	body.page.instrumentarium footer .footer-content-wrap,
	body.page.instrumentarium main .page-content-wrap {
		width: inherit;
	}
}

.instrumentarium-header {
	margin-bottom: 16px;
	position: relative;
	background-color: #0087ff;

}

.instrumentarium-header-columns {}

.instrumentarium-header a.handle {
	display: block;
}

.instrumentarium-header h2 {
	font-size: 2em;
	padding: 8px 13px 12px 13px;
}

@media (min-width: 1024px) {
	.instrumentarium-header-columns {
		display: flex;
		margin: 0 -8px;
	}

	.instrumentarium-header a.handle {
		/* width: 33.3333%; */
	}

	.instrumentarium-header h2 {
		padding: 8px 21px 12px 21px;
	}

	.instrumentarium-header p {
		padding: 8px 21px 12px 21px;
	}
}

.instrumentarium-header .instrumentarium-header-info,
.instrumentarium-header .instrumentarium-header-nav {
	padding: 13px 13px 22px 13px;
}

.instrumentarium-header .instrumentarium-header-nav {
	font-size: 1.5em;
	line-height: inherit;
}

.instrumentarium-header a {
	color: black;
}

.instrumentarium-header a:hover {
	color: white;
}

@media (min-width: 1024px) {

	.instrumentarium-header .instrumentarium-header-info,
	.instrumentarium-header .instrumentarium-header-nav {
		width: 33.3333%;
		padding: 13px 21px 22px 21px;
	}
}

.instrumentarium-header .instrumentarium-header-info p {
	margin-top: 0;
}



.instrumentarium * {
	box-sizing: border-box;
}

.instrumentarium input[type=text],
.instrumentarium input[type=date],
.instrumentarium input[type=search],
.instrumentarium textarea {
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	width: auto;
	font-size: 19px;
	line-height: inherit;
	font-weight: inherit;
	font-family: inherit;
}

.instrumentarium select {
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	color: black;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	width: 100%;

	font-size: inherit;
	font-family: inherit;
}

.instrumentarium button {
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: inherit;
	font-family: inherit;
	cursor: pointer;

	border-radius: 0;
	color: black;
}



/* Instrumentarium Page
----------------------------------- */
.instrumentarium-main {
	font-size: 1.5em;
	margin-bottom: 14px;
	/* background-color: rgba(0, 0, 0, 0.8); */
	background-color: #0087ff;
}

.instrumentarium-main a {
	/* color: rgba(255, 255, 255, 0.8); */
	color: black;
}

.instrumentarium-main a.active,
.instrumentarium-main a:hover {
	/* color: rgba(255, 255, 255, 0.5); */
	color: rgba(255, 255, 255, 0.8);
}

.instrumentarium-main-columns {
	display: flex;
}

.instrumentarium-main-column {
	padding: 8px 13px 2em;
	flex-basis: 50%;
}

.instrumentarium-main-column p:first-child {
	margin-top: 0;
}

body.instrumentarium.infinit-scroll .page-content {
	padding-bottom: 0;
}

body.instrumentarium.infinit-scroll footer {
	height: 0;
	overflow: hidden;
}

.instrumentarium-app-content {
	overflow: hidden;
}

/* Instrumentarium Search bar
----------------------------------- */
.instrumentarium .instrumentarium-searchbar {
	margin: 0 -8px 16px;
	font-size: 24px;
	line-height: inherit;
	align-items: baseline;
}

.instrumentarium .instrumentarium-searchbar .search-input,
.instrumentarium .instrumentarium-searchbar .cart-info {
	background-color: white;
	color: rgba(0, 0, 0, 0.8);
	display: flex;
	margin: 0 8px 16px;
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-searchbar {
		display: flex;
	}

	.instrumentarium .instrumentarium-searchbar .search-input,
	.instrumentarium .instrumentarium-searchbar .cart-info {
		width: 50%;
		margin: 0 8px;
	}
}

.instrumentarium .instrumentarium-searchbar .cart-info:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
	/* background-color: #0087ff; */
}

.instrumentarium .instrumentarium-searchbar .search-input input[type=text],
.instrumentarium .instrumentarium-searchbar .search-input input[type=search] {
	flex-grow: 1;
	/* padding: 8px 13px 12px; */
	padding: 4px 13px 8px;
	font-size: 24px;
	/* line-height: inherit; */
	line-height: 35px;
}

.instrumentarium .instrumentarium-searchbar .cart-info-count,
.instrumentarium .instrumentarium-searchbar .cart-info-label {
	padding: 8px 13px 12px;
}

.instrumentarium .instrumentarium-searchbar .cart-info-count {
	flex-grow: 1;
}

.instrumentarium .instrumentarium-searchbar .cart-info-label {
	text-transform: uppercase;
}


/* Instrumentarium Categories
----------------------------------- */
.instrumentarium .instrumentarium-categories {
	grid-template-columns: 33.3333% 33.3333% 33.3333%;
	grid-gap: 0;
	margin: 0 -8px 16px;


}


.instrumentarium .instrumentarium-categories.index {
	grid-template-columns: 25% 25% 25% 25% 25% 25% 25% 25%;
	overflow: auto;
	margin: 0 -1px 16px;

	display: flex;
}

@media (hover: hover) {
	.instrumentarium .instrumentarium-categories.index {
		overflow: hidden;
	}
}

.instrumentarium .instrumentarium-categories .category {
	padding: 0 0 75%;
	height: 0;
	position: relative;
	/* width: 33.3333%;
	padding: 0 0 33.3333%; */

	margin: 0 8px 16px;
	cursor: pointer;
}

.instrumentarium .instrumentarium-categories:not(.index) .category.no-image {
	display: none;
}

.instrumentarium .instrumentarium-categories.index .category {
	margin: 0 1px;
	padding: 0;
	height: 78px;
	min-width: 240px;
	display: flex;
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-categories {
		display: grid;
	}

	.instrumentarium .instrumentarium-categories.index {
		display: flex;
	}

	.instrumentarium .instrumentarium-categories.index .category {
		min-width: 250px;
		/* height: 47px; */
	}
}

.instrumentarium .instrumentarium-categories .category .category-header {
	position: absolute;
	z-index: 2;
	width: 100%;
	min-height: 25%;
	height: auto;
	background-color: rgba(255, 255, 255, 0.8);
	color: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 12px;
}

.instrumentarium .instrumentarium-categories .category:hover .category-header {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
	/* background-color: #0087ff; */
}

.instrumentarium .instrumentarium-categories.index .category .category-header {
	height: 100%;
}

.instrumentarium .instrumentarium-categories .category .category-header h3 {
	margin: 0;
	/* font-size: 1.5em; */
	font-size: 24px;
	line-height: inherit;
}

.instrumentarium .instrumentarium-categories .category .category-body {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	background-color: white;
}

.instrumentarium .instrumentarium-categories .category .category-body.no-image {
	display: none;
}

.instrumentarium .instrumentarium-categories .category .category-body img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.instrumentarium .instrumentarium-categories .category:hover .category-body img {
	filter: invert(100%);
}

.instrumentarium .instrumentarium-categories.index .category .category-body {
	display: none;
}


/* Instrumentarium Results
----------------------------------- */

.instrumentarium .instrumentarium-results {}

.instrumentarium .instrumentarium-results .instrument {
	position: relative;
	overflow: hidden;
	/* background-color: rgba(0, 0, 0, 0.8); */
	/* background-color: rgba(255, 255, 255, 0.8); */
	background-color: #e6e6e6;

	color: rgba(0, 0, 0, 0.8);
	margin-bottom: 2px;
}

.instrumentarium .instrumentarium-results .instrument:hover,
.instrumentarium .instrumentarium-results .instrument.open {
	/* background-color: rgba(0, 0, 0, 0.8); */
	/* color: rgba(255, 255, 255, 0.8); */
}

.instrumentarium .instrumentarium-results .instrument.close {
	height: auto !important;
}

.instrumentarium .instrumentarium-results .instrument .instrument-header {
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: calc(40% + 80px);
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-results .instrument .instrument-header {
		height: 0;
		padding-bottom: 12.5%;
	}
}

.instrumentarium .instrumentarium-results .instrument.close .instrument-header {
	position: relative;
}

.instrumentarium .instrumentarium-results .instrument .instrument-header-content {
	position: absolute;
	width: 50%;
	height: 80px;
	bottom: 0;
	right: 0;
	z-index: 3;
	overflow: hidden;
	display: flex;

	display: none;
}

.instrumentarium .instrumentarium-results .instrument .instrument-header .instrument-handle {
	padding: 8px 13px 120px;
	text-align: right;
	cursor: pointer;
	background-color: white;
	color: rgba(0, 0, 0, 0.8);
	font-size: 19px;
	line-height: inherit;
	flex-grow: 1;
	margin: 2px 0 0 2px;
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-results .instrument .instrument-header-content {
		width: 25%;
		height: 50%;
		top: 0;
		left: auto;
		right: 0;
		bottom: auto;

		display: flex;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-header .instrument-handle {
		margin: 0;
		background-color: transparent;
	}
}

.instrumentarium .instrumentarium-results .instrument:hover .instrument-header .instrument-handle,
.instrumentarium .instrumentarium-results .instrument.open .instrument-header .instrument-handle {
	/* color: rgba(255,255,255,0.8); */
}

.instrumentarium .instrumentarium-results .instrument .instrument-header .instrument-handle:hover {
	/* background-color: rgba(255,255,255,0.8); */
	background-color: rgba(0, 0, 0, 0.8);
	/* color: rgba(0,0,0,0.8); */
	color: rgba(255, 255, 255, 0.8);
}

.instrumentarium .instrumentarium-results .instrument .instrument-header .instrument-handle::after,
.instrumentarium .instrumentarium-results .instrument .instrument-toggle-details button div::after {
	content: "↑";
}

.instrumentarium .instrumentarium-results .instrument.open .instrument-header .instrument-handle::after,
.instrumentarium .instrumentarium-results .instrument.open .instrument-toggle-details button div::after {
	content: "↓";
}


/* body */
.instrumentarium .instrumentarium-results .instrument .instrument-body {
	position: relative;
	width: 100%;
	top: 0;
}

.instrumentarium .instrumentarium-results .instrument.close .instrument-body {
	position: absolute;
}

.instrumentarium .instrumentarium-results .instrument .instrument-main {}

.instrumentarium .instrumentarium-results .instrument .instrument-content {}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-results .instrument .instrument-main {
		display: flex;
		align-items: flex-end;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-content {
		width: 75%;
		align-self: flex-start;
	}
}

.instrumentarium .instrumentarium-results .instrument .instrument-top {}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-image {
	width: 40%;
	margin-bottom: 16px;
	margin-left: 10px;
	/* order: 3; */
	float: right;
}

.instrumentarium .instrumentarium-results .instrument.close .instrument-top .instrument-image {


	/* margin-bottom: 0; */
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-results .instrument .instrument-top {
		display: flex;
		flex-grow: 1;

	}

	.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-image {
		width: 33.333%;
		order: 1;
		float: none;
		margin-left: 0;
	}

	.instrumentarium .instrumentarium-results .instrument.close .instrument-top .instrument-image {
		width: 16.666%;
	}
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-image figure {
	margin: 0;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	cursor: pointer;
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-image img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text {
	padding: 8px 13px 12px;
	flex-grow: 1;
	order: 2;

	font-size: 15px;
	line-height: 17.5px;
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-results .instrument.close .instrument-top .instrument-text {
		display: flex;

		font-size: 17px;
		line-height: 19.5px;
	}
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text p {
	margin: 0;
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-label {
	font-family: "EklektoBold";
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-header {
	font-size: 19px;
	line-height: 21.5px;
	margin-bottom: 16px;
	flex-shrink: 0;
	flex-grow: 0;
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-header {
		width: 50%;
	}
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-header .instrument-text-category {
	text-transform: uppercase;
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-header .instrument-text-title {
	font-family: "EklektoBold";
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-detail {
	margin-bottom: 16px;
	/* width: 50%; */
}


.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-detail .instrument-text-brand,
.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-detail .instrument-text-type,
.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-detail .instrument-text-note,
.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-detail .instrument-text-quality {
	display: flex;
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-detail .hidden {
	display: none;
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-detail .instrument-text-label {
	/* display: inline-block; */
	margin-right: 0.5em;
	width: 5em;
	flex-shrink: 0;
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-detail .instrument-text-value {
	display: inline-block;
}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-description,
.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-transport {
	margin-bottom: 16px;

}

.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-description.hidden,
.instrumentarium .instrumentarium-results .instrument .instrument-top .instrument-text .instrument-text-transport.hidden,
.instrumentarium .instrumentarium-results .instrument.close .instrument-top .instrument-text .instrument-text-description,
.instrumentarium .instrumentarium-results .instrument.close .instrument-top .instrument-text .instrument-text-transport {
	display: none;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control {
	font-size: 19px;
	line-height: inherit;
	display: flex;
	flex-wrap: wrap;
	clear: both;
}

.instrumentarium .instrumentarium-results .instrument.close .instrument-control {
	display: none;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-prix,
.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-jours,
.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-add,
.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-placeholder,
.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-toggle-details {
	width: 100%;
	height: 80px;
	padding-bottom: 0;
	color: black;
	position: relative;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-prix {
	order: 3;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-jours {
	order: 4;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-add {
	order: 1;
	width: 50%;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-placeholder {
	height: 0;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-toggle-details {
	order: 2;
	width: 50%;
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-results .instrument .instrument-control {
		width: 25%;
		display: block;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-prix,
	.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-jours,
	.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-add,
	.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-placeholder {
		height: 0;
		padding-bottom: 25%;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-prix {
		order: 1;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-jours {
		order: 2;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-add {
		order: 3;
		width: 100%;
		display: flex;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-placeholder {
		padding-bottom: 50%;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-toggle-details {
		display: none;
	}
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-prix-content,
.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-jours-content,
.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-add-content {
	position: absolute;
	top: 2px;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-prix-content {
	display: flex;
	justify-content: space-between;
	background-color: white;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-prix-label,
.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-prix-value {
	padding: 8px 13px 12px;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-prix-value {
	font-family: "EklektoBold";
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .select {
	display: grid;
	grid-template-areas: "select";
	align-items: baseline;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .select select {
	padding: 8px 13px 100px;
	grid-area: select;
	cursor: pointer;
	background-color: white;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .select select:hover {
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(0, 0, 0, 0.8);
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .select::after {
	content: "↓";
	grid-area: select;
	justify-self: end;
	pointer-events: none;
	padding: 8px 13px 50px;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .select:hover::after {
	color: rgba(255, 255, 255, 0.8);
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-add button {
	right: 1px;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control button {
	text-align: left;
	padding: 8px 13px 0;
	text-transform: uppercase;
	background-color: white;

	font-size: 19px;
	line-height: 21.5px;

	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
}

.instrumentarium .instrumentarium-results .instrument .instrument-control button div {
	height: 100%;
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-results .instrument .instrument-control button {
		text-align: right;
	}
}

.instrumentarium .instrumentarium-results .instrument .instrument-control button:hover {
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(0, 0, 0, 0.8);
}

.instrumentarium .instrumentarium-results .instrument .instrument-control .instrument-toggle-details button {
	left: 1px;
	right: 0;
}

.instrumentarium .instrumentarium-results .instrument .instrument-toggle-details button {
	text-transform: none !important;
}


.instrumentarium .instrumentarium-results .instrument .instrument-footer {
	/* position: absolute;
	width: 50%;
	height: 80px;
	bottom: 0;
	left: 0;
	padding-bottom: 0;
	z-index: 4; */
	position: absolute;
	width: 100%;
	bottom: 0;

	display: flex;
	justify-content: flex-start;
}

.instrumentarium .instrumentarium-results .instrument.full .instrument-footer {
	display: none;
}

.instrumentarium .instrumentarium-results .instrument .instrument-footer .instrument-footer-content,
.instrumentarium .instrumentarium-results .instrument .instrument-footer .instrument-toggle-details {
	position: relative;
	z-index: 4;
	width: 50%;
	height: 80px;
	padding-bottom: 0;
	overflow: hidden;
}

.instrumentarium .instrumentarium-results .instrument .instrument-footer button {
	padding: 8px 13px 0;
	text-align: left;
	text-transform: uppercase;
	background-color: white;
	font-size: 19px;
	line-height: 21.5px;
	position: absolute;
	top: 2px;
	bottom: 0;
	width: auto;
}

.instrumentarium .instrumentarium-results .instrument .instrument-footer button div {
	height: 100%;
}

.instrumentarium .instrumentarium-results .instrument .instrument-footer-content button {
	left: 0;
	right: 1px;
}

.instrumentarium .instrumentarium-results .instrument .instrument-footer button:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}

.instrumentarium .instrumentarium-results .instrument .instrument-footer .instrument-toggle-details button {
	left: 1px;
	right: 0;
}

@media (min-width: 1024px) {
	.instrumentarium .instrumentarium-results .instrument .instrument-footer {
		justify-content: flex-end;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-footer .instrument-footer-content {
		width: 25%;
		height: 0;
		padding-bottom: 6.25%;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-footer button {
		text-align: right;
		margin: 0;
	}

	.instrumentarium .instrumentarium-results .instrument .instrument-footer .instrument-toggle-details {
		display: none;
	}
}




/* Instrumentarium Equivalence
----------------------------------- */
.instrumentarium .instrument-equivalence {}

.instrumentarium .instrument-equivalence .instrument-equivalence-header {
	position: relative;
	height: 0;
	padding-bottom: 6.25%;
	overflow: hidden;

	background-color: white;
	color: rgba(0, 0, 0, 0.8);
}

.instrumentarium .instrument-equivalence .instrument-equivalence-header:hover {

	background-color: rgba(255, 255, 255, 0.8);
}

.instrumentarium .instrument-equivalence.open .instrument-equivalence-header {
	background-color: transparent;
	color: rgba(255, 255, 255, 0.8);
}

.instrumentarium .instrument-equivalence .instrument-equivalence-header-content {
	position: absolute;
	width: 100%;
	top: 0;
	display: flex;
	justify-content: space-between;
	padding: 8px 13px 50px;
	cursor: pointer;
}

.instrumentarium .instrument-equivalence .instrument-equivalence-header h3 {
	margin: 0;
}

.instrumentarium .instrument-equivalence .instrument-equivalence-header .arrow::after {
	content: "↓";
}

.instrumentarium .instrument-equivalence.open .instrument-equivalence-header .arrow::after {
	content: "↑";
}

.instrumentarium .instrument-equivalence .instrument-equivalence-body {
	overflow: hidden;
	position: relative;
	top: -30px;
	display: flex;
	align-items: flex-end;
	height: 0;
}

.instrumentarium .instrument-equivalence .instrument-equivalence-body .instrument-equivalence-content {
	display: flex;
	flex-grow: 1;
}

.instrumentarium .instrument-equivalence table {
	width: 25% !important;
}

.instrumentarium .instrument-equivalence table th {
	padding: 0 13px 1em;
	font-weight: inherit;
	text-transform: uppercase;
	text-align: left;
}

.instrumentarium .instrument-equivalence table td {
	padding: 0 13px;
}

.instrumentarium .instrument-equivalence table tr th:first-child {
	width: 50px;
}

/* Instrumentarium Piano
----------------------------------- */

.instrumentarium .instrument.close .instrument-notes {
	display: none;
}

.piano {
	font-family: 'pianoregular';
	font-size: 18.8vw;
	line-height: 0.78em;
	color: black;
	margin-top: 0.04em;
	white-space: nowrap;

	/* margin-bottom: -0.04em; */

	clear: both;
}

@media (min-width: 1024px) {
	.piano {
		font-size: 6.8vw;
	}
}

.piano .white {
	/* color: rgba(255, 255, 255, 0.5); */
	color: #cccccc;

}

.piano .white.active {
	color: rgba(255, 255, 255, 1);
}

.piano span:nth-child(46) {
	color: #0087ff !important;
}




/* Instrumentarium Up arrow
----------------------------------- */
.instrumentarium-results-up-arrow {
	position: fixed;
	width: 3em;
	height: 3em;
	left: calc(100vw - 42px);
	bottom: 0.4em;
	z-index: 10;

	cursor: pointer;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.instrumentarium-results-up-arrow-content {
	font-size: 1.75em;
	color: rgba(255, 255, 255, 0.8);
	padding-top: 15px;
}

.instrumentarium-results-up-arrow:hover .instrumentarium-results-up-arrow-content {
	color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 1100px) {
	.instrumentarium-results-up-arrow {
		left: calc(100vw - 65px);
	}
}

@media (min-width: 1500px) {
	.instrumentarium-results-up-arrow {
		left: calc(50vw + (1500px / 2) - 65px);
	}
}


/* Instrumentarium Cart
----------------------------------- */

.instrumentarium-cart-frame {
	padding: 0 0 78px;
	height: 0;
	position: relative;
}

@media (min-width: 1024px) {
	.instrumentarium-cart-frame {
		padding: 0 0 6.25%;
	}
}

.instrumentarium-cart-frame .frame-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 2px;

	display: flex;
	/* background-color: white; */
}





/* Instrumentarium Cart Header
----------------------------------- */

.instrumentarium-cart-header {
	margin: 0 0 14px;
}

.cart-items-info .frame-content {
	justify-content: space-between;
	color: rgba(0, 0, 0, 0.8);
	font-size: 24px;
	padding: 8px 13px 12px;

	background-color: white;
}

.cart-items-info .cart-title {
	text-transform: uppercase;
}

.cart-numdays .frame-content {
	justify-content: space-between;
	color: rgba(0, 0, 0, 0.8);
	font-size: 19px;
}

.cart-numdays .frame-content label {
	justify-content: space-between;
	color: rgba(0, 0, 0, 0.8);
	font-size: 19px;
	padding: 8px 13px 12px;
	background-color: rgba(255, 255, 255, 0.8);
	flex-grow: 1;
}

.cart-numdays .select {
	cursor: pointer;
	flex-shrink: 0;
	overflow: hidden;

	display: grid;
	grid-template-areas: "select";
	align-items: baseline;

}

.cart-numdays select {
	font-size: 19px;
	line-height: 1.3em;
	padding: 6px 28px 160px 13px;
	/* !  à cause de la line-height !*/
	cursor: pointer;
	color: inherit;
	grid-area: select;
	background-color: #0087ff;
}

.cart-numdays select:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1024px) {
	.cart-numdays .frame-content label {
		font-size: 24px;
	}

	.cart-numdays .select {
		width: 25%;
	}

	.cart-numdays select {
		font-size: 24px;
		line-height: 1.3em;
		padding: 6px 13px 160px 13px;
	}
}

.cart-numdays .select::after {
	content: "↓";
	grid-area: select;
	justify-self: end;
	pointer-events: none;
	padding: 8px 13px 50px;
}

.cart-numdays .select:hover::after {
	color: rgba(255, 255, 255, 0.8);
}




/* Instrumentarium Cart Body
----------------------------------- */

.instrumentarium-cart-body {
	margin: 0 0 14px;
}

.instrumentarium-cart-item .instrumentarium-cart-frame {
	padding: 0 0 182px;
}

@media (min-width: 1024px) {
	.instrumentarium-cart-item .instrumentarium-cart-frame {
		padding: 0 0 12.5%;
	}
}

.instrumentarium-cart-item .frame-content {
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 19px;
	line-height: inherit;
}

.instrumentarium-cart-item .cart-item-image {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 100px;
	height: 100px;
}

.instrumentarium-cart-item .cart-item-image figure {
	margin: 0;
	height: 100%;
}

.instrumentarium-cart-item .cart-item-text {
	color: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 12px;
	font-family: "EklektoBold";
	position: absolute;
	top: 0;
	left: 0;
	right: 100px;
	width: auto;
	height: 100px;
}

.instrumentarium-cart-item .cart-item-remove {
	position: absolute;
	top: 102px;
	left: 0;
	width: calc(50% - 1px);
	height: 78px;
}

.instrumentarium-cart-item .cart-item-price {
	position: absolute;
	top: 102px;
	left: calc(50% + 1px);
	width: calc(50% - 1px);
	height: 78px;

	padding: 8px 13px 12px;
	font-family: "EklektoBold";
	color: rgba(0, 0, 0, 0.8);
	background-color: white;
	display: flex;
	justify-content: flex-end;
}

@media (min-width: 1024px) {
	.instrumentarium-cart-item .cart-item-image {
		top: 0;
		left: 0;
		right: auto;
		width: 12.5%;
		height: 100%;
	}

	.instrumentarium-cart-item .cart-item-text {
		top: 0;
		left: 12.5%;
		right: auto;
		width: 37.5%;
		height: 100%;
	}

	.instrumentarium-cart-item .cart-item-remove {
		top: 0;
		left: calc(50% + 1px);
		width: calc(25% - 2px);
		height: 50%;
	}

	.instrumentarium-cart-item .cart-item-price {
		top: 0;
		left: calc(75% + 1px);
		width: calc(25% - 1px);
		height: 50%;
	}
}

.instrumentarium-cart-item .cart-item-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.instrumentarium-cart-item .cart-item-remove button {
	width: 100%;
	height: 100%;
	padding: 8px 13px 12px;
	background-color: white;
	color: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: flex-end;
	line-height: 1.15em;
}

.instrumentarium-cart-item .cart-item-remove button:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}

/* Instrumentarium Cart Footer
----------------------------------- */


.instrumentarium-cart-footer {
	font-size: 19px;
	line-height: inherit;
}

.instrumentarium-cart-profile {
	/* padding: 0 0 160; */
}

.instrumentarium-cart-profile .frame-content {
	flex-direction: column;
}

.instrumentarium-cart-profile .cart-profile-title,
.instrumentarium-cart-profile .cart-profile-options {}

@media (max-width: 1023px) {
	.instrumentarium-cart-profile {
		padding: 0 0 0;
		height: auto;
		margin-bottom: 2px;
	}

	.instrumentarium-cart-profile .frame-content {
		position: static;
	}

	.instrumentarium-cart-profile .cart-profile-options {
		background-color: rgba(255, 255, 255, 0.8);
		padding-bottom: 10px;
	}

	.instrumentarium-cart-profile .cart-profile-options .checkbox {
		background-color: transparent !important;
	}

	.instrumentarium-cart-profile .cart-profile-title {
		padding-bottom: 16px !important;
	}

}


.instrumentarium-cart-profile .cart-profile-title {
	padding: 8px 13px 0px;
	color: rgba(0, 0, 0, 0.8);
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	flex-grow: 1;
}

.instrumentarium-cart-profile .cart-profile-options {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.instrumentarium-cart-profile .cart-profile-options button {
	height: 33.333%;
	margin: 1px 0;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: left;
	padding: 0 13px 0.2em;
}

.instrumentarium-cart-profile .cart-profile-options .checkbox {
	background-color: rgba(255, 255, 255, 0.8);
	text-align: left;
	padding: 0 0.5em 4px;

	display: flex;
	align-items: center;
}

@media (min-width: 1024px) {
	.instrumentarium-cart-profile {
		padding: 0 0 9%;
	}

	.instrumentarium-cart-profile .frame-content {
		flex-direction: row;
	}

	.instrumentarium-cart-profile .cart-profile-title,
	.instrumentarium-cart-profile .cart-profile-options {
		width: auto;
	}

	.instrumentarium-cart-profile .cart-profile-title {
		margin-right: 1px;
		flex-grow: 0;
		flex-shrink: 0;

		width: 12.5%;
	}

	.instrumentarium-cart-profile .cart-profile-options {
		display: flex;
		flex-direction: column;
		margin: -1px 0 -1px 1px;
		flex-grow: 1;
	}

	.instrumentarium-cart-profile .cart-profile-options .checkbox {
		height: 33.333%;
		margin: 1px 0;
		padding: 0 0.5em;
	}

}

.instrumentarium-cart-profile .cart-profile-options .checkbox label,
.instrumentarium-reservation .checkbox label {
	display: flex;
	align-items: baseline;
}

.instrumentarium-cart-profile .cart-profile-options .checkbox input,
.instrumentarium-reservation .checkbox input {
	display: none;
}

.instrumentarium-cart-profile .cart-profile-options .checkbox input+label::before,
.instrumentarium-reservation .checkbox input+label::before {
	content: "";
	display: block;
	width: 0.7em;
	height: 0.7em;
	border-radius: 100%;
	background-color: #e6e6e6;
	margin-right: 0.4em;
	flex-shrink: 0;
}

.instrumentarium-cart-profile .cart-profile-options .checkbox input:checked+label::before,
.instrumentarium-reservation .checkbox input:checked+label::before {
	background-color: black;
}

.instrumentarium-cart-profile .cart-profile-options .checkbox label a,
.instrumentarium-reservation .checkbox label a {
	color: #999999;
}


.instrumentarium-cart-profile .cart-profile-options button.active,
.instrumentarium-cart-profile .cart-profile-options button:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
}

.instrumentarium-cart-total {
	font-family: "EklektoBold";
}

.instrumentarium-cart-sous-total .frame-content,
.instrumentarium-cart-remise .frame-content,
.instrumentarium-cart-total .frame-content,
.instrumentarium-cart-valeur .frame-content,
.instrumentarium-cart-conditions .frame-content {
	background-color: rgba(255, 255, 255, 0.8);
}

.instrumentarium-cart-sous-total .frame-content .cart-title,
.instrumentarium-cart-remise .frame-content .cart-title,
.instrumentarium-cart-total .frame-content .cart-title,
.instrumentarium-cart-valeur .frame-content .cart-title,
.instrumentarium-cart-conditions .frame-content .cart-title {
	color: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 12px;
	flex-grow: 1;
}

.instrumentarium-cart-sous-total .frame-content .cart-value,
.instrumentarium-cart-remise .frame-content .cart-value,
.instrumentarium-cart-total .frame-content .cart-value,
.instrumentarium-cart-valeur .frame-content .cart-value {
	color: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 12px;
	flex-shrink: 0;
}

.instrumentarium-cart-conditions .frame-content .cart-title {
	font-size: 16px;
}

.instrumentarium-cart-nav .frame-content {
	background-color: transparent;
}

.instrumentarium-cart-nav .frame-content a {
	padding: 8px 13px 12px;
	width: 50%;
}

.instrumentarium-cart-nav .frame-content a.cart-print,
.instrumentarium-cart-nav .frame-content a.cart-next {
	color: rgba(0, 0, 0, 0.8);
	background-color: white;
	font-family: "EklektoBold";
}

.instrumentarium-cart-nav .frame-content a.cart-print {
	margin-right: 1px;
}

.instrumentarium-cart-nav .frame-content a.cart-next {
	margin-left: 1px;
	text-align: right;
}

.instrumentarium-cart-nav .frame-content a.cart-print:hover,
.instrumentarium-cart-nav .frame-content a.cart-next:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8);
}


/* Instrumentarium Réservations
----------------------------------- */

.instrumentarium-reservation {}

.instrumentarium-reservation-frame {
	padding: 0 0 78px;
	height: 0;
	position: relative;
}

@media (min-width: 1024px) {
	.instrumentarium-reservation-frame {
		padding: 0 0 6.25%;
	}
}

.instrumentarium-reservation-frame .frame-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 2px;
	display: flex;
	background-color: rgba(255, 255, 255, 0.75);
}

/* Instrumentarium Réservations Header
----------------------------------- */

.instrumentarium-reservation-header {
	margin-bottom: 14px;
}

.instrumentarium-reservation-header .frame-content {
	color: rgba(0, 0, 0, 0.8);
	padding: 8px 13px 12px;
	font-size: 24px;
}

.instrumentarium-reservation-body {
	/* background-color: rgba(0,0,0,0.8); */
	background-color: #e6e6e6;

}



@media (min-width: 1024px) {
	.instrumentarium-reservation-columns {
		display: flex;
	}

	.instrumentarium-reservation-column {
		width: 50%;
	}

	.reservation-form-body {
		padding: 13px 13px 13px;
	}

	.reservation-form-footer {
		padding: 0 13px 13px;
	}
}

/* Instrumentarium Réservations Form
----------------------------------- */

.instrumentarium-reservation input[type=text],
.instrumentarium-reservation input[type=date],
.instrumentarium-reservation input[type=search],
.instrumentarium-reservation textarea {
	background-color: white;
	width: 100%;
	padding: 8px 13px 12px;
	margin: 2px 0;

	display: block;
}

.instrumentarium-reservation .select-container {
	display: grid;
	grid-template-areas: "select";
}

.instrumentarium-reservation select {
	background-color: white;
	color: black;
	width: 100%;
	padding: 8px 13px 12px;
	margin: 0 0;
	grid-area: select;
	font-size: 19px;
}

.instrumentarium-reservation .select-picto {
	grid-area: select;
	justify-self: flex-end;
	align-self: center;
	margin-right: 10px;
	user-select: none;
	color: black;
}

.instrumentarium-reservation button {
	background-color: white;
	color: black;
	width: 100%;
	padding: 8px 13px 12px;
	margin: 2px 0;
	text-align: left;
	display: block;

	font-size: 19px;
}

.instrumentarium-reservation button:hover {
	background-color: black;
	color: rgba(255, 255, 255, 0.8);
}

.instrumentarium-reservation button.ok {
	background-color: black;
	color: white;
}

.instrumentarium-reservation .checkbox {
	background-color: white;
	color: black;
	width: 100%;
	padding: 8px 13px 12px;
	margin: 2px 0;
	display: block;
	font-size: 19px;
}

.instrumentarium-reservation p.warning {
	margin: 0;
	padding: 8px 13px 12px;
	color: red;
	font-size: 19px;

}

.instrumentarium-reservation p.warning:not(.error) {
	display: none;
}


/* Instrumentarium Thanx
----------------------------------- */

.instrumentarium-thanx-columns {
	display: flex;
	background-color: #e6e6e6;
}

.instrumentarium-thanx-columns .instrumentarium-thanx-column {
	padding: 8px 13px 2em;
	width: 50%;
}

.instrumentarium-thanx-columns .instrumentarium-thanx-column h2 {
	font-size: 24px;
	line-height: 1.15em;
	font-weight: normal;
	margin-top: 0;
}

.instrumentarium-thanx-columns .instrumentarium-thanx-column p {
	font-size: 19px;
	line-height: 1.15em;
	margin: 0;
}





/* Instrumentarium Contact et Infos
----------------------------------- */

.instrumentarium-secondary {}

.instrumentarium-secondary * {
	box-sizing: border-box;
}

.instrumentarium-secondary table,
.instrumentarium-secondary tbody,
.instrumentarium-secondary td {
	display: block;
	width: auto !important;
	height: auto !important;
}

.instrumentarium-secondary tr {
	display: block;
	/* background-color: rgba(0, 0, 0, 0.8); */
	background-color: #e6e6e6;
	margin-bottom: 16px;
}

.instrumentarium-secondary tr td {
	padding: 8px 13px 1px;
	font-size: 19px;
}

@media (min-width: 1024px) {
	.instrumentarium-secondary tr {
		display: flex;
		margin-bottom: 2px;
	}

	.instrumentarium-secondary tr td {
		flex-basis: 50%;
		min-width: 0;
	}
}

.instrumentarium-secondary p {
	font-size: 19px;
	line-height: 1.15em;
}

.instrumentarium-secondary p:first-child {
	margin-top: 0;
}

.instrumentarium-secondary h2 {
	font-size: 24px;
	line-height: 1.15em;
	font-weight: normal;
	margin-top: 0;
}

.instrumentarium-secondary h3 {
	font-size: 19px;
	line-height: 1.15em;
	margin-top: 0;
	margin-bottom: 0;
	font-family: "EklektoBold";
	font-weight: normal;
}

.instrumentarium-secondary ul {
	padding-left: 0;
	font-size: 19px;
	line-height: 1.15em;
}

.instrumentarium-secondary ul li {
	list-style-type: none;
	margin-bottom: 1em;
}

.instrumentarium-secondary a {
	color: rgba(0, 0, 0, 0.5);
}

.instrumentarium-secondary a:hover {
	color: rgba(0, 0, 0, 1);
}


/* Instrumentarium Contact et Infos (Map)
----------------------------------- */

.instrumentarium-secondary td:first-child {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.instrumentarium-secondary td:first-child p {
	/* margin: 0; */
	/* font-size: 15px; */
}

.instrumentarium-secondary #map {
	width: 100%;
	height: 310px;
	margin: -8px -13px -1px 0;
}

.instrumentarium-secondary #map iframe {
	height: 100%;
	width: 100%;
	display: block;
}

@media (min-width: 1024px) {
	.instrumentarium-secondary #map {
		width: 100%;
	}
}



/* Instrumentarium Date
----------------------------------- */
.karma-field-date.selected input {
	background-color: #ffffff;
}

.karma-field-date .date-popup-container {
	position: relative;
	z-index: 100000;
}

.karma-field-date .karma-popup {
	position: absolute;
	bottom: 2px;
	z-index: 100;
	width: 245px;
	user-select: none;
}

.karma-field-date .karma-popup .karma-calendar {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .7);
	background: #fcfcfc;
	padding-bottom: 10px;
}

.karma-field-date .date-popup-container.open-down .karma-popup {
	top: 100%;
	bottom: auto;
}

.karma-field-date .karma-popup-header {
	position: absolute;
	width: 100%;
	padding: 20px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	height: 70px;
}

.karma-field-date .karma-popup-header h1 {
	font-size: 18px;
	margin: 5px 0;
}

.karma-field-date .karma-popup-body {
	position: absolute;
	position: absolute;
	width: 100%;
	top: 70px;
	bottom: 70px;
}

.karma-popup-footer {
	position: absolute;
	width: 100%;
	padding: 20px 20px;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	height: 70px;
	bottom: 0;
}

.karma-popup-footer .button-primary {
	float: right;
}

/* calendar */
.karma-calendar-nav {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.karma-calendar-nav div {
	display: table-cell;
	text-align: center;
	width: 20%;
	vertical-align: middle;
	height: 36px;
	cursor: pointer;
}

.karma-calendar-nav div.karma-current-month {
	width: 60%;
}

.karma-calendar-body {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.karma-calendar-body ul {
	display: table-row;
}

.karma-calendar-body ul li {
	display: table-cell;
	width: 14.2857%;
	/* 1/7 */
	text-align: center;
	vertical-align: middle;
	height: 32px;
	cursor: pointer;
	padding: 2px;
}

.karma-calendar-body ul li.offset {
	cursor: default;
}

.karma-calendar-body ul li.offset span {
	display: none;
}

.karma-calendar-body ul li.today {
	background-color: #0087ff;
}

.karma-calendar-arrow:hover,
.karma-calendar-body ul li:hover {
	background-color: rgba(0, 0, 0, 0.3);
}


.karma-calendar-body ul li:active,
.karma-calendar-body ul li.active {
	background-color: #0087ff;
	/* rgba(0,0,0,.04); */
	color: white;
}

.karma-calendar-body ul li:not(.active).today,
.karma-calendar-body ul li:not(.active):hover {
	/* background-color: rgba(0,0,0,.04); */
}

.karma-calendar-body ul li.current {
	padding: 0;
	border: 2px solid black;
}




/* Correspondance (cm-inch)
----------------------------------- */

.instrumentarium-secondary table td table {
	display: table;
}

.instrumentarium-secondary table td table tbody {
	display: table-row-group;
}

.instrumentarium-secondary table td table tbody tr {
	display: table-row;
}

.instrumentarium-secondary table td table tbody tr td,
.instrumentarium-secondary table td table tbody tr th {
	display: table-cell;
	padding-right: 1em;
}



@media (min-width: 1024px) {}



/* -------------------------------- */