/*
Theme Name: Cie 7273 2025 v7
Version: 1
Text Domain: cie-7273
*/


/* Fonts
---------------------------------------------------- */

/*@font-face {
	font-family: union;
	src: url('fonts/union_regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: union;
	src: url('fonts/union_regular_italic.otf');
	font-weight: normal;
	font-style: italic;
}*/


/* General
---------------------------------------------------- */
* {
	box-sizing: border-box;
}

:root {
	font-size: 4.2667vw;
	--grey: #A4A4A4;
	--grey-light: #F4F4F4;
	--border-light: #C8C8C8;

	--small-size: 0.6875rem;
	--medium-size: 0.9375rem;
	--big-size: 1.375rem;

	--header-height: 7rem;
	--single-main-col: 48.75rem;

	--underline-offset: 0.2rem;
}

@media (min-width: 900px) {
	:root {
		font-size: 1.1111vw;
	}
}

body {
	position: relative;
	margin: 0;
	font-family: union, Arial, times, sans-serif;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 899px) {
	body.menu-open {
		overflow: hidden;
	}
}

figure {
	margin: 0;
}

a {
	color: inherit;
	text-decoration: inherit;
}

a {
	transition: color 300ms;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}

.hidden {
	display: none !important;
}



/* Header
---------------------------------------------------- */

.site-header {
	position: sticky;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;

	display: flex;
	flex-direction: column;
	/*align-items: center;*/

	/*color: white;*/

	/*height: 4rem;*/

	/*padding: 1.4rem 1.875rem;*/
	/*gap: 4rem;*/

	background-color: white;
	/*box-shadow: 0 4px 4px 0 rgb(0 0 0 / 0%);*/
	transition: border-color 500ms;
	border-bottom: 1px solid transparent;
}

body.scrolled .site-header {
	/*box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%);*/

	border-color: var(--grey-light);
	/*border: none;*/
}

.site-header-top {
	padding: 1.4rem 1.875rem;
	display: flex;
	justify-content: space-between;
}

body.menu-open .site-header-bottom {
	border-top: 1px solid var(--border-light);
	/*min-height: 6rem;*/
}

@media (min-width: 900px) {
	.site-header {
		top: -6rem;
		transition: top 300ms;
	}

	body.home .site-header {
		top: 0;
	}

	.site-header .menu-btn {
		opacity: 1;
		transition: opacity 300ms;
		cursor: pointer;
	}

	body.menu-open .site-header .menu-btn {
		opacity: 0;
	}

	body.menu-open .site-header {
		top: -6rem;
	}

	.site-header .site-header-bottom {
		/*height: 0;
		overflow: hidden;
		transition: height 300ms;*/
	}

	body.menu-open .site-header .site-header-bottom {
		height: 6rem;
	}

}


/* Header Nav
---------------------------------------------------- */

.site-header .site-nav {
	display: flex;
	gap: 5rem;
	font-size: 0.875rem;
	padding: 0.7rem 1.875rem;
}

.site-header .site-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.site-header .site-nav .site-menu {
	display: flex;
	gap: 3rem;
	flex-grow: 1;
}

.site-header .site-nav a {
	color: inherit;
}

.site-header .site-nav a:hover,
/*.site-header .site-nav .current-menu-ancestor>a,*/
.site-header .site-nav .current-menu-item:not(.has-fragment)>a,
.site-header .site-nav .current-menu-item.has-fragment>a.active {
	color: var(--grey);
	text-decoration: underline;
	text-underline-offset: var(--underline-offset);

}

