*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

img,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

picture {
	display: contents;
}

ul[class],
ol[class] {
	padding: 0;
	list-style: none;
}

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

@font-face {
	font-family: "Trade Gothic LT Std";
	src: url("../fonts/TradeGothicLTStd-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: optional;
}

@font-face {
	font-family: "Trade Gothic LT Std";
	src: url("../fonts/TradeGothicLTStd-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: optional;
}

@font-face {
	font-family: "Trade Gothic LT Std Bold No 2";
	src: url("../fonts/TradeGothicLTStd-BoldNo2.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: optional;
}

:root {
	--color-primary: #db2319;
	--color-dark: #111111;
	--color-medium: #a0a0a0;
	--color-light: #cfcfcf;
	--color-white: #ffffff;

	--color-rose: #ffe7e7;

	--font-body: "Trade Gothic LT Std", Arial, Helvetica, sans-serif;
	--font-nav: "Trade Gothic LT Std Bold No 2", "Trade Gothic LT Std", Arial, Helvetica, sans-serif;

	--container-max: 1360px;

	--container-padding: clamp(1.5rem, 4vw, 2.5rem);

	--header-padding: 2.5rem;

	--header-height: 6.25rem;
	--header-height-mobile: 4.5rem;
}

html {
	color-scheme: light;

	scrollbar-gutter: stable;
}

body {

	padding-block-start: calc(var(--header-height) + 1px);
	font-family: var(--font-body);
	color: var(--color-dark);
	background-color: var(--color-white);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.container {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--container-padding);
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-family: var(--font-nav);
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	min-height: 3.375rem;
	padding-inline: 1.25rem;
	border-radius: 0;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.button--outline {
	background-color: var(--color-white);
	color: var(--color-primary);
	border: 1px solid var(--color-primary);
}

.button--outline:hover,
.button--outline:focus-visible {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.button--primary {
	background-color: var(--color-primary);
	color: var(--color-white);
	border: 1px solid var(--color-primary);
}

.button--primary:hover,
.button--primary:focus-visible {
	background-color: var(--color-white);
	color: var(--color-primary);
}

.modale {
	--modale-icone: 1.5rem;

	width: 52.5rem;
	max-width: calc(100% - 3rem);
	max-height: calc(100% - 3rem);
	padding: 0;
	border: 0;
	overflow: auto;
	background-color: var(--color-white);
	color: var(--color-dark);
	box-shadow: 0 0 1.25rem 0.25rem rgb(0 0 0 / 0.15);
}

.modale--commande {
	--modale-icone: 1.875rem;
}

.modale::backdrop {
	background-color: rgb(0 0 0 / 0.5);
}

body.has-modale-open {
	overflow: hidden;
}

.modale__inner {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	padding: 2.5rem;
}

.modale__entete {
	grid-column: 2;
	grid-row: 1;
}

.modale__corps {
	grid-column: 2;
	grid-row: 2;
}

.modale--onglets .modale__entete {
	grid-column: 1 / -1;
}

.modale--onglets .modale__visuel {
	grid-row: 2;

	margin-top: 1.875rem;
}

.modale__fermer {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	border: 0;
	background: none;
	color: var(--color-primary);
	cursor: pointer;
}

.modale__fermer:hover,
.modale__fermer:focus-visible {
	color: var(--color-dark);
}

.modale__visuel {
	grid-column: 1;

	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16.125rem;

	margin-right: 2.5rem;
	border: 1px solid var(--color-light);
}

.modale__visuel img {
	max-width: 100%;
	max-height: 100%;
}

.modale__entete {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem 2.5rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--color-light);
}

.modale__titre {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.modale__pays {
	display: flex;
	align-items: center;
	gap: 2.5625rem;
	margin-top: 0.125rem;
}

.modale__pays-onglet {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 1.5rem;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--font-nav);
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-dark);
	cursor: pointer;
}

.modale__pays-onglet:not(:first-child)::before {
	content: "";
	position: absolute;
	left: -1.3125rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 1.5rem;
	background-color: var(--color-light);
}

.modale__pays-onglet[aria-selected="true"],
.modale__pays-onglet:hover,
.modale__pays-onglet:focus-visible {
	color: var(--color-primary);
}

.modale__intro {
	margin: 1.875rem 0 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
}

.modale__intro-ligne {
	display: block;
}

.modale__liens {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin: 1.875rem 0 0;
}

.modale__intro + .modale__liens {
	margin-top: 1.25rem;
}

.modale__lien {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	color: var(--color-dark);
}

.modale__icone {
	flex: 0 0 var(--modale-icone);
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--modale-icone);
}

.modale__icone img {
	max-width: 100%;
}

.modale__lien:not(:has(.modale__icone)) {
	padding-left: calc(var(--modale-icone) + 1.25rem);
}

.modale__libelle {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	text-decoration: underline;

	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.125rem;

	overflow-wrap: anywhere;
}

.modale__lien:hover,
.modale__lien:focus-visible {
	color: var(--color-primary);
}

.modale__action {
	margin: 1.875rem 0 0;
}

@media (max-width: 48rem) {
	.modale__inner {
		padding: 2.5rem 1.5rem 1.5rem;
	}

	.modale__visuel {
		display: none;
	}

	.modale__titre,
	.modale__intro,
	.modale__libelle {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.modale__lien {
		align-items: flex-start;
	}

	.modale__icone {

		height: 1.875rem;
	}
}

@media (max-width: 40rem) {
	.modale__pays {
		flex-wrap: wrap;
		gap: 0.625rem 1.25rem;
	}

	.modale__pays-onglet:not(:first-child)::before {
		content: none;
	}
}

.is-accent {
	color: var(--color-primary);
}

.lpn-link {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.125rem;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 60;
	border-bottom: 1px solid var(--color-light);
	background-color: var(--color-white);
}

.site-header__inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	column-gap: 1.5rem;
	min-height: var(--header-height);
	padding-inline: var(--header-padding);
}

.site-header__branding {
	grid-column: 1;
	justify-self: start;
	display: flex;
	align-items: center;
}

.site-header__logo {
	display: inline-flex;
}

.site-header__logo img {
	width: 214.088px;
	height: 60px;
}

.site-header__nav {
	grid-column: 2;
}

.site-header__cta {
	grid-column: 3;
	justify-self: end;
}

.site-header__drawer,
.site-header__drawer-foot {
	display: contents;
}

.site-header__drawer-illustration,
.site-header__toggle {
	display: none;
}

.site-nav {
	display: flex;
	align-items: center;

	margin: 0;

	gap: 2.5625rem;
}

.site-nav li {
	position: relative;
}

.site-nav li:not(:first-child)::before {
	content: "";
	position: absolute;
	left: -1.3125rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 1.5rem;
	background-color: var(--color-light);
}

.site-nav a {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 1.5rem;
	font-family: var(--font-nav);
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-dark);
}

.site-nav a:hover,
.site-nav a:focus-visible {
	color: var(--color-primary);
}

.site-nav .current-menu-item > a,
.site-nav .current_page_item > a {
	color: var(--color-primary);
}

.site-nav .current-menu-item > a::after,
.site-nav .current_page_item > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2.375rem;
	height: 4px;
	background-color: var(--color-primary);
}

@media (max-width: 76rem) {

	body {
		padding-block-start: 0;
	}

	.site-header {
		position: sticky;

		left: auto;
		right: auto;
	}

	.site-header__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: var(--header-height-mobile);
		padding-inline: 1.5rem;
	}

	.site-header__branding img {
		width: 142.725px;
		height: 40px;
	}

	.site-header__toggle {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0;
		border: 0;
		background: none;
		cursor: pointer;
		font-family: var(--font-nav);
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.5;
		text-transform: uppercase;
		color: var(--color-dark);
	}

	.site-header__toggle-label--open,
	.site-header.is-nav-open .site-header__toggle-label--closed {
		display: none;
	}

	.site-header.is-nav-open .site-header__toggle-label--open {
		display: inline;
	}

	.site-header__toggle-icon {
		position: relative;
		flex: none;
		width: 1.4583333rem;
		height: 1.125rem;
	}

	.site-header__toggle-icon span {
		position: absolute;
		left: 0;
		right: 0;
		height: 2px;
		background-color: var(--color-primary);
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	.site-header__toggle-icon span:nth-child(1) {
		top: 0;
	}

	.site-header__toggle-icon span:nth-child(2) {
		top: 50%;
		transform: translateY(-50%);
	}

	.site-header__toggle-icon span:nth-child(3) {
		bottom: 0;
	}

	.site-header.is-nav-open .site-header__toggle-icon span:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}

	.site-header.is-nav-open .site-header__toggle-icon span:nth-child(2) {
		opacity: 0;
	}

	.site-header.is-nav-open .site-header__toggle-icon span:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}

	.site-header__drawer {
		display: none;
		position: fixed;
		top: calc(var(--header-height-mobile) + 1px);
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 55;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 0 1.5rem 1.5rem;
		background-color: var(--color-white);
	}

	.site-header.is-nav-open .site-header__drawer {
		display: flex;
		flex-direction: column;
	}

	.site-header__drawer-foot {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: auto;
		padding-top: 2.5rem;
	}

	.site-header__drawer-illustration {
		display: block;
		width: 4.875rem;
		height: 10rem;
	}

	.site-header__cta.button--outline {
		width: 100%;
		margin-top: 1.5rem;
		background-color: var(--color-primary);
		color: var(--color-white);
	}

	.site-header__cta.button--outline:hover,
	.site-header__cta.button--outline:focus-visible {
		background-color: var(--color-dark);
		border-color: var(--color-dark);
	}

	.site-nav {
		display: block;
		gap: 0;
	}

	.site-nav li:not(:first-child)::before {
		content: none;
	}

	.site-nav li {
		border-bottom: 1px solid var(--color-light);
	}

	.site-nav a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.375rem;
		height: auto;
		padding-block: 1.5rem;
		line-height: 1.5;
	}

	.site-nav a::after,
	.site-nav .current-menu-item > a::after,
	.site-nav .current_page_item > a::after {
		content: "";
		position: static;
		flex: none;
		width: 1.5rem;
		height: 1.5rem;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23db2319' stroke-width='2'%3E%3Cpath d='M8 4l8 8-8 8'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	body.has-nav-open {
		overflow: hidden;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-header__toggle-icon span {
		transition: none;
	}
}