@media (max-width: 899px) {
	.site-header {
		align-items: flex-start;
		/*padding: 1rem 0.6875rem;*/
		padding: 1rem 1.125rem 1rem 0.6875rem;
	}

	.site-header .site-nav {
		background-color: white;
		position: fixed;
		left: auto;
		right: 0;
		top: 0;
		/*width: 16.625rem;*/
		width: 100%;
		height: 100%;

		display: grid;
		grid-template-columns: 9.8125rem 1fr;
		grid-template-rows: 1fr auto;

		flex-wrap: wrap;
		padding: 1.2rem 0.6875rem;
		gap: 0;

		line-height: 2;
		transform: translateX(100%);
		transition: transform 300ms;

		overflow: scroll;


	}

	body.menu-open .site-header .site-nav {
		transform: translateX(0%);
		box-shadow: 0px 0px 30px 10px color(srgb 0 0 0 / 0.2);
	}

	.site-header .site-nav .site-menu {
		width: 100%;
		font-size: 1.125rem;
	}

	.site-header .site-nav .social-menu,
	.site-header .site-nav .languages {
		align-self: flex-end;
		/*width: 50%;*/
		grid-row: 2;
	}

	.site-header .site-nav .site-menu,
	.site-header .site-nav .social-menu {
		flex-direction: column;
		gap: 0;
	}

	.site-header .site-nav .social-menu {
		/*font-size: 0.5625rem;*/
		font-size: 0.75rem;
		text-transform: uppercase;
		color: var(--grey);
		text-align: right;
		grid-area: 1 / 2 / 3 / 3;
	}


	.site-header .site-nav .sub-menu {
		font-size: 0.75rem;
		border-bottom: 1px solid var(--grey);
		padding-bottom: 0.75rem;
		margin-bottom: 0.5rem;
	}

	.site-header .site-nav .sub-menu a {
		color: var(--grey);
	}

	.site-header .site-nav ul li a:hover {
		color: var(--grey);
		text-decoration: underline;
	}

	.site-header .site-nav .close {
		position: sticky;
		grid-area: 1 / 2 / 2 / 3;
		/*right: 0;*/
		top: 0;
		margin: 0;
		padding: 0.25rem 0.4375rem;
		align-self: flex-start;
		align-content: stretch;
		justify-self: flex-end;
	}
}

.close svg {
	display: block;
	width: 1.25rem;
	height: auto;
}

@media (min-width: 900px) {

	.site-header .site-nav .social-menu {
		display: none;
	}

	.site-header .site-nav .sub-menu {
		/*position: absolute;*/
		/*display: none;*/
		font-size: 0.75rem;
	}

	body.menu-open .site-header .site-nav .sub-menu {
		position: absolute;
	}

	.site-header .site-nav li:hover .sub-menu,
	.site-header .site-nav li.current-menu-ancestor .sub-menu {
		display: block;
	}

	.site-header .site-nav .close {
		display: none;
	}

}


/* Header Mobile
---------------------------------------------------- */

@media (min-width: 900px) {
	.burger {
		display: none;
	}
}

@media (max-width: 899px) {
	.burger {
		padding: 0.4375rem 0;
		margin: 0;
	}

	.burger .point {
		display: block;
		width: 0.625rem;
		height: 0.625rem;
		border-radius: 50%;
		background-color: black;
	}

	.burger svg {
		display: block;
		width: 1.25rem;
		height: 1.25rem;
	}

	.burger svg line {
		stroke: black;
		stroke-width: 0.1rem;
	}
}

/* Language Switch
---------------------------------------------------- */

.site-header .site-nav ul.languages {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 0.1rem;
}

.site-header .site-nav ul.languages li a {
	text-transform: uppercase;
	font-size: 0.75rem;
	line-height: 1.2em;
}

.site-header .site-nav ul.languages li a:not(.active) {
	color: var(--grey);
}


/* Site title
---------------------------------------------------- */

.site-title {
	/*flex-grow: 1;*/
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.75rem;
}

/*.site-title a {
	font-size: 3rem;
	line-height: 1.2em;
}*/

.site-title svg {
	display: block;
	width: 7.5625rem;
	height: auto;
}

.site-title svg path {
	fill: black;
}

.site-authors {
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 0.93;
	display: flex;
	flex-direction: column;
	justify-content: center;
}



@media (max-width: 899px) {
	.site-title {
		justify-content: flex-start;
	}

	.site-title a svg {
		width: 7.9375rem;
	}
}

@media (min-width: 900px) {
	.site-title a svg {
		margin-right: -0.4rem;
	}
}



/* Home Header
---------------------------------------------------- */

body.home:not(.menu-open) .site-header {
	background-color: transparent;
	position: absolute;
	box-shadow: none;
	border-bottom: none;
}

body.home .site-header .site-title a svg path {
	fill: white;
}

body.home .site-header .burger svg line {
	stroke: white;
}


@media (max-width: 899px) {
	body.home .burger .point {
		background-color: white;
	}
}

@media (min-width: 900px) {

	body.home:not(.menu-open) .site-title svg path {
		fill: white;
	}

	body.home:not(.menu-open) .site-header {
		color: white;
	}

	body.home .site-header .site-nav ul ul.sub-menu {
		background-color: transparent;
	}

}



/* Home Slideshow
---------------------------------------------------- */

.slideshow .viewer {
	position: relative;
	width: 100%;
	height: 51rem;
	max-height: 100dvh;
	overflow: hidden;

}

.slideshow .viewer .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.slideshow .viewer .slide img {
	display: block;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.slideshow .viewer .slide .caption {
	position: absolute;
	left: 5.375rem;
	bottom: 2.5rem;
	color: white;
	z-index: 2;
}

.slideshow .viewer .slide .caption h2 {
	/*font-size: 1.375rem;*/
	font-size: var(--big-size);
	/*line-height: 1.2em;*/
	margin: 0;
}

.slideshow .viewer .slide .caption .description {
	/*font-size: 0.9375rem;*/
	font-size: var(--small-size);
	/*line-height: 1.2em;*/
	text-transform: uppercase;
}

@media (max-width: 899px) {
	.slideshow .viewer .slide .caption {
		left: 1.875rem;
	}
}


/* Slideshow Home
---------------------------------------------------- */

.slideshow.home-slideshow {
	position: relative;
	z-index: 2;
}

.slideshow.home-slideshow .viewer .slide {
	opacity: 0;
}

.slideshow.home-slideshow .viewer .slide:first-child {
	opacity: 1;
}



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

.slideshow.project-slideshow {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0.5rem 0 0;
}

.slideshow.project-slideshow .viewer {
	width: 1em;
	/*height: 0.6667em;*/
	height: 0.8em;
	font-size: var(--single-main-col);
	/*font-size: 40rem;*/
}

.slideshow.project-slideshow.panorama .viewer {
	font-size: var(--single-main-col);
}

/*.slideshow.project-slideshow.portrait .viewer {
	font-size: 32rem;
}*/


@media (max-width: 899px) {

	.slideshow.project-slideshow {
		margin: 0 -1.25rem;
	}

	.slideshow.project-slideshow .viewer,
	.slideshow.project-slideshow.panorama .viewer,
	.slideshow.project-slideshow.portrait .viewer {
		/*font-size: 20.9375rem;*/
		font-size: 23.4375rem;
	}
}




/* Slideshow Pagination
---------------------------------------------------- */

.slideshow ul.pagination {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 0.375rem;
	justify-content: center;
	align-items: center;
	height: 4.8125rem;
}

.slideshow ul.pagination li {
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	background-color: #C8C8C8;
	cursor: pointer;
}

.slideshow ul.pagination li.near {
	width: 0.375rem;
	height: 0.375rem;
}

.slideshow ul.pagination li.active {
	width: 0.625rem;
	height: 0.625rem;
	background-color: black;
}

@media (max-width: 899px) {
	.slideshow ul.pagination {
		display: none;
	}
}




/* Archives dates
---------------------------------------------------- */

.year-table {
	width: 100%;
	/*max-width: 52.5625rem;*/
	max-width: 65rem;
	margin: 0 0 0 auto;
	padding: 2rem 1.875rem 4rem;


}

.year-table .year-title {
	/*font-size: 1.375rem;*/
	font-size: var(--big-size);
	/*line-height: 1.2em;*/
	margin: 0 0 1em;
}

.year-table .year-row {
	margin: 0 0 2.5rem;
}

.year-table .event-table {
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--grey);

}