.site-footer {

	padding-block: 2.5rem;
}

.site-footer__top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	margin-bottom: 1.875rem;
}

.site-footer__col {
	border: 1px solid var(--color-light);
	padding: 1.5rem 1.875rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.site-footer__social-title {

	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	margin: 0;
}

.site-footer__social-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	column-gap: 1rem;
	row-gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer__social-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;

	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	text-decoration: underline;

	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.125rem;
	color: var(--color-dark);
}

.site-footer__social-link:hover,
.site-footer__social-link:focus-visible {
	color: var(--color-primary);
}

.site-footer__social-icon {
	width: 1.6875rem;
	height: 1.6875rem;
	flex-shrink: 0;
}

.site-footer__newsletter-eyebrow {

	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 700;
	color: var(--color-primary);
	margin: 0 0 0.3125rem;
}

.site-footer__newsletter-title {
	font-family: var(--font-body);
	font-size: 1.3125rem;
	font-weight: 700;
	margin: 0 0 1rem;
}

.site-footer__newsletter-title--error {
	color: var(--color-primary);
}

.site-footer__newsletter-form {
	display: flex;
	gap: 1.25rem;
}

.site-footer__newsletter-form .button {
	min-height: 3.4375rem;
}

.site-footer__newsletter-input {
	flex: 1;
	min-width: 0;
	min-height: 3.4375rem;
	border: 1px solid var(--color-dark);
	padding-inline: 1.25rem;

	font-family: var(--font-nav);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1875rem;
	text-transform: uppercase;
	color: var(--color-dark);
}

.site-footer__newsletter-input::placeholder {
	color: var(--color-medium);
	text-transform: uppercase;
}

.site-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.site-footer__credits {
	font-family: var(--font-body);
	font-size: 1rem;
	color: var(--color-dark);
	margin: 0;
}

.site-footer__legal-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2.5625rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer__legal-list li {
	position: relative;
}

.site-footer__legal-list li:not(:first-child)::before {
	content: "";
	position: absolute;
	left: -1.3125rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 1.5rem;
	background-color: var(--color-light);
}

.site-footer__legal-list a {
	font-family: var(--font-body);
	font-size: 1rem;
	color: var(--color-dark);
}

.site-footer__legal-list a:hover,
.site-footer__legal-list a:focus-visible {
	color: var(--color-primary);
}

@media (max-width: 48rem) {

	.site-footer {
		border-top: 1px solid var(--color-light);
		margin-top: 2.5rem;
		padding-block: 0 1.5rem;
	}

	.site-footer__top {
		grid-template-columns: 1fr;
		gap: 0;
		margin-bottom: 0;
	}

	.site-footer__col {
		border: 0;
		border-bottom: 1px solid var(--color-light);
		padding: 0;
	}

	.site-footer__social {
		padding-block: 1rem 1.5rem;
	}

	.site-footer__newsletter {
		padding-block: 1.5rem;
	}

	.site-footer__social-title {
		font-size: 1.3125rem;
		line-height: 2.5rem;
	}

	.site-footer__social-title::after {
		content: "\00a0:";
	}

	.site-footer__social-list {
		gap: 2rem;
		margin-top: 0.25rem;
	}

	.site-footer__social-link {
		display: flex;
		gap: 0;
	}

	.site-footer__social-icon {
		width: 1.5rem;
		height: 1.5rem;
	}

	.site-footer__newsletter-eyebrow {
		margin-bottom: 0.5rem;
	}

	.site-footer__newsletter-eyebrow,
	.site-footer__legal-list,
	.site-footer__legal-list li,
	.site-footer__credits {
		line-height: 1.1875rem;
	}

	.site-footer__newsletter-title {
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin-bottom: 0.5rem;
	}

	.site-footer__newsletter-form {
		flex-direction: row;
		gap: 0.25rem;
	}

	.site-footer__newsletter-input {
		min-height: 3.375rem;
		padding-inline: 1rem;
	}

	.site-footer__newsletter-form .button {
		min-height: 3.375rem;
	}

	.site-footer__newsletter-submit {
		flex: none;
		width: 3.375rem;
		height: 3.375rem;
		padding-inline: 0;
	}

	.site-footer__newsletter-submit::after {
		content: "";
		width: 1.375rem;
		height: 1.25rem;
		background-color: currentColor;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.04991 9.18488L0 11.9565C0 11.9565 5.38861 16.0329 7.7016 20C7.7016 20 12.1687 10 22 1.38972L21.1469 0C21.1469 0 12.8781 5.38044 7.59591 13.0978C7.59591 13.0978 4.40319 10.1769 2.05067 9.18488H2.04991Z'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	.site-footer__social-label,
	.site-footer__newsletter-submit-label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}

	.site-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	.site-footer__legal {
		order: -1;
		width: 100%;
		border-bottom: 1px solid var(--color-light);
		padding-block: 1.5rem;
	}

	.site-footer__legal-list {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5rem;
	}

	.site-footer__legal-list li:not(:first-child)::before {
		content: none;
	}

	.site-footer__credits {
		padding-top: 1.5rem;
	}
}

:where(.page-auteurs) :where(h1, h2, h3, p, blockquote, ul) {
	margin: 0;
	padding: 0;
}

.page-auteurs__rule {
	height: 1px;
	margin: 0;
	border: 0;
	background-color: var(--color-light);
}