.year-table .event-row {
	display: grid;
	grid-template-columns: 12rem 1fr 1fr;
	border-bottom: 1px solid var(--grey);
	padding: 0.75rem 0;
	gap: 0 1rem;
	align-items: center;
}

.year-table .event-cell.cell-date {
	font-size: var(--small-size);
	text-transform: uppercase;
}

.year-table .event-cell.cell-project {
	font-size: 1rem;
}

.year-table .event-cell.cell-lieu {
	font-size: 1rem;
}

.year-table .event-cell a {
	color: black;
}

.year-table .event-cell a:hover {
	color: var(--grey);
}

@media (max-width: 899px) {
	.year-table {
		padding: 2rem 1.25rem 4rem;
	}

	.year-table .year-title {
		margin: 2.25em 0 0.75rem;
	}

	.year-table .event-row {
		grid-template-columns: 1fr;
		padding: 0.75rem 0;
		gap: 0 0.75rem;
	}

	.year-table .event-cell.cell-date {
		margin: 0 0 0.4rem;
	}
}



/* Home Prochaines dates
---------------------------------------------------- */

.prochaines-dates {
	border-top: 1px solid #E9E9E9;
}

.prochaines-dates .year-table,
.page-home .year-table {
	margin: auto;
	max-width: 65rem;
}

/*.

.prochaines-dates.year-table .event-row {
	grid-template-columns: 12rem 1fr;
	grid-auto-flow: dense;
}



.prochaines-dates.year-table .event-cell.cell-lieu a {
	text-decoration: underline;
	color: var(--grey);
}

.prochaines-dates.year-table .event-cell.cell-lieu a:hover {
	color: black;
}

.prochaines-dates.year-table .event-cell.cell-billet {
	grid-column: 3 / span 1;
	grid-row: span 2;

	font-size: var(--small-size);
	line-height: 1.2em;
	text-transform: uppercase;
}

.prochaines-dates.year-table .event-cell.cell-billet a {
	display: block;
	padding: 0.3rem 0.6rem;
	border: 1px solid black;
	border-radius: 0.8rem;
}

@media (max-width: 899px) {
	.prochaines-dates.year-table .event-row {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 900px) {
	.prochaines-dates.year-table .event-row {
		grid-template-columns: 12rem 1fr;
		grid-auto-flow: dense;
	}

	.prochaines-dates.year-table .event-cell.cell-date {
		grid-column: 1 / span 1;
		grid-row: span 2;
	}

	.prochaines-dates.year-table .event-cell.cell-project {
		grid-column: 2 / span 1;
		grid-row: span 1;
	}

	.prochaines-dates.year-table .event-cell.cell-lieu {
		grid-column: 2 / span 1;
		grid-row: span 1;
	}
}*/





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



section.project {
	padding: 4.0rem 1.875rem 2rem;
}

@media (max-width: 899px) {
	section.project {
		padding: 4rem 1.25rem 4rem;
	}
}


/* Single Project Header
---------------------------------------------------- */






section.project .project-header hgroup h1,
section.project .project-header hgroup p {
	margin: 0;
	/*line-height: 1.2em;*/
	font-weight: inherit;
}

section.project .project-header hgroup h1 {
	font-size: var(--big-size);
}

section.project .project-header hgroup p {
	color: var(--grey);
}

@media (max-width: 899px) {
	section.project .project-header {
		margin-bottom: 4.25rem;
	}
}

@media (min-width: 900px) {
	section.project .project-header hgroup {
		/*position: sticky;*/
		/*top: var(--header-height);*/
	}

	section.project .project-header {
		height: 10rem;
	}
}



/* Single Project Body
---------------------------------------------------- */

.project-columns {
	display: flex;
	gap: 1.875rem;

}

.project-columns .project-column {
	width: 50%;
	flex-grow: 1;
}





.project-content strong {
	font-weight: inherit;
}

.project-content h4 {
	font-weight: inherit;
	font-size: inherit;
}

.project-content a {
	text-decoration: underline;
}

.project-content a:hover {
	color: var(--grey);
}

section.project .project-details {
	color: var(--grey);
}

@media (max-width: 899px) {
	.project-columns {
		flex-wrap: wrap;
	}

	.project-columns .project-column.right {
		order: 1;
	}

	.project-columns .project-column.left {
		order: 2;
	}
}

@media (min-width: 900px) {
	.project-columns .project-column.left {
		/*width: 36.375rem;*/
		flex-shrink: 1;
		flex-grow: 1;
	}

	.project-columns .project-column.right {
		width: var(--single-main-col);
		flex-shrink: 0;
		flex-grow: 0;
	}


}


/* Single Project (COMPAT)
---------------------------------------------------- */

section.project table,
section.project table tbody,
section.project table tr,
section.project table td {
	display: block;
	height: auto !important;
	width: auto !important;
}

section.project table tr {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 1rem;
}

section.project table td strong,
section.project table td b {
	font-weight: inherit;
	text-transform: uppercase;
	/*font-size: 0.6875rem;*/
	font-size: var(--small-size);
	/*line-height: 1.2em;*/
}

@media (max-width: 899px) {
	section.project table tr {
		grid-template-columns: 1fr;
	}
}


/* Single Project (DISTRIBUTION)
---------------------------------------------------- */

.project-distribution {
	display: flex;
	gap: 1rem;
	color: var(--grey);

	padding: 2rem 0;
	border-bottom: 1px solid #E9E9E9;

	font-size: var(--medium-size);
}