.page-auteurs__title {
	margin-top: 2.15252rem;
	margin-bottom: 2.26397rem;
	font-family: var(--font-body);
	font-size: clamp(2rem, 6.1975vw, 5.57775rem);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-auteurs__hero {
	display: grid;
	grid-template-columns: 58.59375% 31.25%;

	align-items: center;
	padding-top: 1.125rem;
	margin-bottom: 1.25rem;
}

.page-auteurs__chapo {
	padding-top: 3.875rem;
	margin-left: 2.5rem;
	max-width: 39.5625rem;
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
}

.page-auteurs__hero-illustration {
	width: 100%;
	aspect-ratio: 400 / 355;
	object-fit: contain;
}

.page-auteurs__section-title {
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-auteurs__section-title--nouveaux {
	margin-top: 10.375rem;
}

.page-auteurs__section-title--createurs {
	margin-top: 5rem;
	margin-bottom: 1.25rem;
}

.page-auteurs__intro {
	margin-top: 2.5rem;
	max-width: 59.375rem;
	font-family: var(--font-body);
	font-size: 1.3125rem;
	line-height: 2rem;
}

.page-auteurs__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	margin-top: 2.5rem;
	list-style: none;
}

.page-auteurs__card {
	scroll-margin-top: calc(var(--header-height) + 1px + 2.5rem);
}

@media (max-width: 76rem) {
	.page-auteurs__card {
		scroll-margin-top: calc(var(--header-height-mobile) + 1px + 1.5rem);
	}
}

.page-auteurs__card-visual {
	width: 100%;
	aspect-ratio: 400 / 320;
	object-fit: cover;
}

.page-auteurs__card-name,
.page-auteurs__creator-name {
	margin-top: 1.25rem;
	font-family: var(--font-body);
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 2rem;
}

.page-auteurs__card-role,
.page-auteurs__creator-dates {
	margin-top: 0.125rem;
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1875rem;
	color: var(--color-primary);
}

.page-auteurs__card-bio,
.page-auteurs__creator-bio {
	margin-top: 1.25rem;
	font-family: var(--font-body);
	font-size: 1.3125rem;
	line-height: 2rem;
}

.page-auteurs__creators {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	align-items: start;
	margin-top: 2.5rem;
}

.page-auteurs__creator-photo {
	width: calc(100% + 1.25rem);

	max-width: none;
	aspect-ratio: 640 / 521;
	object-fit: cover;
}

.page-auteurs__creator:nth-child(even) .page-auteurs__creator-photo {
	margin-left: -1.25rem;
}

.page-auteurs__creator-name {
	margin-top: 1.875rem;
}

.page-auteurs__creator-name:first-child {
	margin-top: 0;
}

.page-auteurs__creator-quote {
	margin-top: 1.5625rem;
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-auteurs__creator-bio p + p {
	margin-top: 1.25rem;
}

.page-auteurs__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

@media (max-width: 64rem) {
	.page-auteurs__cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 48rem) {
	.page-auteurs__title {
		margin-block: 1.5rem;
	}

	.page-auteurs__hero {
		grid-template-columns: 1fr;
		padding-top: 1.5rem;
		margin-bottom: 1rem;
	}

	.page-auteurs__hero-illustration {
		order: -1;
	}

	.page-auteurs__chapo {
		padding-top: 1.5rem;
		margin-left: 0;
		max-width: none;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-auteurs__section-title {
		font-size: 1.3125rem;
		line-height: 1.5625rem;
	}

	.page-auteurs__section-title--nouveaux {
		margin-top: 2.5rem;
	}

	.page-auteurs__section-title--createurs {
		margin-top: 2.5rem;
		margin-bottom: 1rem;
	}

	.page-auteurs__intro,
	.page-auteurs__card-bio,
	.page-auteurs__creator-bio {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-auteurs__intro {
		margin-top: 1.5rem;
		max-width: none;
	}

	.page-auteurs__card-name,
	.page-auteurs__creator-name {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-auteurs__cards,
	.page-auteurs__creators {
		grid-template-columns: 1fr;
		gap: 2.5rem;
		margin-top: 1.5rem;
	}

	.page-auteurs__creator-photo,
	.page-auteurs__creator:nth-child(even) .page-auteurs__creator-photo {
		width: 100%;
		margin-left: 0;
	}

	.page-auteurs__creator-name {
		margin-top: 1.5rem;
	}

	.page-auteurs__creator-quote {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-auteurs__outro {
		margin-top: 2.5rem;
	}
}

:where(.page-historique) :where(h1, h2, p, ul, figure, figcaption) {
	margin: 0;
	padding: 0;
}

.page-historique__rule {
	position: relative;
	z-index: 1;
	height: 1px;
	margin: 0;
	border: 0;
	background-color: var(--color-light);
}

.page-historique__title {
	margin-top: 2.500938rem;
	margin-bottom: 2.9705rem;
	font-family: var(--font-body);
	font-size: clamp(2rem, 5.031743vw, 4.528569rem);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-historique__hero {
	display: grid;
	grid-template-columns: 53.90625% 36.40625%;
	justify-content: space-between;
}

.page-historique__chapo {
	margin-top: 5rem;
	margin-bottom: 5rem;
	margin-left: 2.5rem;
	max-width: 36.25rem;
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
}

.page-historique__hero-illustration {
	width: 100%;
	aspect-ratio: 466 / 450;
	object-fit: contain;
}

@media (min-width: 90rem) {
	.page-historique__hero-illustration {
		margin-top: -0.9375rem;
		margin-bottom: -1.5625rem;
	}
}

.page-historique__hero {
	align-items: center;
}

.page-historique__section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1fr;
	column-gap: 2.5rem;
	align-items: start;
	margin-top: 5rem;
}

.page-historique__section-title {
	grid-row: 1;
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-historique__section-text {
	grid-row: 2;
	margin-top: 1.5625rem;
	font-family: var(--font-body);
	font-size: 1.3125rem;
	line-height: 2rem;
}

.page-historique__section-text p + p {
	margin-top: 2rem;
}

.page-historique__visual {
	grid-row: 1 / 3;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid var(--color-light);
	padding: 2.5rem;
}

.page-historique__section--left .page-historique__visual {
	grid-column: 1;
}

.page-historique__section--left .page-historique__section-title,
.page-historique__section--left .page-historique__section-text {
	grid-column: 2;
}

.page-historique__section--right .page-historique__visual {
	grid-column: 2;
}

.page-historique__section--right .page-historique__section-title,
.page-historique__section--right .page-historique__section-text {
	grid-column: 1;
}

.page-historique__visual img {
	width: 100%;
	height: auto;
}

.page-historique__visual figcaption {
	margin-top: 1rem;
	font-family: var(--font-body);
	font-size: 1rem;
	font-style: italic;
	line-height: 2rem;
	text-align: center;
}

.page-historique__figures {
	margin-top: 5rem;
}

.page-historique__figures .page-historique__rule {
	margin-top: 1.25rem;
}

.page-historique__figures-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	margin-block: 2.5rem;
	list-style: none;
}

.page-historique__figure:not(:last-child) {
	border-right: 1px solid var(--color-light);
}

.page-historique__figure-value {
	font-family: var(--font-body);
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 3.3125rem;
	color: var(--color-primary);
}

.page-historique__figure-desc {
	margin-top: 0.625rem;
	font-family: var(--font-body);
	font-size: 1.3125rem;
	line-height: 2rem;
}

.page-historique__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

@media (max-width: 48rem) {
	.page-historique__title {
		margin-block: 1.5rem;
	}

	.page-historique__hero {
		grid-template-columns: 1fr;
	}

	.page-historique__hero-illustration {
		order: -1;
		margin-block: 0;
	}

	.page-historique__chapo {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
		margin-left: 0;
		max-width: none;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-historique__section {
		grid-template-columns: 1fr;
		margin-top: 2.5rem;
	}

	.page-historique__section-title,
	.page-historique__section--left .page-historique__section-title,
	.page-historique__section--right .page-historique__section-title {
		grid-row: 1;
		grid-column: 1;
	}

	.page-historique__visual,
	.page-historique__section--left .page-historique__visual,
	.page-historique__section--right .page-historique__visual {
		grid-row: 2;
		grid-column: 1;
		margin-top: 1.5rem;
		padding: 1.5rem;
	}

	.page-historique__section-text,
	.page-historique__section--left .page-historique__section-text,
	.page-historique__section--right .page-historique__section-text {
		grid-row: 3;
		grid-column: 1;
		margin-top: 1.5rem;
	}

	.page-historique__section-title,
	.page-historique__figures .page-historique__section-title {
		font-size: 1.3125rem;
		line-height: 1.5625rem;
	}

	.page-historique__section-text,
	.page-historique__figure-desc {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-historique__section-text p + p {
		margin-top: 1.875rem;
	}

	.page-historique__figures {
		margin-top: 2.5rem;
	}

	.page-historique__figures .page-historique__rule {
		margin-top: 1rem;
	}

	.page-historique__figures-list {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		margin-block: 1.5rem;
	}

	.page-historique__figure:not(:last-child) {
		border-right: 0;
	}

	.page-historique__figure-value {
		font-size: 2.5rem;
		line-height: 3rem;
	}
}

.page-livres__title {
	margin-top: 2.20125rem;
	margin-bottom: 2.077625rem;
	font-family: var(--font-body);
	font-size: clamp(2rem, 6.35681vw, 5.721125rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.03348em;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-livres__rule {
	height: 1px;
	margin: 0;
	border: 0;
	background-color: var(--color-light);
}

.page-livres__hero {
	position: relative;
	padding-top: 3.125rem;
	padding-bottom: 2rem;
}

.page-livres__chapo {
	max-width: 35.75rem;
	margin-left: 2.5rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-dark);
}

.page-livres__chapo p {
	margin: 0;
}

.page-livres__chapo p + p {
	margin-top: 1.25rem;
}

.page-livres__hero-illustration {
	position: absolute;
	top: 5rem;
	right: 4.375rem;
	width: 38.75rem;
	height: auto;
}

@media (max-width: 85rem) {

	.page-livres__hero {
		display: flex;
		flex-direction: column;
		padding-bottom: 0;
	}

	.page-livres__chapo {
		max-width: none;
		margin-left: 0;

		margin-top: 2rem;
	}

	.page-livres__hero-illustration {
		order: -1;
		position: static;
		display: block;
		width: min(38.75rem, 100%);
		margin: 0 auto;
	}
}

.nouveaute {
	position: relative;
	min-height: 36.25rem;
	margin-top: 8.1875rem;
	margin-bottom: 5.3125rem;
	border: 1px solid var(--nouveaute-fond, var(--color-light));
	background-color: var(--nouveaute-fond, transparent);
}

.nouveaute__couverture {
	position: absolute;
	top: 5rem;
	left: 6.875rem;
	width: 25rem;
}

.nouveaute__recto {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 0 2.5rem 0.3125rem rgb(0 0 0 / 0.24);
}

.nouveaute__lien {
	display: block;
}

.nouveaute__lien:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 0.25rem;
}

.nouveaute__verso {
	display: none;
}

@media (hover: hover) {

	.nouveaute__verso {
		position: absolute;
		inset: 0;
		display: flex;

		pointer-events: none;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		margin: 0;
		padding-top: 1.25rem;
		overflow: hidden;
		background-color: var(--color-white);
		opacity: 0;
		transition: opacity 0.2s ease;
	}

	.nouveaute__couverture--survolable:hover .nouveaute__verso,
	.nouveaute__couverture--survolable:focus-within .nouveaute__verso {
		opacity: 1;
	}

	.nouveaute__verso img {
		display: block;
		width: 105%;
		max-width: none;
		height: auto;
		min-height: 0;
		object-fit: contain;
		box-shadow: none;
	}

	.nouveaute__verso figcaption {
		margin-top: auto;
		padding-bottom: 1.25rem;
		font-size: 1rem;
		font-style: italic;
		line-height: 2rem;
		text-align: center;
		color: var(--color-dark);
	}
}

.nouveaute__contenu {
	padding: 7.5rem 3.125rem 0 36.875rem;
}

.nouveaute__titre {
	margin: 0 0 0.625rem;
	font-family: var(--font-body);
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 3.3125rem;
	color: var(--color-dark);
	text-transform: uppercase;
}

.nouveaute__texte {
	font-size: 1.5rem;
	line-height: 2.3rem;
	color: var(--color-dark);
}

.nouveaute__texte p {
	margin: 0;
}

.nouveaute__actions {
	display: flex;
	gap: 1.25rem;
	margin: 1.875rem 0 0;
}

.nouveaute__copyright {
	margin: 4.375rem 0 0;
	font-size: 1rem;
	line-height: 1.1875rem;
	color: var(--color-dark);
}

.nouveaute__saute,
.nouveaute__longue-vue {
	position: absolute;
	height: auto;
}

.nouveaute__flaque,
.nouveaute__saute,
.nouveaute__longue-vue {
	z-index: 1;
}

.nouveaute__flaque {
	display: none;
}

.nouveaute__saute {
	top: -8.1875rem;
	left: 14.3125rem;
	width: 10.125rem;
}

.nouveaute__longue-vue {
	top: 28.125rem;
	right: 3.9375rem;
	width: 13.5625rem;
}

@media (max-width: 85rem) {
	.nouveaute {
		min-height: 0;
		margin-top: 6rem;
		margin-bottom: 3rem;
		padding: 2.5rem;
	}

	.nouveaute__couverture {
		position: relative;

		inset: auto;
		width: min(25rem, 100%);
		margin: 0 auto 2.5rem;
	}

	.nouveaute__contenu {
		padding: 0;
	}

	.nouveaute__saute {
		top: -5rem;
		left: 1.5rem;
		width: 7.5rem;
	}

	.nouveaute__longue-vue {
		display: none;
	}

	.nouveaute__copyright {
		margin-top: 2.5rem;
	}
}

@media (max-width: 48rem) {
	.nouveaute {
		margin-top: 6rem;
		margin-bottom: 2.5rem;
		padding: 0;
		border: 0;
		background-color: transparent;
	}

	.nouveaute__couverture {
		width: auto;
		margin: 0;
		padding: 2.5rem 2.5rem 0;
		border: 1px solid var(--nouveaute-fond, var(--color-light));
		background-color: var(--nouveaute-fond, transparent);
	}

	.nouveaute__recto {
		margin-bottom: -2.5rem;

		box-shadow: 0 0 1.25rem 0.25rem rgb(0 0 0 / 0.15);
	}

	.nouveaute__flaque {
		position: absolute;
		display: block;
		top: -6rem;
		left: 0.75rem;
		width: 7.125rem;
		height: auto;
	}

	.nouveaute__saute {
		top: -5.8125rem;
		right: 0.25rem;
		left: auto;
		width: 7.125rem;
		transform: scaleX(-1);
	}

	.nouveaute__contenu {
		padding-top: 4.5rem;
	}

	.nouveaute__titre {
		margin-bottom: 0.25rem;
		font-size: 2.5rem;
		line-height: 1.2;
	}

	.nouveaute__texte {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.nouveaute__actions {
		flex-direction: column;
		gap: 1rem;
		margin-top: 1.5rem;
	}

	.nouveaute__copyright {
		margin-top: 1.5rem;
	}
}

@media (hover: hover) and (max-width: 48rem) {
	.nouveaute__verso {
		inset: 2.5rem 2.5rem -2.5rem;
	}

	.nouveaute__verso img {
		width: 100%;
	}
}

.page-livres__section {
	margin-top: 5rem;
}

.nouveaute + .page-livres__section {
	margin-top: 10rem;
}

.page-livres__section-title {
	margin: 0;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--color-light);
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-livres__section-intro {
	padding-top: 2.5rem;
	font-size: 1.3125rem;
	font-weight: 400;
	line-height: 2rem;
	color: var(--color-dark);
}

.page-livres__section-intro p {
	margin: 0;
}

.page-livres__grid {
	display: grid;
	grid-template-columns: repeat(var(--colonnes, 3), 1fr);
	gap: 2.5rem;
	margin: 2.5rem 0 0;
	padding: 0;
	list-style: none;
}

.page-livres__item {
	position: relative;
	container-type: size;
	display: grid;
	place-items: center;
	min-width: 0;
	border: 1px solid var(--color-light);
}

.page-livres__grid--3 .page-livres__item {
	aspect-ratio: 400 / 490;
	padding: 3.75rem;
}

.page-livres__grid--4 .page-livres__item {
	aspect-ratio: 290 / 355;
	padding: 2.5rem;
}

.page-livres__section--fond .page-livres__grid--4 .page-livres__item {
	aspect-ratio: 290 / 375;
}

.page-livres__item img {
	max-width: 100cqw;
	max-height: 100cqh;
	width: auto;
	height: auto;
}

.page-livres__grid--3 .page-livres__item img {
	box-shadow: 0 0 1.875rem 0.25rem rgb(0 0 0 / 0.15);
}

.page-livres__grid--4 .page-livres__item img {
	box-shadow: 0 0 1.25rem 0.25rem rgb(0 0 0 / 0.15);
}

.page-livres__lien {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
}

.page-livres__lien::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 0.25rem solid var(--color-primary);
	opacity: 0;
	pointer-events: none;
}

@media (hover: hover) {
	.page-livres__lien::after {
		transition: opacity 0.15s ease;
	}

	.page-livres__lien:hover::after {
		opacity: 1;
	}
}

.page-livres__lien:focus-visible::after {
	opacity: 1;
}

.page-livres__sans-couverture {
	font-family: var(--font-body);
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 2rem;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-dark);
}

.page-livres__item--fond {
	border-color: transparent;
}

@media (hover: hover) {
	.page-livres__item {
		transition: border-color 0.15s ease, box-shadow 0.15s ease;
	}

	.page-livres__item:hover,
	.page-livres__item:focus-within {
		border-color: var(--color-primary);
		box-shadow: inset 0 0 0 0.1875rem var(--color-primary);
	}
}

.page-livres__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

@media (max-width: 85rem) {
	.page-livres__section {
		margin-top: 5rem;
	}

	.page-livres__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}

	.page-livres__grid--3 .page-livres__item,
	.page-livres__grid--4 .page-livres__item {
		padding: 1.5rem;
	}
}

@media (max-width: 48rem) {
	.page-livres__title {
		margin-block: 1.5rem;
	}

	.page-livres__hero {
		padding-top: 1.5rem;
	}

	.page-livres__chapo {
		margin-top: 1.5rem;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-livres__chapo p + p {
		margin-top: 1rem;
	}

	.page-livres__section {
		margin-top: 2.5rem;
	}

	.nouveaute + .page-livres__section {
		margin-top: 2.5rem;
	}

	.page-livres__section-title {
		padding-bottom: 1rem;
		font-size: 1.3125rem;
		line-height: 1.5625rem;
	}

	.page-livres__section-intro {
		padding-top: 1.5rem;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-livres__grid {
		margin-top: 1.5rem;
	}

	.page-livres__grid--3 .page-livres__item,
	.page-livres__grid--4 .page-livres__item {
		padding: 1rem;
	}
}

.livre {
	padding-top: 2.0625rem;
}

.livre__grille {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2.5rem;
	align-items: start;
	margin-top: 1.75rem;
}

.livre__couverture {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5rem 17.5806%;
	border: 1px solid var(--color-light);
}

.livre__couverture--fond {
	border-color: transparent;
}

.livre__couverture img {
	width: 100%;
	max-width: 25rem;
	height: auto;
	box-shadow: 0 0 1.875rem 0.25rem rgb(0 0 0 / 0.15);
}

.livre__corps {
	padding-top: 0;
}

.livre__titre {
	margin: 0;
	font-family: var(--font-body);
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 3.3125rem;
	text-transform: uppercase;
	color: var(--color-dark);
}

.livre__titre-rouge {
	display: block;
	color: var(--color-primary);
}

.livre__accroche {
	margin: 0;
	font-size: 1.3125rem;
	line-height: 2rem;
	color: var(--color-dark);
}

.livre__texte {
	margin-top: 1.25rem;
	font-size: 1.5rem;
	line-height: 2.25rem;
	color: var(--color-dark);
}

.livre__texte p {
	margin: 0;
}

.livre__texte p + p {
	margin-top: 1.25rem;
}

.livre__complement {
	margin-top: 1.875rem;
	font-size: 1.3125rem;
	line-height: 2rem;
	color: var(--color-dark);
}

.livre__complement p {
	margin: 0;
}

.livre__complement p + p {
	margin-top: 1.25rem;
}

.livre__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-top: 1.875rem;
}

.livre__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

.livre__grille--sans-couverture .livre__corps {
	grid-column: 2;
}

@media (max-width: 64rem) {
	.livre__titre {
		font-size: 2rem;
		line-height: 2.4rem;
	}
}

@media (max-width: 48rem) {
	.livre {
		padding-top: 1.8125rem;
	}

	.livre__grille {
		grid-template-columns: 1fr;
		margin-top: 1.5rem;
	}

	.livre__grille--sans-couverture .livre__corps {
		grid-column: 1;
	}

	.livre__corps {
		padding-top: 1.5rem;
	}

	.livre__accroche,
	.livre__texte {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.livre__complement {
		font-size: 1.0625rem;
		line-height: 1.625rem;
	}

	.livre__actions {
		flex-direction: column;
		align-items: stretch;
	}
}

.page-films__title {
	margin-top: 2.135039rem;
	margin-bottom: 2.162337rem;
	font-family: var(--font-body);
	font-size: clamp(2rem, 6.336264vw, 5.702623rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.010639em;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-films__rule {
	height: 1px;
	margin: 0;
	border: 0;
	background-color: var(--color-light);
}

.page-films__hero {
	display: grid;
	grid-template-columns: 60.15625% 23.125%;
	align-items: start;
	padding-top: 2.5rem;
}

.page-films__chapo {
	max-width: 37.125rem;
	margin: 2.5rem 0 0 2.5rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-dark);
}

.page-films__chapo p {
	margin: 0;
}

.page-films__hero-illustration {
	width: 100%;
	height: auto;
	margin-bottom: -6rem;
}

.page-films__section {
	margin-top: 5rem;
}

.page-films__section--live {
	padding-bottom: 1.875rem;
}

.page-films__section-title {
	margin: 0;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--color-light);
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-films__grid {
	display: grid;
	grid-auto-rows: 1fr;
	gap: 2.5rem;
	margin: 2.5rem 0 0;
	padding: 0;
	list-style: none;
}

.page-films__grid--live {
	grid-template-columns: repeat(3, 1fr);
}

.page-films__grid--series {
	grid-template-columns: repeat(2, 1fr);
}

.page-films__visuel {
	position: relative;
	overflow: hidden;
}

.page-films__visuel img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-films__carte--live .page-films__visuel {
	aspect-ratio: 400 / 240;
}

.page-films__lecture {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125rem;
	height: 3.125rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: var(--color-white);
	color: var(--color-primary);
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.page-films__visuel .page-films__lecture,
.page-films__affiche-zone .page-films__lecture {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.page-films__lecture-icone {
	margin-left: 0.125rem;
}

@media (hover: hover) {
	.page-films__visuel .page-films__lecture:hover,
	.page-films__visuel .page-films__lecture:focus-visible,
	.page-films__affiche-lecture:hover,
	.page-films__affiche-lecture:focus-visible {
		background-color: var(--color-primary);
		color: var(--color-white);
	}
}

.page-films__carte--live {
	display: flex;
	flex-direction: column;
}

.page-films__carte--live .page-films__corps {
	flex: 1;
}

.page-films__corps {
	border: 1px solid var(--color-light);

	padding: 1.8125rem;
}

.page-films__carte--live .page-films__corps {
	min-height: 11.25rem;
}

.page-films__carte--serie {
	display: grid;
	grid-template-columns: 46.7741935% 1fr;
}

.page-films__carte--serie .page-films__corps {
	padding-top: 4.3125rem;
}

.page-films__annee {
	margin: 0;
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1875rem;
	color: var(--color-primary);
}

.page-films__carte-titre {
	margin: 0.3125rem 0 0;
	font-family: var(--font-body);
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 2rem;
	color: var(--color-dark);
}

.page-films__carte-texte {
	margin-top: 0.3125rem;
	font-size: 1.3125rem;
	line-height: 2rem;
	color: var(--color-dark);
}

.page-films__carte-texte p {
	margin: 0;
}

.page-films__carte-texte p + p {
	margin-top: 2rem;
}

.page-films__infos {
	margin-top: 1.25rem;
	font-size: 1rem;
	line-height: 1.1875rem;
	color: var(--color-dark);
}

.page-films__infos p {
	margin: 0;
}

.page-films__infos p + p {
	margin-top: 1.1875rem;
}

.page-films__animation {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2.5rem;
	margin-top: 2.5rem;
}

.page-films__animation + .page-films__animation {
	margin-top: 2.5rem;
}

.page-films__affiche {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.4375rem;
	border: 1px solid var(--color-light);
}

.page-films__affiche-zone {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1;
}

.page-films__affiche img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;

	min-width: 0;
}

.page-films__affiche-lecture {
	box-shadow: 0 0 2.5rem 0.3125rem rgb(0 0 0 / 0.24);
}

.page-films__animation-corps {
	padding-top: 5rem;
}

.page-films__animation-titre {
	margin: 0;
	font-family: var(--font-body);
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 3.3125rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-films__animation-surtitre {
	display: block;
	color: var(--color-dark);
}

.page-films__animation-texte {
	margin-top: 0.625rem;
	font-size: 1.5rem;
	line-height: 2.25rem;
	color: var(--color-dark);
}

.page-films__animation-texte p {
	margin: 0;
}

.page-films__animation-texte p + p {
	margin-top: 2.25rem;
}

.page-films__infos--animation {
	font-size: 1.3125rem;
	line-height: 2rem;
}

.page-films__infos--animation p + p {
	margin-top: 2rem;
}

.page-films__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

.modale--video {
	width: 60rem;
}

.modale__inner--video {
	display: block;
}

.modale__video {
	aspect-ratio: 16 / 9;
	background-color: var(--color-dark);
}

.modale__video iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 85rem) {
	.page-films__hero {
		grid-template-columns: 1fr;
		padding-bottom: 2.5rem;
	}

	.page-films__chapo {
		max-width: none;
		margin-left: 0;

		margin-top: 2rem;
	}

	.page-films__hero-illustration {
		order: -1;
		width: min(18.5rem, 100%);
		margin: 0 auto;
	}

	.page-films__grid--live {
		grid-template-columns: repeat(2, 1fr);
	}

	.page-films__animation-corps {
		padding-top: 2.5rem;
	}
}

@media (max-width: 70rem) {

	.page-films__carte--serie {
		grid-template-columns: 1fr;
		grid-template-rows: auto 1fr;
	}

	.page-films__carte--serie .page-films__visuel {
		aspect-ratio: 290 / 220;
	}

	.page-films__carte--serie .page-films__corps {
		padding-top: 1.8125rem;
	}
}

@media (max-width: 48rem) {
	.page-films__title {
		margin-block: 1.5rem;
	}

	.page-films__hero {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.page-films__chapo {
		margin-top: 1.5rem;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-films__section {
		margin-top: 2.5rem;
	}

	.page-films__section--live {
		padding-bottom: 0;
	}

	.page-films__section-title {
		padding-bottom: 1rem;
		font-size: 1.3125rem;
		line-height: 1.5625rem;
	}

	.page-films__grid,
	.page-films__grid--live,
	.page-films__grid--series {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 1.5rem;
		margin-top: 1.5rem;
	}

		.page-films__corps,
	.page-films__carte--serie .page-films__corps {
		padding: 1.4375rem;
	}

	.page-films__carte--live .page-films__corps {
		min-height: 0;
	}

	.page-films__carte-texte {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-films__animation {
		grid-template-columns: 1fr;
		margin-top: 1.5rem;
	}

	.page-films__affiche {
		padding: 1.5rem;
	}

	.page-films__affiche-zone {
		aspect-ratio: auto;
	}

	.page-films__affiche img {
		max-height: none;
	}

	.page-films__animation-corps {
		padding-top: 1.5rem;
	}

	.page-films__animation-titre {
		font-size: 2rem;
		line-height: 2.4rem;
	}

	.page-films__animation-texte {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-films__infos--animation {
		font-size: 1rem;
		line-height: 1.1875rem;
	}

	.page-films__infos--animation p + p {
		margin-top: 1.1875rem;
	}
}

.actualite {
	padding-top: 2.0625rem;
}

.actualite__retour,
.livre__retour {
	display: flex;

	align-items: flex-start;
	width: fit-content;
	font-family: var(--font-nav);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1875rem;
	text-transform: uppercase;
	color: var(--color-dark);
	text-decoration: none;
}

.actualite__retour .chevron,
.livre__retour .chevron {
	flex: none;
	margin: calc(1.1875rem - 18px) 0.8125rem 0 0.4375rem;
	color: var(--color-primary);
}

@media (hover: hover) {
	.actualite__retour:hover,
	.actualite__retour:focus-visible,
	.livre__retour:hover,
	.livre__retour:focus-visible {
		color: var(--color-primary);
	}
}

.actualite__grille {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2.5rem;
	align-items: start;
	margin-top: 1.75rem;
}

.actualite__visuels {
	position: relative;
}

.actualite__diapos {
	display: grid;
	row-gap: 2.5rem;
}

.actualite__diapo {
	display: grid;
	align-content: center;
}

.actualite__diapo img {
	display: block;
	width: 100%;
	height: auto;
}

.actualite__visuels.is-carrousel .actualite__diapos {
	row-gap: 0;
}

.actualite__visuels.is-carrousel .actualite__diapo {
	grid-area: 1 / 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease;
}

.actualite__visuels.is-carrousel .actualite__diapo.is-active {
	opacity: 1;
	visibility: visible;
}

.actualite__fleche {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: var(--color-white);
	box-shadow: 0 0 1.25rem 0.25rem rgb(0 0 0 / 0.15);
	color: var(--color-primary);
	cursor: pointer;
	transition: color 0.15s ease;
}

.actualite__visuels.is-carrousel .actualite__fleche {
	display: flex;
}

.actualite__fleche--prec {
	left: 1.25rem;
}

.actualite__fleche--suiv {
	right: 1.25rem;
}

.actualite__fleche--suiv .chevron {
	transform: scaleX(-1);
}

.actualite__corps {
	padding-top: 5rem;
}

.actualite__date {
	margin: 0;
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.actualite__titre {
	margin: 0;
	font-family: var(--font-body);
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 3.3125rem;
	text-transform: uppercase;
	color: var(--color-dark);
}

.actualite__texte {
	margin-top: 0.625rem;
	font-size: 1.5rem;
	line-height: 2.25rem;
	color: var(--color-dark);
}

.actualite__texte p {
	margin: 0;
}

.actualite__texte p + p {
	margin-top: 2.25rem;
}

.actualite__bouton {
	margin-top: 1.875rem;
}

.actualite__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

.actualite__grille--sans-visuel .actualite__corps {
	grid-column: 2;
}

@media (max-width: 64rem) {
	.actualite__titre {
		font-size: 2rem;
		line-height: 2.4rem;
	}
}

@media (max-width: 48rem) {

	.actualite {
		padding-top: 1.8125rem;
	}

	.actualite__grille {
		grid-template-columns: 1fr;
		margin-top: 1.5rem;
	}

	.actualite__grille--sans-visuel .actualite__corps {
		grid-column: 1;
	}

	.actualite__corps {
		padding-top: 1.5rem;
	}

	.actualite__date {
		font-size: 1.3125rem;
		line-height: 1.5625rem;
	}

	.actualite__titre {
		margin-top: 0.3125rem;
		font-size: 2rem;
		line-height: 2.4rem;
	}

	.actualite__texte {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.actualite__texte p + p {
		margin-top: 1.875rem;
	}
}

.carte-actu {
	position: relative;
	display: flex;
	flex-direction: column;
}

.carte-actu__visuel {
	aspect-ratio: 400 / 320;
	overflow: hidden;
}

.carte-actu__visuel img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carte-actu__corps {
	flex: 1;

	padding: 1.8125rem;
	min-height: 8.75rem;
	border: 1px solid var(--color-light);
}

.carte-actu__categorie {
	margin: 0;
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1875rem;
	color: var(--color-primary);
}

.carte-actu__titre {
	margin: 0.3125rem 0 0;
	font-family: var(--font-body);
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 2rem;
	color: var(--color-dark);
}

.carte-actu__titre a {
	color: inherit;
	text-decoration: none;
}

.carte-actu__titre a::after {
	content: "";
	position: absolute;
	inset: 0;
}

@media (hover: hover) {
	.carte-actu__corps {
		transition: background-color 0.15s ease, border-color 0.15s ease;
	}

	.carte-actu__titre {
		transition: color 0.15s ease;
	}
}

.carte-actu:hover .carte-actu__corps,
.carte-actu:focus-within .carte-actu__corps {
	border-color: var(--color-dark);
	background-color: var(--color-dark);
}

.carte-actu:hover .carte-actu__titre,
.carte-actu:focus-within .carte-actu__titre {
	color: var(--color-white);
}

.actus-grille {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	gap: 2.5rem;
}

.bouton-sur-filet {
	display: flex;
	align-items: center;
	gap: 2.5rem;
}

.bouton-sur-filet::before,
.bouton-sur-filet::after {
	content: "";
	flex: 1;
	height: 1px;
	background-color: var(--color-light);
}

.bouton-sur-filet__contenu {
	display: flex;
	gap: 1.25rem;
}

.pagination-actus {
	margin-top: 2.5rem;
}

.page-actualites__title {
	margin-top: 2.2259375rem;
	margin-bottom: 2.1490625rem;
	font-family: var(--font-body);
	font-size: clamp(2rem, 6.25vw, 5.625rem);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-actualites__rule {
	height: 1px;
	margin: 0;
	border: 0;
	background-color: var(--color-light);
}

.page-actualites__hero-illustration {
	display: block;
	width: 13.6875rem;
	height: 15rem;
	margin: 2.5rem auto 0 calc(50% - 7.9375rem);
}

.actus-grille {
	margin-top: 2.5rem;
}

.page-actualites__vide {
	margin: 2.5rem 0 0;
	font-size: 1.5rem;
	line-height: 2.25rem;
}

.page-actualites__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

@media (max-width: 64rem) {
	.actus-grille {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 48rem) {
	.page-actualites__title {
		margin-block: 1.5rem;
	}

	.actus-grille {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 1.5rem;
		margin-top: 1.5rem;
	}

	.carte-actu__corps {
		padding: 1.4375rem;
		min-height: 0;
	}

	.page-actualites__hero-illustration {
		margin-top: 1.5rem;
	}

	.pagination-actus {
		margin-top: 1.5rem;
	}

	.bouton-sur-filet {
		gap: 1.5rem;
	}

	.bouton-sur-filet::before,
	.bouton-sur-filet::after {
		display: none;
	}

	.bouton-sur-filet__contenu {
		flex: 1;
		flex-wrap: wrap;
		justify-content: center;
	}
}

.page-404 {
	padding-bottom: 5rem;
}

.page-404__title {
	margin-top: 2.2259375rem;
	margin-bottom: 2.1490625rem;
	font-family: var(--font-body);
	font-size: clamp(2rem, 6.25vw, 5.625rem);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-404__rule {
	height: 1px;
	margin: 0;
	border: 0;
	background-color: var(--color-light);
}

.page-404__illustration {
	display: block;
	width: 17.43622rem;
	height: auto;
	margin: 2.5rem auto 0 calc(50% - 7.5rem);
}

.page-404__texte {
	max-width: 38.75rem;
	margin: 2.5rem auto 0;
	font-size: 1.5rem;
	line-height: 2.25rem;
	text-align: center;
	color: var(--color-dark);
}

.page-404__bouton {
	display: flex;
	width: fit-content;
	margin: 2.5rem auto 0;
}

@media (max-width: 48rem) {
	.page-404 {
		padding-bottom: 2.5rem;
	}

	.page-404__title {
		margin-block: 1.5rem;
	}

	.page-404__illustration {
		width: 13.07716rem;
		margin-top: 1.5rem;
		margin-left: calc(50% - 5.625rem);
	}

	.page-404__texte {
		margin-top: 1.5rem;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-404__bouton {
		margin-top: 1.5rem;
	}
}

.objet-licencie {
	position: relative;
	display: block;
	aspect-ratio: 290 / 217;
	overflow: hidden;
}

.objet-licencie img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

a.objet-licencie::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 0.25rem solid var(--color-primary);
	opacity: 0;
	pointer-events: none;
}

@media (hover: hover) {
	a.objet-licencie::after {
		transition: opacity 0.15s ease;
	}

	a.objet-licencie:hover::after {
		opacity: 1;
	}
}

a.objet-licencie:focus-visible::after {
	opacity: 1;
}

.objets-grille {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.5rem;
}

.carte-auteur {
	position: relative;
	display: flex;
	flex-direction: column;
}

.carte-auteur__visuel {
	width: 100%;
	aspect-ratio: 400 / 320;
	object-fit: cover;
}

.carte-auteur__bandeau {
	flex: 1;
	min-height: 6.25rem;
	padding: 0.9375rem 1.25rem 0.75rem;
	border: 0.625rem solid var(--carte-auteur-couleur, var(--color-light));
	background-color: var(--color-white);
}

.carte-auteur__nom {
	font-family: var(--font-body);
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 2rem;
	color: var(--color-dark);
}

.carte-auteur__nom a {
	color: inherit;
	text-decoration: none;
}

.carte-auteur__nom a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.carte-auteur__role {
	margin-top: 0.125rem;
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1875rem;
	color: var(--color-primary);
}

@media (hover: hover) {
	.carte-auteur__bandeau {
		transition: background-color 0.15s ease;
	}

	.carte-auteur__nom {
		transition: color 0.15s ease;
	}
}

.carte-auteur:hover .carte-auteur__bandeau,
.carte-auteur:focus-within .carte-auteur__bandeau {
	background-color: var(--color-dark);
}

.carte-auteur:hover .carte-auteur__nom,
.carte-auteur:focus-within .carte-auteur__nom {
	color: var(--color-white);
}

@media (max-width: 48rem) {
	.carte-auteur__bandeau {
		min-height: 5.625rem;
		padding: 0.75rem 1rem;
		border-width: 0.5rem;
	}

	.carte-auteur__nom {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.carte-auteur__role {
		margin-top: 0.0625rem;
	}
}

.lien-section {
	display: flex;
	align-items: flex-end;
	flex: none;
	font-family: var(--font-nav);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1875rem;
	text-transform: uppercase;
	color: var(--color-dark);
	text-decoration: none;
}

.lien-section .chevron {
	flex: none;
	margin: 0 0.4375rem 0 0.8125rem;
	color: var(--color-primary);
	transform: scaleX(-1);
}

@media (hover: hover) {
	.lien-section:hover,
	.lien-section:focus-visible {
		color: var(--color-primary);
	}
}

.bande-fleche {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 1px solid var(--color-primary);
	border-radius: 50%;
	background-color: var(--color-white);
	color: var(--color-primary);
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.bande-fleche[hidden] {
	display: none;
}

.bande-fleche--suiv {
	right: calc(-1 * min(3.75rem, 50vw - 50% - 0.25rem));
	transform: translateY(-50%);
}

.bande-fleche--prec {
	left: calc(-1 * min(3.75rem, 50vw - 50% - 0.25rem));
	transform: translateY(-50%);
}

.bande-fleche--suiv .chevron {
	transform: scaleX(-1);
}

@media (hover: hover) {
	.bande-fleche:hover {
		background-color: var(--color-primary);
		color: var(--color-white);
	}
}

.bande-fleche:focus-visible {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.page-licences__title {
	margin-top: 2.5035rem;
	margin-bottom: 2.5465rem;
	font-family: var(--font-body);
	font-size: clamp(2rem, 5.5vw, 4.95rem);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-licences__rule {
	height: 1px;
	margin: 0;
	border: 0;
	background-color: var(--color-light);
}

.page-licences__hero {
	display: grid;
	grid-template-columns: 60.15625% 20.78125%;
	align-items: start;
	padding-top: 2.5rem;
}

.page-licences__chapo {
	max-width: 37.625rem;
	margin: 2.5rem 0 0 2.5rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-dark);
}

.page-licences__chapo p {
	margin: 0;
}

.page-licences__chapo p + p {
	margin-top: 2.25rem;
}

.page-licences__hero-visuel {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: -9.125rem;
}

.page-licences__section {
	margin-top: 5rem;
}

.page-licences__section--marques {
	margin-top: 8.125rem;
}

.page-licences__section-tete {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 2.5rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--color-light);
}

.page-licences__section-title {
	margin: 0;
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-licences__marques {
	position: relative;
	margin-top: 2.5rem;
}

.page-licences__marques-piste {
	display: flex;
	gap: 2.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x proximity;

	scrollbar-width: none;
}

.page-licences__marques-piste::-webkit-scrollbar {
	display: none;
}

.page-licences__marque {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 11.25rem;
	height: 7.5rem;
	border: 1px solid var(--color-light);
	scroll-snap-align: start;
}

.page-licences__marque img {
	display: block;
	width: auto;
	height: auto;
	max-width: 8.125rem;
	max-height: 5.875rem;
	object-fit: contain;
}

.page-licences__section--objets .objets-grille {
	margin-top: 2.5rem;
}

.page-licences__pied {
	margin-top: 2.5rem;
}

.page-licences__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

@media (max-width: 64rem) {
	.page-licences__hero {
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.page-licences__chapo {
		max-width: none;
		margin-left: 0;
		order: 1;
	}

	.page-licences__hero-visuel {
		width: min(16.625rem, 100%);
		margin-bottom: 0;
	}

	.page-licences__section--marques {
		margin-top: 5rem;
	}

	.objets-grille {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 48rem) {
	.page-licences__title {
		margin-block: 1.5rem;
	}

	.page-licences__hero {
		padding-top: 1.5rem;
	}

	.page-licences__chapo {
		margin-top: 1.5rem;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-licences__section {
		margin-top: 2.5rem;
	}

	.page-licences__section--marques {
		margin-top: 2.5rem;
	}

	.page-licences__section-tete {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
		padding-bottom: 1rem;
	}

	.page-licences__section-title {
		font-size: 1.3125rem;
		line-height: 1.5625rem;
	}

	.page-licences__marques {
		margin-top: 1.5rem;
	}

	.page-licences__marques-piste {
		gap: 1.5rem;
	}

	.page-licences__marque {
		width: calc((100% - 1.5rem) / 2);
		height: auto;
		aspect-ratio: 3 / 2;
	}

	.page-licences__marque img {
		max-width: min(72.222%, 100% - 2.5rem);
		max-height: 78.334%;
	}

	.page-licences__section--objets .objets-grille {
		margin-top: 1.5rem;
	}

	.objets-grille {
		gap: 1.5rem;
	}

	.page-licences__pied {
		margin-top: 1.5rem;
	}
}

@media (max-width: 30rem) {
	.objets-grille {
		grid-template-columns: 1fr;
	}
}

:where(.page-evenement) :where(h1, h2, p, ul, figure, figcaption) {
	margin: 0;
	padding: 0;
}

.page-evenement {
	overflow-x: clip;
}

.page-evenement__hero {
	position: relative;
	padding-top: 2.19700rem;
}

.page-evenement__hero::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 5rem;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	background-color: var(--color-rose);
}

.page-evenement__sortie {
	font-family: var(--font-body);
	font-size: 5.66750rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-evenement__hero-filet {
	height: 1px;
	margin: 2.13550rem 0 0;
	border: 0;
	background-color: var(--color-light);
}

.page-evenement__hero-grille {
	position: relative;
	display: grid;
	grid-template-columns: 400fr 640fr;
	gap: 5rem;
	align-items: start;
	margin-top: 2.5rem;
	padding-inline: 6.875rem 3.125rem;
}

.page-evenement__couverture img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 0 2.5rem 0.3125rem rgb(0 0 0 / 0.24);
}

.page-evenement__presentation {
	padding-top: 2.5rem;
}

.page-evenement__titre {
	font-family: var(--font-body);
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 3.3125rem;
	text-transform: uppercase;
	color: var(--color-dark);
}

.page-evenement__titre-rouge {
	display: block;
	color: var(--color-primary);
}

.page-evenement__origine {
	font-size: 1.3125rem;
	line-height: 2rem;
}

.page-evenement__resume {
	margin-top: 1.25rem;
	font-size: 1.5rem;
	line-height: 2.25rem;
}

.page-evenement__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-top: 1.875rem;
}

.page-evenement__illustration {
	position: absolute;
}

.page-evenement__illustration--flaque {
	top: 44.8125rem;
	right: 6.875rem;
	width: 10.0625rem;
	height: 10.625rem;
	transform: scaleX(-1);
}

.page-evenement__section {
	margin-top: 5rem;
}

.page-evenement__section-titre {
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-evenement__rule {
	height: 1px;
	margin: 1.25rem 0 0;
	border: 0;
	background-color: var(--color-light);
}

.page-evenement__rangee {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.5rem;
	margin-top: 2.5rem;
}

.page-evenement__rangee--inversee .page-evenement__texte {
	grid-column: 2;
	grid-row: 1;
}

.page-evenement__rangee--inversee .page-evenement__figure {
	grid-column: 1;
	grid-row: 1;
}

.page-evenement__rangee + .page-evenement__rangee {
	margin-top: 5rem;
}

.page-evenement__texte,
.page-evenement__figure {
	min-width: 0;
}

.page-evenement__texte {
	font-size: 1.3125rem;
	line-height: 2rem;
}

.page-evenement__texte p + p {
	margin-top: 2rem;
}

.page-evenement__figure {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid var(--color-light);
}

.page-evenement__figure img {
	display: block;

	flex: none;
	width: 100%;
	height: auto;
}

.page-evenement__figure figcaption {
	position: absolute;
	right: 1.25rem;
	bottom: 1.8125rem;
	left: 1.25rem;
	margin-inline: auto;
	font-size: 1.3125rem;
	font-style: italic;
	line-height: 2rem;
	text-align: center;
	color: var(--color-dark);
}

.page-evenement__figure--ecole figcaption {
	max-width: 30rem;
}

.page-evenement__figure--dessin figcaption {
	position: static;
	max-width: 28.125rem;
}

.page-evenement__figure--ecole {
	padding: 1.1875rem 1.1875rem 3.6875rem;
}

.page-evenement__figure--dessin {
	padding: 1.1875rem 1.1875rem 1.8125rem;
}

.page-evenement__grille {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.5rem;
	margin-top: 2.5rem;
	list-style: none;
}

.page-evenement__item {
	position: relative;
	container-type: size;
	display: grid;
	place-items: center;
	min-width: 0;
	aspect-ratio: 290 / 355;
	padding: 2.5rem;
	border: 1px solid var(--color-light);
}

.page-evenement__item img {
	max-width: 100cqw;
	max-height: 100cqh;
	width: auto;
	height: auto;
	box-shadow: 0 0 1.25rem 0.25rem rgb(0 0 0 / 0.15);
}

.page-evenement__lien {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
}

.page-evenement__sans-couverture {
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-dark);
}

.page-evenement__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

@media (max-width: 85rem) {
	.page-evenement__sortie {
		font-size: clamp(1.6875rem, 6.2972vw, 5.66750rem);
	}

	.page-evenement__hero {
		padding-top: calc(2.945rem - 0.131981 * clamp(1.6875rem, 6.2972vw, 5.66750rem));
	}
}

@media (max-width: 64rem) {
	.page-evenement__illustration {
		display: none;
	}

	.page-evenement__hero-grille {
		grid-template-columns: 1fr;
		gap: 1.875rem;
		padding-inline: 0;
	}

	.page-evenement__hero {
		padding-bottom: 2.5rem;
	}

	.page-evenement__hero::before {
		bottom: 0;
	}

	.page-evenement__couverture {
		max-width: 25rem;
		margin-inline: auto;
	}

	.page-evenement__presentation {
		padding-top: 0;
	}

	.page-evenement__titre {
		font-size: 2.25rem;
		line-height: 2.75rem;
	}

	.page-evenement__resume {
		font-size: 1.3125rem;
		line-height: 2rem;
	}
}

@media (max-width: 48rem) {
	.page-evenement__section {
		margin-top: 3.75rem;
	}

	.page-evenement__rangee,
	.page-evenement__rangee + .page-evenement__rangee {
		grid-template-columns: 1fr;
		gap: 2.5rem;
		margin-top: 2.5rem;
	}

	.page-evenement__rangee--inversee .page-evenement__texte,
	.page-evenement__rangee--inversee .page-evenement__figure {
		grid-column: 1;
		grid-row: auto;
	}

	.page-evenement__figure {
		justify-content: flex-start;
	}

	.page-evenement__figure--ecole,
	.page-evenement__figure--dessin {
		padding: 1.1875rem;
	}

	.page-evenement__figure figcaption {
		position: static;
		max-width: none;
		margin-top: 1.25rem;
	}

	.page-evenement__grille {
		grid-template-columns: repeat(2, 1fr);
	}

	.page-evenement__texte,
	.page-evenement__figure figcaption {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}

	.page-evenement__texte p + p {
		margin-top: 1.75rem;
	}
}

@media (max-width: 30rem) {
	.page-evenement__grille {
		grid-template-columns: 1fr;
	}

	.page-evenement__titre {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
}

:where(.accueil) :where(h1, h2, h3, p, ul, figure, figcaption) {
	margin: 0;
	padding: 0;
}

.accueil {
	overflow-x: clip;
}

.accueil-hero {
	position: relative;
	display: flow-root;
	padding-top: 1.75rem;
}

.accueil-hero__illustration {
	position: absolute;
	top: 1.375rem;
	left: 6.5625rem;
	width: 10.0625rem;
	height: 10.625rem;
}

.accueil-hero__bandeau {
	font-family: var(--font-body);
	font-size: 5.625rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-primary);
}

.accueil-hero__sortie {
	margin-top: -0.97793rem;
	font-family: var(--font-body);
	font-size: 1.30828rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-dark);
}

@media (min-width: 85.0625rem) {
	.accueil-hero .nouveaute {
		margin-top: 1.10712rem;
	}

	.accueil-hero .nouveaute__saute {
		left: auto;
		right: 5.75rem;
		transform: scaleX(-1);
	}
}

@media (max-width: 85rem) {
	.accueil-hero__bandeau {
		font-size: clamp(2.5rem, 6.25vw, 5.625rem);
	}

	.accueil-hero__sortie {
		margin-top: 0.375rem;
	}

	.accueil-hero__illustration {
		display: none;
	}
}

@media (min-width: 48.0625rem) and (max-width: 85rem) {

	.accueil-hero .nouveaute__flaque {
		position: absolute;
		display: block;
		top: -5.25rem;
		left: 1.5rem;
		width: 7.5rem;
		height: auto;
	}

	.accueil-hero .nouveaute__saute {
		left: auto;
		right: 1.5rem;
		transform: scaleX(-1);
	}
}

.accueil-section {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"illustration illustration"
		"titre        lien"
		"filet        filet"
		"chapo        chapo"
		"contenu      contenu";
	align-items: start;
	margin-top: 2.5rem;
}

.accueil-section__illustration {
	grid-area: illustration;
	justify-self: center;
	margin-bottom: -1.25rem;
	width: 18.125rem;
	height: 12.25rem;
}

.accueil-section__illustration--auteurs {
	height: 16.875rem;
}

.accueil-section__titre {
	grid-area: titre;
	align-self: baseline;
	min-width: 0;
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.accueil-section__lien {
	grid-area: lien;
	align-self: baseline;
	justify-self: end;
}

.accueil-section__filet {
	grid-area: filet;
	height: 1px;
	margin: 1.25rem 0 0;
	border: 0;
	background-color: var(--color-light);
}

.accueil-section__chapo {
	grid-area: chapo;
	margin-top: 2.5rem;
	font-size: 1.3125rem;
	line-height: 2rem;
	color: var(--color-dark);
}

.accueil-section__contenu {
	grid-area: contenu;
	min-width: 0;
	margin-top: 2.5rem;
}

.accueil-section--personnages + .accueil-section--personnages {
	margin-top: 5rem;
}

.rangee-personnages {
	container-type: inline-size;
	padding: 3.0625rem 3.0625rem 1.8125rem;
	border: 1px solid var(--color-light);
}

.rangee-personnages--2 {
	padding-top: 2.875rem;
}

.rangee-personnages__liste {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.rangee-personnages__perso {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--font-body);
	font-size: clamp(0.75rem, 2.0339cqi, 1.5rem);
	color: inherit;
	cursor: pointer;
}

.rangee-personnages__perso:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 0.25rem;
}

.rangee-personnages__dessin {
	width: auto;
	height: 8.91667em;
}

.rangee-personnages--2 .rangee-personnages__dessin {
	height: 6.375em;
}

.rangee-personnages__nom {
	margin-top: 0.08333em;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-dark);
}

.rangee-personnages__perso.is-actif .rangee-personnages__nom {
	color: var(--color-primary);
}

.rangee-personnages__repliques {
	display: grid;
	grid-template-columns: minmax(0, 64rem);
	justify-content: center;

	align-items: center;
	margin-top: 1.25rem;
	text-align: center;
}

.rangee-personnages__replique {
	grid-area: 1 / 1;
	font-size: 1.3125rem;
	font-style: italic;
	line-height: 2rem;
	color: var(--color-dark);
	visibility: hidden;
}

.rangee-personnages__replique.is-visible {
	visibility: visible;
}

.illustration-couleur {
	display: grid;
	grid-row: span 2;
	grid-template-rows: subgrid;
	min-width: 0;
	padding: 3.6875rem 2.5625rem 1.8125rem;
	border: 1px solid var(--color-light);
}

.illustration-couleur__cadre {
	display: grid;
	place-items: center;
	min-height: 0;
	padding-inline: 1.125rem;
}

.illustration-couleur__image {
	width: 100%;
	max-height: 32rem;
	object-fit: contain;
}

.illustration-couleur__legende {
	align-self: center;
	font-size: 1.3125rem;
	font-style: italic;
	line-height: 2rem;
	text-align: center;
	color: var(--color-dark);
}

.accueil-bande {
	position: relative;
}

.accueil-bande__piste {
	display: grid;
	grid-auto-rows: 1fr;
	gap: 2.5rem;
}

.accueil-bande__piste--trois {
	grid-template-columns: repeat(3, 1fr);
}

.accueil-bande__piste--quatre {
	grid-template-columns: repeat(4, 1fr);
}

.accueil-bande__piste--deux {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto 1fr;
	row-gap: 2rem;
}

@media (max-width: 64rem) {
	.accueil-bande__piste--trois {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 48rem) {

	.accueil-hero__bandeau,
	.accueil-hero__sortie {
		display: none;
	}

	.accueil-section {
		grid-template-columns: 1fr;
		grid-template-areas:
			"titre"
			"filet"
			"chapo"
			"contenu"
			"lien"
			"illustration";
		margin-top: 1.5rem;
	}

	.accueil-section__illustration {
		width: 12.5rem;
		height: 8.4375rem;
		margin-top: 2.5rem;
		margin-bottom: 0;
	}

	.accueil-section__illustration--auteurs {
		width: 13.75rem;
		height: 12.8125rem;
	}

	.accueil-section__titre {
		font-size: 1.3125rem;
		line-height: 1.5625rem;
	}

	.accueil-section__filet {
		margin-top: 1rem;
	}

	.accueil-section__chapo,
	.accueil-section__contenu {
		margin-top: 1.5rem;
	}

	.accueil-section__lien {
		justify-self: stretch;
		justify-content: center;
		align-items: center;
		min-height: 3.375rem;
		margin-top: 1.5rem;
		padding-inline: 1.25rem;
		border: 1px solid var(--color-primary);
		color: var(--color-primary);
	}

	.accueil-section__lien .chevron {
		display: none;
	}

	@media (hover: hover) {
		.accueil-section__lien:hover,
		.accueil-section__lien:focus-visible {
			background-color: var(--color-primary);
			color: var(--color-white);
		}
	}

	.accueil-bande__piste {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 100%;
		gap: 1.5rem;
		overflow-x: auto;
		scroll-snap-type: x mandatory;

		scrollbar-width: none;
	}

	.accueil-bande__piste::-webkit-scrollbar {
		display: none;
	}

	.accueil-bande__piste > * {
		scroll-snap-align: start;
	}

	.accueil-section--personnages {
		display: none;
	}

	.accueil-bande__piste--deux {
		row-gap: 1.25rem;
	}

	.illustration-couleur {
		padding: 1.1875rem 1.1875rem 1.5rem;
	}

	.illustration-couleur__cadre {
		padding-inline: 0;
	}

	.illustration-couleur__image {
		max-height: 18.75rem;
	}
}

:where(.page-simple) :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, table, blockquote, hr) {
	margin: 0;
	padding: 0;
}

.page-simple__titre {
	margin-top: 2.5rem;
	margin-bottom: 1.25rem;
	font-family: var(--font-body);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-simple__filet {
	height: 1px;
	margin: 0;
	border: 0;
	background-color: var(--color-light);
}

.page-simple__contenu {
	margin-top: 2.5rem;
	max-width: 59.375rem;
	font-family: var(--font-body);
	font-size: 1.3125rem;
	line-height: 2rem;
}

.page-simple__contenu > :first-child {
	margin-top: 0;
}

.page-simple__contenu h2 {
	margin-top: 2.5rem;
	margin-bottom: 1.25rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-simple__contenu h3,
.page-simple__contenu h4 {
	margin-top: 2rem;
	margin-bottom: 0.625rem;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 2rem;
	color: var(--color-dark);
}

.page-simple__contenu p,
.page-simple__contenu ul,
.page-simple__contenu ol,
.page-simple__contenu table {
	margin-top: 1.25rem;
}

.page-simple__contenu ul,
.page-simple__contenu ol {

	padding-left: 1.5rem;
}

.page-simple__contenu ul {
	list-style: disc;
}

.page-simple__contenu ol {
	list-style: decimal;
}

.page-simple__contenu li + li {
	margin-top: 0;
}

.page-simple__contenu blockquote {
	margin-top: 1.25rem;
	padding-left: 1.25rem;
	border-left: 1px solid var(--color-light);
	font-style: italic;
}

.page-simple__contenu blockquote p + p {
	margin-top: 1.25rem;
}

.page-simple__contenu cite {
	display: block;
	margin-top: 0.625rem;
	font-style: normal;
	font-weight: 700;
}

.page-simple__contenu hr {
	height: 1px;
	margin-block: 2.5rem;
	border: 0;
	background-color: var(--color-light);
}

.page-simple__contenu strong,
.page-simple__contenu b {
	font-weight: 700;
}

.page-simple__contenu em,
.page-simple__contenu i {
	font-style: italic;
}

.page-simple__contenu a {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 0.125rem;

	overflow-wrap: anywhere;
}

.page-simple__contenu a:hover,
.page-simple__contenu a:focus-visible {
	text-decoration: none;
}

.page-simple__contenu table {
	display: block;
	width: fit-content;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}

.page-simple__contenu figure {
	margin-top: 1.25rem;
}

.page-simple__contenu figure table {
	margin-top: 0;
}

.page-simple__contenu table thead,
.page-simple__contenu table tfoot,
.page-simple__contenu table tr {
	border: 0;
}

.page-simple__contenu table th,
.page-simple__contenu table td {
	padding: 0.625rem 1.25rem 0.625rem 0;
	border: 0;
	border-bottom: 1px solid var(--color-light);
	text-align: left;
	vertical-align: top;
}

.page-simple__contenu table th {
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-primary);
}

.page-simple__outro {
	display: block;
	width: 18.125rem;
	height: 12.25rem;
	margin: 2.5rem auto 0;
}

@media (max-width: 48rem) {
	.page-simple__titre {
		margin-top: 1.5rem;
		margin-bottom: 1rem;
		font-size: 1.3125rem;
		line-height: 1.5625rem;
	}

	.page-simple__contenu {
		margin-top: 1.5rem;
		max-width: none;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-simple__contenu h2 {
		margin-top: 2.5rem;
		margin-bottom: 1rem;
		font-size: 1.3125rem;
		line-height: 1.5625rem;
	}

	.page-simple__contenu h3,
	.page-simple__contenu h4 {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.page-simple__contenu li + li {
		margin-top: 0.625rem;
	}
}

@media (max-width: 48rem) {
	.page-auteurs__outro,
	.page-historique__outro,
	.page-livres__outro,
	.livre__outro,
	.page-films__outro,
	.actualite__outro,
	.page-actualites__outro,
	.page-licences__outro,
	.page-evenement__outro,
	.page-simple__outro {
		width: 12.5rem;
		height: 8.4375rem;
	}
}