.project-distribution .distribution-column {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.project-distribution .distribution-column h3 {
	font-weight: inherit;
	text-transform: uppercase;
	/*font-size: 0.6875rem;*/
	font-size: var(--small-size);
	/*line-height: 1.2em;*/
	margin: 0;
}

.project-distribution .distribution-column p {
	margin: 0;
}

@media (max-width: 899px) {
	.project-distribution {
		flex-wrap: wrap;
	}

	.project-distribution .distribution-column {
		width: 100%;
	}
}

@media (min-width: 900px) {
	.project-distribution .distribution-column {
		width: 50%;
	}
}



/* Single Project (Soutien)
---------------------------------------------------- */

.project-soutien {
	color: var(--grey);
	padding: 2rem 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: var(--medium-size);
}

.project-soutien-block {}

.project-soutien h3 {
	font-weight: inherit;
	text-transform: uppercase;
	/*font-size: 0.6875rem;*/
	font-size: var(--small-size);
	/*line-height: 1.2em;*/
	margin: 0;
}

.project-soutien p {
	margin: 0;
}


/* Single Project Videos
---------------------------------------------------- */

section.project .project-videos {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.9375rem;
}

section.project iframe {

	font-size: var(--single-main-col);
	width: 1em;
}

@media (max-width: 899px) {
	section.project .project-videos {
		gap: 1.25rem;
	}

	section.project .project-videos.desktop {
		display: none;
	}

	section.project iframe {
		font-size: 20.9375rem;
	}
}

@media (min-width: 900px) {
	section.project .project-videos.mobile {
		display: none;
	}
}


/* Single Project Logos
---------------------------------------------------- */

section.project .project-logos {
	margin: 2rem 0 0;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

section.project .project-logos img {
	display: block;
	width: 13.375rem;
	height: auto;
}




/* Projects
---------------------------------------------------- */

.page-projects {
	padding: 3rem 0;
}

.projects-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;

	padding: 1.375rem 1.875rem;
	gap: 1.875rem;
}

.projects-grid .project-cell figure img {
	height: 28.125rem;
	width: 100%;
	display: block;
	object-fit: cover;
	object-position: center;

	box-shadow: 0px 0px 30px 10px transparent;
	transition: box-shadow 400ms;
}

.projects-grid .project-cell:hover figure img {
	box-shadow: 0px 0px 30px 10px color(srgb 0 0 0 / 0.2);
}

.projects-grid .project-cell .caption {
	padding: 0.5rem 0;
	min-height: 5rem;
}

.projects-grid .project-cell .caption h3 {
	font-size: 1rem;
	line-height: 1.2em;
	margin: 0 0 0.3rem;
}

.projects-grid .project-cell:hover .caption h3 {
	text-decoration: underline;
	text-underline-offset: var(--underline-offset);
}

.projects-grid .project-cell .caption p {
	/*font-size: 0.6875rem;*/
	font-size: var(--small-size);
	/*line-height: 1.2em;*/
	margin: 0;
	color: var(--grey);
	text-transform: uppercase;
}


@media (max-width: 899px) {
	.projects-grid {
		grid-template-columns: 1fr;
		padding: 1.375rem 0;
		gap: 1.25rem;
	}

	.projects-grid .project-cell figure img {
		height: 18.75rem;
	}

	.projects-grid .project-cell .caption {
		padding: 0.5rem 1.25rem;
	}
}



/* Page Archives
---------------------------------------------------- */

.page-archives {
	padding: 6rem 0;
}

.projects-grid.archive-projects {
	grid-template-columns: 1fr 1fr 1fr;
}

.projects-grid.archive-projects .project-cell figure img {
	height: 18.375rem;
}

@media (max-width: 899px) {
	.projects-grid.archive-projects {
		grid-template-columns: 1fr;
	}

	.archives-body .year-table {
		padding: 0 1.25rem;
	}
}


/* Page Archives Header
---------------------------------------------------- */

.archives-header {}

.archives-header .archives-nav {
	display: flex;
	gap: 1.875rem;
	height: 2.625rem;
	padding: 0 1.875rem;
}

.archives-header .archives-nav .buttons {
	display: flex;
}

.archives-header .archives-nav .buttons .button {
	border-top: 1px solid var(--grey);
	border-bottom: 1px solid var(--grey);
	color: var(--grey);
	padding: 0 2rem;
	display: flex;
	align-items: center;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 0.875rem;
}

.archives-header .archives-nav .buttons .button:first-child {
	border-left: 1px solid var(--grey);
}

.archives-header .archives-nav .buttons .button:last-child {
	border-right: 1px solid var(--grey);
}


.archives-header .archives-nav .buttons .button.active {
	background-color: black;
	color: white;
	border-color: black;
}

.dropdown {
	border: 1px solid var(--grey);
	border-radius: 2rem;
	display: grid;
	padding: 0;
	grid-template-columns: 1fr 3.1506rem;
}

.dropdown.open {
	background-color: var(--grey-light);
	border-color: var(--grey-light);
}

.dropdown .picto {
	grid-area: 1 / 2 / 2 / 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dropdown svg {
	display: block;
	width: 1.1506rem;
	height: auto;
}

.dropdown select {
	grid-area: 1 / 1 / 2 / 3;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	font-family: inherit;
	font-size: 0.875rem;
	padding: 0 0 0 1rem;
	margin: 0;
	min-width: 0;
}

.dropdown.open select {
	grid-area: 1 / 1 / 2 / 2;
}

select:focus {
	outline: none;
}

.archives-header .dropdown.types {
	width: 16rem;
}

.archives-header .dropdown.dates {
	width: 11rem;
}


@media (max-width: 899px) {
	.archives-header .archives-nav {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 0.75rem 1.25rem;
		height: auto;
		padding: 0 1.25rem;
	}

	.archives-header .archives-nav .buttons .button {
		padding: 0;
		font-size: 0.6875rem;
		width: 4.25rem;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 1.9375rem;
	}

	.dropdown {
		grid-column: 2;
		/*width: 10.4375rem;*/
		height: 1.9375rem;
	}

	.dropdown select {
		font-size: 0.6875rem;
		padding: 0 0 0 1rem;
		width: 100%;
		color: black;
	}

	.archives-header .dropdown.types {
		width: auto;
	}
}

/* Page Compagnie
---------------------------------------------------- */

.page-compagnie {
	padding: 6.3125rem 0 0;
}

.section-compagnie {
	display: flex;
	flex-direction: column;
	padding: 1rem 1.875rem 5rem;
	position: relative;
}

.anchor {
	position: absolute;
	top: -7rem;
}

.section-compagnie .title,
.section-compagnie .content {
	align-self: flex-end;
	width: 100%;
	max-width: 48.6875rem;
}

.dot::before {
	content: "";
	width: 0.625rem;
	height: 0.625rem;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	margin: 0 0.4rem 0 0;
}

h1.dot::before {
	margin: 0 0.4rem 0.125rem 0;
}

.section-compagnie .section-compagnie-images {
	display: flex;
}

.section-compagnie .section-compagnie-images img {
	width: 100%;
	height: auto;
	display: block;
}

@media (max-width: 899px) {
	.section-compagnie {
		padding: 1rem 1.25rem 5rem;
	}

	.section-compagnie .section-compagnie-images {
		margin: 0 -1.25rem;
		gap: 1.25rem;
		flex-direction: column;
	}
}

@media (min-width: 900px) {
	.section-compagnie .section-compagnie-images {
		padding: 2rem 0;
		gap: 1.875rem;
		width: 61.125rem;
		/*height: 35.75rem;*/
		/*overflow: auto;*/
	}

	.section-compagnie .section-compagnie-images figure {
		flex: 1 1 0;
	}
}

/* Page Compagnie Bio
---------------------------------------------------- */

.section-bios {
	padding: 0 1.875rem;
	position: relative;
}

.section-bios .title {
	margin: 0 0 4rem;
}

.bios-table {
	/*width: 100%;
	max-width: 73.6875rem;*/
	display: flex;
	/*gap: 1.875rem;
	margin: 0 auto;*/
}

.bios-table .bios-column {
	/*width: 33.333%;*/
	min-width: 0;
}

.bios-department {
	border-bottom: 1px solid var(--grey);
	margin: 0 0 4rem;
}

.department-title {
	/*font-size: 1.375rem;*/
	font-size: var(--big-size);
	/*line-height: 1em;*/
	margin: 0 0 1em;
}

.bios-table .bio-header {
	height: 2.625rem;
	display: flex;
	align-items: center;
	border-top: 1px solid var(--grey);
	cursor: pointer;
}

.bios-table .bio-title {
	/*font-size: 0.6875rem;*/
	font-size: var(--small-size);
	/*line-height: 1em;*/
	text-transform: uppercase;
	flex-grow: 1;
}

.bios-table .bio-title {
	/*font-size: 0.6875rem;*/
	font-size: var(--small-size);
	/*line-height: 1em;*/
}

.bios-table .bio-header .picto {
	width: 1rem;
	height: 1rem;
	display: block;
	transition: transform 200ms;
}

.bios-table .bio-header .picto svg {
	width: 100%;
	height: 100%;
	display: block;
}

.bios-table .bio-header.active .picto {
	transform: rotate(45deg);
}

.bios-table .bio-body {
	height: 0;
	overflow: hidden;
}

.bios-table .bio-body .bio-image img {
	width: 100%;
	max-width: 9.4375rem;
	height: auto;
	display: block;
}

.bios-table .bio-body .bio-text {
	color: var(--grey);
	/*font-size: 0.9375rem;*/
	font-size: var(--medium-size);
}

@media (max-width: 899px) {
	.section-bios {
		padding: 0 1.25rem;
	}

	.bios-table {
		gap: 1.25rem;
		flex-wrap: wrap;
	}

	.bios-table .bios-column {
		width: 100%;
	}
}

@media (min-width: 900px) {
	.bios-table {
		width: 100%;
		max-width: 73.6875rem;
		display: flex;
		gap: 1.875rem;
		margin: 0 auto;
	}

	.bios-table .bios-column {
		width: 33.333%;
		min-width: 0;
	}
}


/* Page Soutiens
---------------------------------------------------- */

.page-soutiens {
	padding: 6.3125rem 1.875rem 0;
}

.section-soutiens {
	/*display: flex;
	flex-direction: column;*/
	width: 100%;
	max-width: 48.5rem;
	margin: 0 0 0 auto;
}

.section-soutiens-images {
	padding: 1rem 0 4rem;
	display: grid;
	grid-gap: 1.875rem;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: center;
}

.section-soutiens-images .figure {
	min-width: 0;
}

.section-soutiens-images .figure img {
	width: 100%;
	height: auto;
	display: flex;
}

@media (max-width: 899px) {
	.page-soutiens {
		padding: 6.3125rem 1.25rem 0;
	}

	.section-soutiens-images {
		padding: 1rem 0 4rem;
		grid-gap: 1.25rem;
		grid-template-columns: 1fr 1fr;
	}
}

/* Page Contact
---------------------------------------------------- */

body.page-contact {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

body.page-contact .page {
	height: 5rem;
}

body.page-contact .site-footer {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

body.page-contact .site-footer .footer-columns {
	flex-grow: 1;
}

/* Footer
---------------------------------------------------- */

.site-footer {
	background-color: var(--grey-light);
	/*font-size: 0.9375rem;*/
	font-size: var(--medium-size);

	padding: 2rem 0 1rem;
}

body.page-contact .site-footer {
	background-color: transparent;
}

.site-footer .footer-columns {
	display: flex;
}

.footer-contact-content {
	color: var(--grey);
}


.footer-contact-content table,
.footer-contact-content table tbody,
.footer-contact-content table tr,
.footer-contact-content table td {
	display: block;
	height: auto !important;
	width: auto !important;
	padding: 0;
}

.footer-contact-content table tr {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 1rem;
}

.site-footer h2 {
	margin: 0;
	font-weight: inherit;
	font-size: inherit;
}

.site-footer h3 {
	margin: 0;
	font-weight: inherit;
	/*font-size: 0.6875rem;*/
	font-size: var(--small-size);
	text-transform: uppercase;
}

.site-footer p {
	margin: 0 0 1.5rem;
}

.site-footer a {
	color: var(--grey);
	/*text-decoration: underline;*/
}

.site-footer a:hover {
	color: black;
}

@media (max-width: 899px) {
	.site-footer .footer-columns {
		flex-direction: column;
	}

	.site-footer .footer-columns .footer-column {
		padding: 1rem 1.25rem;
	}

	.footer-contact-content {
		/*column-count: 2;*/
		/*column-gap: 1.25rem;*/
		margin: 1.45rem 0;
	}
}

@media (min-width: 900px) {
	.site-footer .footer-columns {
		width: 73.75rem;
		margin: 0 auto;
	}

	.footer-columns .footer-column {
		width: auto;
		flex-grow: 1;
		/*padding-right: 1rem;*/
	}

	.footer-columns .footer-column.contact {
		width: 35.25rem;
		flex-shrink: 0;
		flex-grow: 0;
	}

	.footer-contact-content {
		/*columns: 2 12rem;*/
		/*column-gap: 1.875rem;*/
		margin: 1.45rem 0;
	}
}


/* Footer navigation
---------------------------------------------------- */

.site-footer nav.footer-menu ul {
	list-style-type: none;
	margin: 1.25em 0;
	padding: 0;
}


/* Footer Newsletter
---------------------------------------------------- */

input {
	border: 1px solid var(--grey);
	border-radius: 0;
	background-color: transparent;
	height: 2.3125rem;
	font-family: inherit;
	font-size: inherit;
	padding: 0 0.5rem;
	width: 100%;
	margin: 0.5rem 0;
}

button {
	display: block;
	border: none;
	background-color: transparent;
	font-family: inherit;
	font-size: inherit;
	text-decoration: underline;
	color: var(--grey);
	padding: 0;
	margin: 0.5rem 0;
	cursor: pointer;
}

button:hover {
	color: black;
}

.newsletter-form {
	margin: 0.25rem 0;
}

/* Footer Copyright
---------------------------------------------------- */

.footer-copyright {
	font-size: 0.5rem;
	color: var(--grey);
	padding: 0 1.875rem;

}

.footer-copyright p {
	margin: 0;
	text-align: right;
}


/* Footer Banner
---------------------------------------------------- */

.site-banner {
	position: sticky;
	bottom: 0;
	height: 1.3125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	/*background-color: black;*/
	background-color: #73FEEE;
	/*color: white;*/
	font-size: var(--small-size);
	text-transform: uppercase;
	z-index: 2;
}

.site-banner ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 1rem;
}