@charset "UTF-8";
* {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

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

ul, ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

figure {
  margin: 0;
}

iframe {
  border: none;
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important; /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; /* 3 */
}

/*! modern-normalize v1.1.0
| MIT License |
https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/
html {
  -moz-tab-size: 4;
  tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.35; /* 1 */
}

/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

@font-face {
  font-family: "Baskervville";
  src: local("Baskervville"), local("Baskervville"), url("Baskervville.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "OSP";
  src: local("OSP_Le-patin-helvete"), local("OSP_Le-patin-helvete"), url("OSP_Le-patin-helvete.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
.fade-in {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  will-change: opacity, transform;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  will-change: opacity, transform;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
:root {
  font-size: 16px;
  /* Typos */
  --font-sans: Helvetica, Arial Arial, sans-serif, "Segoe UI Symbol";
  --font-txt: "OSP", Helvetica Neue, Helvetica, Arial Arial, sans-serif,
    "Segoe UI Symbol";
  --font-serif: "Baskervville", Baskerville, Baskerville Old Face, Hoefler Text,
    Garamond, Times New Roman, serif;
  /* Espacements en 8px */
  --layout-col: 20vw;
  --padding-s: 0.5rem; /* 8px */
  --padding: 1rem; /* 16px */
  --padding-gt: 1.5rem; /* 24px */
  --padding-m: 2rem; /* 32px */
  --padding-top: 3rem; /* 48px */
  --layout-space-s: 4rem; /* 64px */
  --marge-titre: 5rem; /* 80px */
  --layout-space: 7rem; /* 96px */
  /* Layout */
  --l-largeur: 720px;
}

/* Base */
html,
body {
  font-family: var(--font-sans);
  scroll-behavior: smooth;
  font-size: clamp(0.9rem, 0.9rem + 0.8vw, 1rem);
  line-height: 1.4;
}

body {
  --col: 12;
  --goutiere: var(--padding);
  display: grid;
  row-gap: var(--goutiere);
  column-gap: var(--goutiere);
  grid-template-columns: repeat(var(--col), 1fr);
  grid-auto-rows: fit-content;
  grid-template-rows: auto;
  padding: var(--padding-m) var(--padding);
  background-color: var(--fond-clr);
  color: var(--texte-clr);
  font-display: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  text-rendering: auto;
  font-size: clamp(0.9rem, 0.9rem + 0.8vw, 1rem);
  line-height: 1.4;
}
body * {
  grid-column: 1/13;
}
body img {
  color: var(--background-clr);
}
body.banniere-active {
  padding: var(--padding-top) var(--padding) var(--padding) var(--padding);
}
body .basicLightbox {
  background: var(--fond-clr);
}
body svg path {
  stroke: var(--texte-clr);
}

main:not(.home, .blog, .article, .mediation) {
  grid-row: 2;
  grid-column: 3/11;
}
@media screen and (max-width: 600px) {
  main:not(.home, .blog, .article, .mediation) {
    grid-column: 1/13;
  }
}

@media screen and (max-width: 600px) {
  main:not(.home) .titre h1 {
    margin-bottom: var(--layout-space-s);
  }
}

main .titre h1 {
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  color: var(--neutre-clr);
  font-weight: bold;
  padding-bottom: var(--padding);
  font-size: clamp(0.9rem, 0.9rem + 0.8vw, 1rem);
  line-height: 1.4;
  padding-bottom: var(--layout-space);
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  main .titre h1 {
    padding-top: var(--layout-space);
    padding-bottom: inherit;
  }
}
main .blog-prevnext h2 {
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  color: var(--neutre-clr);
  font-weight: bold;
  padding-bottom: var(--padding);
}

[aria-current=page] {
  color: var(--texte-clr);
  font-weight: bold;
}

nav {
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  font-weight: bold;
}
nav a {
  width: 100%;
  display: block;
  color: var(--neutre-clr);
}
nav a:hover {
  color: var(--texte-clr);
  -webkit-transition: 0.3s ease-out;
  transition: color 0.4s ease-out;
}

img {
  color: var(--neutre-clr);
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  width: 100%;
  height: auto;
}

.lien-nav,
.lien-sec,
.lien {
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
  z-index: 1000;
}
.lien-nav:hover,
.lien-sec:hover,
.lien:hover {
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.lien {
  color: var(--neutre-clr);
}
.lien:hover {
  color: var(--accent-a);
}

.lien-nav {
  color: var(--neutre-clr);
}
.lien-nav:hover {
  color: var(--texte-clr);
}

.lien-sec {
  text-decoration: underline;
}
.lien-sec:hover {
  color: var(--texte-clr);
}

.lienretour,
.voirtout {
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  font-weight: bold;
  border: 1px solid;
  border-radius: 999px;
  width: fit-content;
  color: var(--neutre-clr);
}
.lienretour:hover::after,
.voirtout:hover::after {
  background-color: var(--texte-clr); /* Changement de couleur vers le blanc */
}

.voirtout:not(.ext) {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
  padding: 0.25em 0.75em 0.25em 1em;
}
.voirtout:not(.ext)::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/arrow-right.svg);
  -webkit-mask-image: url(/assets/icons/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: static;
  display: inline-block;
  line-height: 100%;
  font-size: var(--font-size-m);
  vertical-align: middle;
  margin-left: 0.2rem;
}
.voirtout:not(.ext):hover::after {
  opacity: 1;
  will-change: transform, background-color;
  transform: translateX(0.2rem);
}
.voirtout.ext {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
  padding: 0.25em 0.75em 0.25em 1em;
}
.voirtout.ext::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/arrow-right.svg);
  -webkit-mask-image: url(/assets/icons/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: static;
  display: inline-block;
  line-height: 100%;
  font-size: var(--font-size-m);
  vertical-align: middle;
  margin-left: 0.2rem;
  transform: rotate(-45deg) translateX(-0.05em);
}
.voirtout.ext:hover::after {
  opacity: 1;
  will-change: transform, background-color;
  transform: rotate(-45deg) translateX(0.05em);
}
.voirtout.ext span {
  padding-left: 0.2em;
}

.lienretour {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
  padding: 0.25em 1em 0.25em 0.75em;
}
.lienretour::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/arrow-right.svg);
  -webkit-mask-image: url(/assets/icons/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: static;
  display: inline-block;
  line-height: 100%;
  font-size: var(--font-size-m);
  vertical-align: middle;
  margin-right: 0.2rem;
  transform: rotate(180deg);
}
.lienretour:hover::before {
  opacity: 1;
  will-change: transform, background-color;
  transform: rotate(180deg) translateX(0.2rem);
}

.voirtout {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
  padding: 0.25em 0.75em 0.25em 1em;
}
.voirtout::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/arrow-right.svg);
  -webkit-mask-image: url(/assets/icons/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: static;
  display: inline-block;
  line-height: 100%;
  font-size: var(--font-size-m);
  vertical-align: middle;
  margin-left: 0.2rem;
}
.voirtout:hover::after {
  opacity: 1;
  will-change: transform, background-color;
  transform: translateX(0.2rem);
}

/* Layout */
.mentions-legales {
  padding-bottom: var(--layout-space);
}

/* Module */
.btn-accent {
  color: var(--accent-clr);
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  padding: 0.0625rem 0.3125rem;
  font-weight: bold;
  border: 1px solid var(--accent-clr);
}
.btn-accent.notion-active::after {
  content: "×";
}
.btn-accent:hover:not(.filtres-supp), .btn-accent.notion-active {
  background-color: var(--accent-clr);
  color: var(--fond-clr);
  -webkit-transition: 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--color-accent);
  color: white;
  padding: 8px 12px;
  z-index: 10000;
  text-decoration: none;
  font-weight: bold;
  border-radius: 0 0 4px 0;
  transition: opacity 0.3s ease;
}

.skip-link:focus {
  top: 0;
}

.banniere-active {
  margin-top: var(--padding-s);
}

.alaune-banniere {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: var(--alaunebgclr);
  padding: 0.2rem 0;
  /* Respect des préférences système */
}
.alaune-banniere .alaune-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.alaune-banniere .alaune-link:focus-visible {
  outline: 2px solid var(--focus-outline-color, var(--texte-clr));
}
.alaune-banniere .defilant {
  --gap: 4rem;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  width: 100%;
}
.alaune-banniere .defilant:hover .defilant_items,
.alaune-banniere .defilant .alaune-link:focus-visible .defilant_items {
  animation-play-state: paused;
}
.alaune-banniere .defilant .defilant_items {
  flex-shrink: 0;
  display: flex;
  gap: var(--gap);
  min-width: 100%;
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  white-space: nowrap;
  animation: scroll linear infinite;
  animation-duration: var(--animation-duration, 32s);
}
.alaune-banniere .defilant .defilant_items li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  gap: 0.5em;
}
.alaune-banniere .defilant .defilant_items li:not(:hover) {
  color: var(--alaunetxtclr);
}
.alaune-banniere .defilant .defilant_items li.url {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
  padding: 0.25em 0.75em 0.25em 1em;
}
.alaune-banniere .defilant .defilant_items li.url::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/arrow-right.svg);
  -webkit-mask-image: url(/assets/icons/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: static;
  display: inline-block;
  line-height: 100%;
  font-size: var(--font-size-m);
  vertical-align: middle;
  margin-left: 0.2rem;
  transform: rotate(-45deg) translateX(-0.05em);
}
.alaune-banniere .defilant .defilant_items li.url:hover::after {
  opacity: 1;
  will-change: transform, background-color;
  transform: rotate(-45deg) translateX(0.05em);
}
.alaune-banniere .defilant .defilant_items li.page {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
  padding: 0.25em 1em 0.25em 0.75em;
}
.alaune-banniere .defilant .defilant_items li.page::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/rss-feed.svg);
  -webkit-mask-image: url(/assets/icons/rss-feed.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: static;
  display: inline-block;
  line-height: 100%;
  font-size: var(--font-size-m);
  vertical-align: middle;
}
.alaune-banniere .defilant .defilant_items li.page:hover::before {
  opacity: 1;
  will-change: transform, background-color;
}
.alaune-banniere .defilant .defilant_items li.file {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
  padding: 0.25em 1em 0.25em 0.75em;
}
.alaune-banniere .defilant .defilant_items li.file::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/attachment.svg);
  -webkit-mask-image: url(/assets/icons/attachment.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: static;
  display: inline-block;
  line-height: 100%;
  font-size: var(--font-size-m);
  vertical-align: middle;
}
.alaune-banniere .defilant .defilant_items li.file:hover::before {
  opacity: 1;
  will-change: transform, background-color;
}
.alaune-banniere .defilant .defilant_items li.email {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
  padding: 0.25em 1em 0.25em 0.75em;
}
.alaune-banniere .defilant .defilant_items li.email::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/mail.svg);
  -webkit-mask-image: url(/assets/icons/mail.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: static;
  display: inline-block;
  line-height: 100%;
  font-size: var(--font-size-m);
  vertical-align: middle;
}
.alaune-banniere .defilant .defilant_items li.email:hover::before {
  opacity: 1;
  will-change: transform, background-color;
}
.alaune-banniere .defilant .defilant_items li::after, .alaune-banniere .defilant .defilant_items li::before {
  opacity: 1 !important;
}
@keyframes scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .alaune-banniere .defilant_items {
    animation: none !important;
    transform: none !important;
  }
}
@keyframes scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
/* 💡 Respect des préférences système */
@media (prefers-reduced-motion: reduce) {
  .defilant_items {
    animation: none !important;
    transform: none !important;
  }
}
.headerbase {
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
}
.headerbase > .logo {
  grid-column: 1/3;
  font-weight: bold;
  color: var(--texte-clr);
  text-decoration: none;
  transition: opacity 0.3s ease-out;
}
@media screen and (max-width: 600px) {
  .headerbase > .logo {
    grid-column: 1/11;
  }
}
.headerbase > .menu-btn {
  grid-column: 12/13;
  justify-self: end;
  cursor: pointer;
  height: 1.5rem;
  width: fit-content;
  padding: 2px 5px;
  background: none;
  color: var(--texte-clr);
  border-radius: 11px;
  border: none;
  font-weight: bold;
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  transition: all 0.3s ease-out;
}
.headerbase > .menu-btn:hover {
  background-color: var(--fond-accent-clr);
}

.header-main {
  display: grid;
  top: var(--padding);
  grid-template-columns: subgrid;
  height: fit-content;
  padding-bottom: var(--padding-s);
  z-index: 1000;
  row-gap: var(--padding);
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease-out;
}
.header-main > .menu-btn {
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .header-main > .menu-btn {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .header-main {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}
body.scroll-up .header-main {
  opacity: 0;
  pointer-events: none;
}
body.scroll-down .header-main {
  opacity: 1;
  pointer-events: auto;
}
body.top-of-page .header-main {
  opacity: 1;
  pointer-events: auto;
}
.header-main > .entete {
  grid-column: 3/7;
  grid-row: 1;
  color: var(--neutre-clr);
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  transition: opacity 0.3s ease-out;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 850px) {
  .header-main > .entete {
    grid-column: 3/11;
  }
}
@media screen and (max-width: 600px) {
  .header-main > .entete {
    grid-column: 1/11;
    grid-row: 2;
    padding-top: var(--padding);
  }
}

/* === Sticky header === */
.header-sticky {
  position: fixed;
  top: var(--padding);
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: subgrid;
  height: 2.5rem;
  padding: 0 var(--padding);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  z-index: 1100;
}
.header-sticky.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.header-sticky > .menu-btn {
  grid-column: 12/13;
  justify-self: end;
  cursor: pointer;
  background: none;
  border: none;
  color: var(--texte-clr);
  border-radius: 11px;
  padding: 2px 5px;
  font-weight: bold;
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  transition: background-color 0.3s ease-out;
}
.header-sticky > .menu-btn:hover {
  background-color: var(--fond-clr-accent);
}

/* Menu principal */
.menu {
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  z-index: 1000;
  grid-row: 2;
  grid-column: 1/-1;
  height: fit-content;
  display: flex;
  flex-flow: column;
  line-height: 1.4;
  margin-top: var(--padding-top);
}
@media screen and (max-width: 600px) {
  .menu {
    display: none !important;
    pointer-events: none;
    user-select: none;
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
}

#mobile-navigation[popover] {
  font-size: clamp(1.1rem, 1.1rem + 1.2vw, 1.44rem);
  line-height: 1.35;
  padding: var(--padding);
  right: 0;
  top: 0;
  height: 100dvh;
  width: 100dvw;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out, display 0.2s ease-out;
  transition-behavior: allow-discrete;
  border: none;
  background: var(--fond-clr);
  margin: 0;
  opacity: 0;
}
@media screen and (max-width: 600px) {
  #mobile-navigation[popover] {
    font-size: clamp(1.1rem, 1.1rem + 1.2vw, 1.44rem);
    line-height: 1.35;
  }
}
#mobile-navigation .menu-btn-fermer {
  cursor: pointer;
  color: var(--neutre-clr);
  background: none;
  border: none;
  font-size: clamp(1.1rem, 1.1rem + 1.2vw, 1.44rem);
  line-height: 1.35;
}
#mobile-navigation .menu-btn-fermer svg {
  width: 2.5rem;
  height: 2.5rem;
}
#mobile-navigation .menu-btn-fermer:hover {
  color: var(--texte-clr);
}
#mobile-navigation .menu-navigation-container {
  position: absolute;
  padding: var(--padding);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: column;
  width: 100%;
  text-align: center;
  gap: 2rem;
  pointer-events: auto;
}
#mobile-navigation .menu-navigation {
  width: 100%;
  display: flex;
  flex-flow: column;
}
#mobile-navigation .menu-navigation .menu-navigation-item {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.5s forwards;
  animation-play-state: paused;
}
#mobile-navigation .menu-navigation a {
  padding: var(--padding-s) 0;
}
@starting-style {
  #mobile-navigation[popover]:popover-open {
    opacity: 0;
  }
}
#mobile-navigation[popover]:popover-open {
  opacity: 1;
  display: flex;
  flex-flow: column;
  align-items: end;
  text-align: right;
  gap: var(--padding);
  opacity: 1;
  z-index: 5000;
  pointer-events: auto;
}
#mobile-navigation[popover]:popover-open .menu-navigation-item {
  animation-play-state: running;
}
#mobile-navigation[popover]:popover-open .menu-navigation-item:nth-of-type(1) {
  animation-delay: 0ms;
}
#mobile-navigation[popover]:popover-open .menu-navigation-item:nth-of-type(2) {
  animation-delay: 120ms;
}
#mobile-navigation[popover]:popover-open .menu-navigation-item:nth-of-type(3) {
  animation-delay: 180ms;
}
#mobile-navigation[popover]:popover-open .menu-navigation-item:nth-of-type(4) {
  animation-delay: 240ms;
}
#mobile-navigation[popover]:popover-open .menu-navigation-item:nth-of-type(5) {
  animation-delay: 300ms;
}
#mobile-navigation[popover]:popover-open .menu-navigation-item:nth-of-type(6) {
  animation-delay: 360ms;
}
#mobile-navigation[popover]:popover-open .menu-navigation-item:nth-of-type(7) {
  animation-delay: 420ms;
}
#mobile-navigation[popover]:popover-open .menu-navigation-item:nth-of-type(8) {
  animation-delay: 480ms;
}

.blocks .img[data-contain] img {
  object-fit: contain;
}
.blocks .img-base {
  width: 100%;
  height: 100%;
}
.blocks .legende,
.blocks figcaption {
  margin-top: 0.5rem;
  font-size: clamp(0.65rem, 0.65rem + 0.4vw, 0.6875rem);
  line-height: 1.6;
  color: var(--neutre-clr);
}
.blocks .video {
  width: 100%;
  padding: inherit;
  background: inherit;
}
.blocks .video .video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.blocks .video .video-wrapper video,
.blocks .video .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.blocks .img {
  position: relative;
  display: block;
  --w: 1;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  background: var(--accent-clr);
}
.blocks .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}
.blocks.block-type-image, .blocks.block-type-video {
  margin: var(--padding) 0;
}
.blocks.block-type-text {
  display: flex;
  flex-flow: column;
  gap: var(--padding);
}
.blocks.block-type-list li {
  padding-left: 1.2em;
}
.blocks.block-type-list li::before {
  content: "•";
  color: var(--accent-clr);
  font-size: 1em;
  display: inline-block;
  width: 1em;
  margin-left: -1.2em;
}

.apropos {
  display: grid;
  grid-template-columns: subgrid;
  gap: var(--layout-space);
  margin-top: 25vh;
  margin-bottom: 15vh;
  line-height: 1.4;
}
@media screen and (max-width: 600px) {
  .apropos {
    display: flex;
    flex-flow: column wrap;
    margin-top: var(--layout-space);
    flex-flow: column;
    gap: var(--padding);
  }
}
.apropos .bio {
  grid-row: 1;
  grid-column: 1/5;
  padding-bottom: var(--padding);
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  width: 100%;
}
@media screen and (max-width: 850px) {
  .apropos .bio {
    grid-column: 1/6;
  }
}
.apropos .liens {
  grid-column: 10/11;
  grid-row: 1;
  display: flex;
  flex-flow: column;
  line-height: initial;
}
@media screen and (max-width: 850px) {
  .apropos .liens {
    grid-column: 8/10;
  }
}
.apropos .liens a {
  color: var(--neutre-clr);
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  font-weight: bold;
}
.apropos .liens a:hover {
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: var(--texte-clr);
}
.apropos .portrait-cont {
  grid-row: 1;
  grid-column: 11/13;
  align-self: start;
  justify-self: end;
}
@media screen and (max-width: 850px) {
  .apropos .portrait-cont {
    grid-column: 10/13;
  }
}
.apropos .portrait {
  aspect-ratio: 1/1;
  max-width: 120px;
  width: 100%;
}
.apropos .portrait figure {
  width: 100%;
  height: 100%;
}
.apropos .portrait .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer {
  display: grid;
  align-items: baseline;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--padding));
}
@media screen and (max-width: 600px) {
  .footer {
    gap: calc(var(--padding) * 2);
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .footer {
    display: flex;
    flex-flow: column wrap;
    gap: 1rem;
  }
}
.footer .nav-footer {
  grid-column: 1/3;
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
}
.footer .nav-footer ul {
  display: flex;
  flex-flow: row wrap;
  gap: var(--padding);
}
@media screen and (max-width: 600px) {
  .footer .nav-footer ul {
    flex-wrap: wrap;
    row-gap: 0.8rem;
  }
}
.footer .nav-footer ul a {
  flex-shrink: 0;
}
.footer .nav-footer ul [aria-current=page] {
  color: var(--texte-clr);
}
.footer .impressum,
.footer .credits {
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  color: var(--neutre-clr);
}
.footer .credits {
  grid-column: 3/3;
  text-align: right;
}
@media screen and (max-width: 600px) {
  .footer .credits {
    order: 3;
  }
}
.footer .impressum {
  grid-column: 1/3;
}

.album,
#splidecv {
  position: relative;
}
.album .splide,
#splidecv .splide {
  position: relative;
}
.album .album-image,
#splidecv .album-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.album .splide__slide a,
#splidecv .splide__slide a {
  cursor: zoom-in;
}
.album .splide__track--nav > .splide__list > .splide__slide.is-active,
#splidecv .splide__track--nav > .splide__list > .splide__slide.is-active {
  border: none;
}
.album .splide__arrows,
#splidecv .splide__arrows {
  display: flex;
  flex-flow: row nowrap;
  position: absolute;
  bottom: -2rem;
  width: 100%;
}
.album .splide__arrows .splide__arrow,
#splidecv .splide__arrows .splide__arrow {
  background: none;
  opacity: inherit;
}
.album .splide__arrows .splide__arrow svg,
#splidecv .splide__arrows .splide__arrow svg {
  fill: var(--neutre-clr);
  height: 0.6rem;
  width: 0.6rem;
}

.album .splide__arrows .splide__arrow--prev {
  right: 3rem;
  left: inherit;
}
@media screen and (max-width: 600px) {
  .album .splide__arrows .splide__arrow--prev {
    right: 2rem;
  }
}
.album .splide__arrows .splide__arrow--next {
  right: 1rem;
}
@media screen and (max-width: 600px) {
  .album .splide__arrows .splide__arrow--next {
    right: 0;
  }
}

.cv-carrousel #splidecv .splide__arrows .splide__arrow--prev {
  right: 2rem;
  left: inherit;
}
.cv-carrousel #splidecv .splide__arrows .splide__arrow--next {
  right: 0;
}

.gslider {
  --plyr-color-main: var(--fond-accent-clr);
  background-color: var(--fond-clr);
  padding: 4rem 0;
}

picture .img {
  width: 100%;
  height: 100%;
}

.actus {
  grid-column: 3/11;
  display: grid;
  grid-template-columns: subgrid;
  padding-top: var(--layout-space);
}
.actus .actus-titre {
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  color: var(--neutre-clr);
  font-weight: bold;
  padding-bottom: var(--padding);
}
.actus .actus-items {
  display: flex;
  flex-flow: column;
  gap: var(--padding-gt);
}
.actus .actus-items .actu-item {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--padding-gt);
  border-top: 1px solid #414141;
  padding-top: var(--padding-gt);
}
.actus .actus-items .actu-item .actu-dates {
  grid-column: 1/3;
}
.actus .actus-items .actu-item .actu-contenus-cont {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 5/9;
  gap: var(--padding-gt);
}
@media screen and (max-width: 850px) {
  .actus .actus-items .actu-item .actu-contenus-cont {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--padding);
    flex-basis: 65%;
  }
}
.actus .actus-items .actu-item .actu-contenus {
  display: flex;
  flex-flow: column;
}
.actus .actus-items .actu-item .couverture {
  grid-column: 3/5;
}
.actus .actus-items .actu-item .couverture picture {
  display: block;
  aspect-ratio: 4/3;
}
.actus .actus-items .actu-item .actu-titre,
.actus .actus-items .actu-item .actu-dates {
  font-size: clamp(0.95rem, 0.95rem + 1vw, 1.2rem);
  line-height: 1.4;
}
.actus .actus-items .actu-item .actu-titre {
  font-weight: bold;
}
.actus .actus-items .actu-item .actu-description {
  padding: var(--padding-s) 0;
}
.actus .actus-items .actu-item a {
  margin: var(--padding) 0 var(--padding);
}

.cv-carrousel header {
  display: flex;
  align-items: baseline;
}
.cv-carrousel header h2 {
  flex-grow: 1;
}
.cv-carrousel header .voirtout {
  padding: 0;
}

.cv-items .article-couv {
  position: relative;
}
.cv-items .article-couv img {
  object-fit: cover;
  padding-bottom: var(--padding-xs);
}
.cv-items .credits {
  font-size: 0.5rem;
  color: var(--neutre-clr);
  opacity: 0.6;
}
.cv-items .article-contenus {
  display: flex;
  flex-flow: column wrap;
  gap: 0.5em;
  padding-right: var(--padding-s);
  padding-top: var(--padding);
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
}
.cv-items .article-contenus h1 {
  font-weight: bold;
  font-size: clamp(0.9rem, 0.9rem + 0.8vw, 1rem);
  line-height: 1.4;
  text-transform: uppercase;
}
.cv-items .article-contenus p {
  width: 100%;
}
.cv-items .article-contenus .partenaires {
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  color: var(--neutre-clr);
}
.cv-items .article-contenus .partenaires a {
  text-decoration: underline;
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.cv-items .article-contenus .partenaires a:hover {
  color: var(--texte-clr);
}

details {
  inline-size: 50ch;
}
@media (prefers-reduced-motion: no-preference) {
  details {
    interpolate-size: allow-keywords;
  }
}
details[open] {
  scroll-behavior: smooth;
}

.dropdown-btn {
  cursor: pointer;
  background: none;
  border: none;
  font-size: clamp(0.65rem, 0.65rem + 0.4vw, 0.6875rem);
  line-height: 1.6;
}
@media screen and (max-width: 600px) {
  .dropdown-btn {
    padding: inherit;
  }
}

.album-check {
  color: var(--neutre-clr);
}
.album-check summary {
  width: 4rem;
  position: relative;
}
.album-check summary:hover {
  color: var(--texte-clr);
}
.album-check summary::marker {
  content: " ";
}
.album-check summary::before {
  content: "+ ";
  padding-right: 5px;
}
.album-check[open] summary::before {
  content: "⚊";
  padding-right: 5px;
}
.album-check[open] #album-desc {
  animation: fadeInUp 0.5s forwards;
  block-size: auto;
}

#album-desc {
  cursor: initial;
  position: absolute;
  max-width: 800px;
  left: 0;
  top: 2.5rem;
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  color: var(--texte-clr);
  opacity: 0;
  block-size: 0;
  overflow-y: clip;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 600px) {
  #album-desc {
    position: relative;
  }
}

.filmo-check {
  width: 100%;
}
.filmo-check summary {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.filmo-check summary:hover {
  color: var(--texte-clr);
}
.filmo-check summary::marker {
  content: " ";
}
.filmo-check summary::after {
  content: "+ ";
  padding-right: 5px;
}
.filmo-check[open] {
  color: var(--texte-clr);
}
.filmo-check[open] summary::after {
  content: "⚊";
  padding-right: 5px;
}
.filmo-check[open] .filmo-desc {
  block-size: auto;
  animation: fadeInUp 1s forwards;
}

.filmo-desc {
  display: flex;
  flex-flow: column;
  opacity: 0;
  block-size: 0;
  cursor: initial;
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  overflow-y: clip;
  transition: content-visibility 1s allow-discrete, opacity 1s, block-size 1s;
}
@media screen and (max-width: 600px) {
  .filmo-desc {
    position: relative;
  }
}
.filmo-desc .desc-technique {
  color: var(--neutre-clr);
  margin-top: var(--padding) 0;
}
.filmo-desc .desc-synopsis {
  margin-top: var(--padding);
}
.filmo-desc .legende {
  font-size: clamp(0.65rem, 0.65rem + 0.4vw, 0.6875rem);
  line-height: 1.6;
  color: var(--neutre-clr);
  margin-bottom: var(--padding-s);
}

.filmo-couv {
  position: relative;
  margin-top: var(--padding);
}
.filmo-couv picture {
  width: 100%;
}
.filmo-couv img {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  max-height: 534px;
  object-fit: cover;
}
.filmo-couv .controle {
  color: var(--texte-clr);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
}

details[open] .fade-in {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: var(--layout-space);
  width: 100%;
}
.pagination__liste {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination__lien {
  display: inline-block;
  padding: 0.5em 0.75em;
  text-decoration: none;
}
.pagination__lien:hover {
  color: var(--texte-clr);
}
.pagination__lien:not(.pagination__lien--desactive):hover svg {
  opacity: 1;
  transform: translateX(0.2rem);
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.pagination__lien--active {
  color: var(--texte-clr);
  opacity: 1;
  cursor: default;
}
.pagination__lien--desactive {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.pagination__precedente svg, .pagination__suivante svg {
  aspect-ratio: 1/1;
  width: 1.1em;
  opacity: 0.7;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.pagination__precedente {
  transform: scaleX(-1);
}
.pagination__lien--points {
  cursor: default;
  padding: 0.5em 0.75em;
  user-select: none;
}

.navigation-article {
  display: flex;
  justify-content: center;
  width: 100%;
}
.navigation-article ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: var(--padding);
  width: 100%;
  max-width: 40rem;
  border-top: 1px solid rgba(153, 153, 153, 0.4392156863);
  padding-top: var(--padding);
}
@media screen and (max-width: 600px) {
  .navigation-article ul {
    grid-template-columns: 1fr;
  }
}
.navigation-article ul .nav-item {
  height: 100%;
  width: 100%;
}
.navigation-article ul .nav-item.inactif {
  display: none;
}
.navigation-article ul .nav-item .nav-btn {
  min-height: 2.5rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
}
.navigation-article ul .nav-item.precedent {
  grid-column: 1;
  justify-self: start;
}
@media screen and (max-width: 600px) {
  .navigation-article ul .nav-item.precedent {
    justify-self: inherit;
  }
}
.navigation-article ul .nav-item.precedent .nav-btn {
  display: inline-flex;
  align-items: flex-start;
  vertical-align: middle;
  line-height: 1.2;
  position: relative;
  padding: 0.35em 0.75em 0.35em 2rem;
  min-height: 2.5rem;
}
.navigation-article ul .nav-item.precedent .nav-btn::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/arrow-right.svg);
  -webkit-mask-image: url(/assets/icons/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  top: 0;
  right: 0.75rem;
  transform: translateY(0.3em);
  left: 0.75rem;
  right: auto;
  transform: translateY(0.3em) rotate(180deg);
}
.navigation-article ul .nav-item.precedent .nav-btn:hover::before {
  opacity: 1;
  will-change: transform, background-color;
  transform: translateY(0.3em) rotate(180deg) translateX(0.2rem);
}
.navigation-article ul .nav-item.precedent:only-child {
  justify-self: start;
}
@media screen and (max-width: 600px) {
  .navigation-article ul .nav-item.precedent:only-child {
    justify-self: inherit;
  }
}
.navigation-article ul .nav-item.suivant {
  grid-column: 2;
  text-align: right;
}
.navigation-article ul .nav-item.suivant .nav-btn {
  display: inline-flex;
  align-items: flex-start;
  vertical-align: middle;
  line-height: 1.2;
  position: relative;
  padding: 0.35em 2rem 0.35em 1em;
}
.navigation-article ul .nav-item.suivant .nav-btn::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/arrow-right.svg);
  -webkit-mask-image: url(/assets/icons/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  top: 0;
  right: 0.75rem;
  transform: translateY(0.3em);
}
.navigation-article ul .nav-item.suivant .nav-btn:hover::after {
  opacity: 1;
  will-change: transform, background-color;
  transform: translateY(0.3em) translateX(0.2rem);
}
@media screen and (max-width: 600px) {
  .navigation-article ul .nav-item.suivant {
    grid-column: inherit;
  }
}

.default {
  display: grid;
  grid-template-columns: subgrid;
  grid-row: 2;
  row-gap: var(--padding-m);
  margin: inherit;
}
.default .titre {
  display: flex;
  flex-flow: column;
  gap: var(--padding-m);
}
.default .titre h1 {
  text-transform: uppercase;
  line-height: 1.4;
  font-size: clamp(1.6rem, 1.6rem + 1.8vw, 2rem);
  line-height: 1.3;
  color: var(--texte-clr);
}
.default .contenus a {
  color: var(--neutre-clr);
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.default .contenus a:hover {
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: var(--texte-clr);
}
.default .contenus p {
  max-width: var(--l-largeur);
  min-height: var(--padding);
  font-size: clamp(0.95rem, 0.95rem + 1vw, 1.2rem);
  line-height: 1.4;
}
.default .contenus .block-type-gallery ul {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  padding: 0;
  margin: 0;
  gap: var(--padding);
}
@media screen and (max-width: 850px) {
  .default .contenus .block-type-gallery ul {
    flex-flow: column;
  }
}
.default .contenus .block-type-gallery ul li {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}
@media screen and (max-width: 850px) {
  .default .contenus .block-type-gallery ul li {
    flex: 0 0 auto;
    width: 100%;
  }
}
.default .contenus .block-type-gallery ul li img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  max-width: 100%;
}
.default article,
.default .contenus {
  display: grid;
  grid-template-columns: subgrid;
  grid-row: 2;
  row-gap: var(--padding-m);
}

.home {
  display: grid;
  grid-template-columns: subgrid;
  grid-row: 2;
}
.home .titre {
  grid-column: 3/11;
}
@media screen and (max-width: 600px) {
  .home .titre {
    grid-column: 1/13;
  }
}
.home .portfolio {
  display: grid;
  grid-template-columns: subgrid;
  row-gap: var(--layout-space);
}
@media screen and (max-width: 600px) {
  .home .portfolio {
    row-gap: var(--layout-space-s);
  }
}
.home .portfolio .album {
  display: grid;
  grid-template-columns: subgrid;
  margin-top: var(--layout-space-s);
}
.home .portfolio .album .infos-album {
  grid-column: 1/11;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (max-width: 600px) {
  .home .portfolio .album .infos-album {
    gap: 0.2rem;
  }
}
.home .portfolio .album .album-titre {
  margin-top: 1rem;
  font-size: clamp(1.1rem, 1.1rem + 1.2vw, 1.44rem);
  line-height: 1.35;
  text-transform: uppercase;
  color: var(--texte-clr);
}
@media screen and (max-width: 600px) {
  .home .portfolio .album .album-titre {
    margin-right: 0.5rem;
  }
}
.home .portfolio .album .toggle-desc {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--neutre-clr);
  font-size: clamp(0.65rem, 0.65rem + 0.4vw, 0.6875rem);
  line-height: 1.6;
}
.home .portfolio .album .toggle-desc:hover {
  color: var(--texte-clr);
}
.home .portfolio .album .toggle-desc::before {
  content: " [+] ";
}
.home .portfolio .album .toggle-desc.visible::before {
  content: " [–] ";
}
@media screen and (max-width: 600px) {
  .home .portfolio .album .toggle-desc {
    width: 100%;
    text-align: left;
  }
}
.home .portfolio .album .album-desc {
  width: 100%;
  display: block;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
}
@media screen and (max-width: 600px) {
  .home .portfolio .album .album-desc {
    padding-top: var(--padding);
  }
}
.home .portfolio .album .album-desc.visible {
  opacity: 1;
  max-height: 1000px; /* assez grand pour ton contenu */
  pointer-events: auto;
  transition: opacity 0.3s ease-in-out, max-height 0.5s ease-in-out;
}
@media screen and (max-width: 600px) {
  .home .portfolio .album .album-desc {
    position: relative;
  }
}
.home .portfolio .album .album-details {
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
}
.home .portfolio .album .album-video,
.home .portfolio .album .carrousel {
  grid-column: 0/13;
}
.home .portfolio .album .album-video {
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 534px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .home .portfolio .album .album-video {
    aspect-ratio: 1/0.8;
  }
}
.home .portfolio .album .album-video .controle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
}
.home .portfolio .album .video-couverture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .filmographie,
.home .blog-apercu,
.home .cv {
  width: 100%;
  display: flex;
  flex-flow: column;
  grid-column: 3/11;
  margin-top: var(--layout-space);
}
@media screen and (max-width: 600px) {
  .home .filmographie,
  .home .blog-apercu,
  .home .cv {
    grid-column: 1/13;
  }
}
.home .filmographie .titre,
.home .blog-apercu .titre,
.home .cv .titre {
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  color: var(--neutre-clr);
  font-weight: bold;
  padding-bottom: var(--padding);
}
.home .filmographie a:not(.voirtout),
.home .blog-apercu a:not(.voirtout),
.home .cv a:not(.voirtout) {
  display: inline-flex;
  width: 100%;
}
.home .filmographie a:not(.voirtout) .titre,
.home .blog-apercu a:not(.voirtout) .titre,
.home .cv a:not(.voirtout) .titre {
  z-index: 3000;
  width: 100%;
  padding-bottom: var(--padding);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.2;
  position: static;
}
.home .filmographie a:not(.voirtout) .titre::after,
.home .blog-apercu a:not(.voirtout) .titre::after,
.home .cv a:not(.voirtout) .titre::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--alaunetxtclr);
  mask-image: url(/assets/icons/arrow-right.svg);
  -webkit-mask-image: url(/assets/icons/arrow-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  opacity: 0.4;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  position: static;
  display: inline-block;
  line-height: 100%;
  font-size: var(--font-size-m);
  vertical-align: middle;
  margin-left: 0.2rem;
}
.home .filmographie a:not(.voirtout) .titre:hover::after,
.home .blog-apercu a:not(.voirtout) .titre:hover::after,
.home .cv a:not(.voirtout) .titre:hover::after {
  opacity: 1;
  will-change: transform, background-color;
  transform: translateX(0.2rem);
}
@media screen and (max-width: 850px) {
  .home .filmographie .voirtout,
  .home .blog-apercu .voirtout,
  .home .cv .voirtout {
    display: none;
  }
}
.home .cv .titre {
  border-bottom: 1px solid rgba(153, 153, 153, 0.4392156863);
  margin-bottom: var(--padding);
}
.home .cv .album .splide__arrows,
.home .cv #splidecv .splide__arrows {
  bottom: 0;
}
.home .cv .cv-items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--padding);
}
.home .cv .cv-items .cv-item {
  grid-column: span 1;
}
@media screen and (max-width: 850px) {
  .home .cv .cv-items {
    grid-template-columns: repeat(3, 1fr);
  }
  .home .cv .cv-items .cv-item:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .home .cv .cv-items {
    grid-template-columns: repeat(2, 1fr);
  }
  .home .cv .cv-items .cv-item:nth-child(n+3) {
    display: none;
  }
}
.home .voirtout {
  margin-top: var(--padding);
}
.home .blog-apercu {
  max-width: 600px;
}
.home .blog-apercu .dropdown-lien {
  display: flex;
  justify-content: space-between;
}
.home .filmographie .dropdowns:hover .dropdown-entete:hover {
  color: var(--neutre-clr);
  transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.home .filmographie .dropdowns:hover .dropdown-entete:hover .dropdown-titre {
  transform: translateX(0.5rem);
}
.home .dropdowns {
  transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.home .dropdowns:hover .dropdown {
  color: var(--neutre-clr);
  transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.home .dropdowns:hover .dropdown:hover {
  color: var(--texte-clr);
  transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.home .dropdowns:hover .dropdown:hover .dropdown-titre {
  color: var(--texte-clr);
}
.home .dropdowns > * {
  border-bottom: 1px solid rgba(153, 153, 153, 0.4392156863);
  padding: var(--padding-s) 0;
}
.home .dropdowns > *:first-child {
  border-top: 1px solid rgba(153, 153, 153, 0.4392156863);
}
.home .dropdowns > *:last-child {
  border-top: 1px solid rgba(153, 153, 153, 0.4392156863);
}
.home .dropdowns > *.avec-lien:hover {
  color: var(--texte-clr);
}
.home .dropdowns > * .dropdown-titre {
  flex-grow: 1;
  font-size: clamp(0.9rem, 0.9rem + 0.8vw, 1rem);
  line-height: 1.4;
  text-transform: uppercase;
  will-change: transform;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.home .dropdowns > * .dropdown-entete {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
}
.home .dropdowns > * .dropdown-entete .dropdown-lien {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
}
.home .dropdowns > * .dropdown-entete .dropdown-lien h3 {
  flex-grow: 1;
}
.home .dropdowns > * .dropdown-lien:hover .dropdown-titre {
  transform: translateX(0.5rem);
}
.home .dropdowns .dropdown-infos {
  color: var(--neutre-clr);
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
}

.article,
.article-footer {
  max-width: 40rem;
  margin: 0 auto;
  width: 100%;
}

.article {
  display: grid;
  grid-template-columns: subgrid;
  grid-row: 2;
  row-gap: var(--padding);
  column-gap: var(--padding);
}
.article .contenus a {
  color: var(--neutre-clr);
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.article .contenus a:hover {
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: var(--texte-clr);
}
.article p {
  font-size: clamp(0.95rem, 0.95rem + 1vw, 1.2rem);
  line-height: 1.4;
  line-height: 1.4;
  min-height: var(--padding);
  opacity: 0.9;
}
.article .titre {
  grid-column: 3/11;
}
@media screen and (max-width: 850px) {
  .article .titre {
    margin-top: var(--layout-space-s);
    max-width: 40rem;
  }
}
@media screen and (max-width: 600px) {
  .article .titre {
    grid-column: inherit;
  }
}
.article .article-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--marge-titre);
  grid-column: 3/11;
  height: fit-content;
  padding: var(--marge-titre) 0;
}
@media screen and (max-width: 850px) {
  .article .article-header {
    grid-column: 1/13;
    gap: var(--layout-space-s);
    padding: var(--layout-space-s) 0;
  }
}
@media screen and (max-width: 600px) {
  .article .article-header {
    grid-column: inherit;
    display: flex;
    flex-flow: column wrap;
    padding: var(--padding-m) 0;
    gap: var(--padding-m);
  }
}
.article .article-header .article-titre h1 {
  font-size: clamp(1.1rem, 1.1rem + 1.2vw, 1.44rem);
  line-height: 1.35;
  text-transform: uppercase;
  font-size: clamp(2rem, 2rem + 2vw, 2.488rem);
  line-height: 1.2;
}
@media screen and (max-width: 850px) {
  .article .article-header .article-titre h1 {
    font-size: clamp(1.6rem, 1.6rem + 1.8vw, 2rem);
    line-height: 1.3;
  }
}
.article .article-header .article-titre,
.article .article-header .article-couv {
  width: 100%;
  grid-column: span 1;
}
.article .article-header .article-titre img,
.article .article-header .article-couv img {
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(153, 153, 153, 0.2196078431);
}
.article .layout-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--padding-m);
  grid-column: 3/11;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 40rem;
}
@media screen and (max-width: 850px) {
  .article .layout-grid {
    grid-column: 1/13;
  }
}
@media screen and (max-width: 600px) {
  .article .layout-grid {
    display: flex;
    flex-flow: column;
  }
}
.article .layout-grid .column {
  grid-column: span var(--span);
  display: flex;
  flex-direction: column;
  gap: var(--padding-s);
}
.article .nav-articles .titre {
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  color: var(--neutre-clr);
  font-weight: bold;
  padding-bottom: var(--marge-titre);
}
.article .nav-articles-cont {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--padding);
}
.article .nav-articles-cont > article {
  grid-column: span 1;
}
.article .nav-articles-cont > article .item-titre {
  font-weight: bold;
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  padding-top: var(--padding-s);
}
.article .article-footer {
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  color: var(--neutre-clr);
  grid-column: 3/11;
  margin-top: var(--padding-m);
  padding-top: var(--padding);
}
@media screen and (max-width: 600px) {
  .article .article-footer {
    grid-column: inherit;
  }
}
.article .article-footer .article-date {
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
}
.article .article-footer .article-notions {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5em;
  margin-top: var(--padding-s);
}
.article .article-footer .article-categorie {
  text-transform: lowercase;
}

.nav-articles {
  display: flex;
  gap: 0.5rem;
}
.nav-articles a {
  font-size: clamp(0.95rem, 0.95rem + 1vw, 1.2rem);
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  aspect-ratio: 1/1;
  border: solid 1px var(--accent-clr);
  border-radius: 50%;
  color: var(--accent-clr);
}

.blog {
  display: grid;
  grid-template-columns: subgrid;
  grid-row: 2;
}
.blog .titre,
.blog .filtres-notions,
.blog .filtres-categorie,
.blog .notion-intro {
  grid-column: 3/11;
}
@media screen and (max-width: 600px) {
  .blog .titre,
  .blog .filtres-notions,
  .blog .filtres-categorie,
  .blog .notion-intro {
    grid-column: 1/13;
  }
}
.blog .notion-intro {
  color: var(--accent-clr);
  padding-bottom: var(--padding);
}
.blog .notion-intro .notion-intro-titre {
  font-size: clamp(1.6rem, 1.6rem + 1.8vw, 2rem);
  line-height: 1.3;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.blog .notion-intro .notion-intro-titre svg,
.blog .notion-intro .notion-intro-titre path {
  width: 1.2em;
  height: auto;
  aspect-ratio: 1/1;
  color: var(--accent-clr);
  stroke: var(--accent-clr);
}
.blog .notion-intro .notion-intro-desc {
  display: flex;
  flex-flow: column wrap;
  gap: var(--padding-s);
  margin: var(--padding-m) 0;
  font-size: clamp(0.95rem, 0.95rem + 1vw, 1.2rem);
  line-height: 1.4;
}
.blog .notion-intro .resultats {
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
}
.blog .filtres-categorie {
  display: flex;
  gap: 0.625rem;
  padding-bottom: var(--padding);
  color: var(--neutre-clr);
}
.blog .filtres-categorie ul {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  row-gap: 0.625rem;
  column-gap: 0.225rem;
}
.blog .filtres-categorie a {
  -webkit-transition: 0.5s ease-out;
  transition: color 0.5s ease-out;
  padding: 0 0.4rem;
}
.blog .filtres-categorie a:hover {
  color: var(--texte-clr);
  -webkit-transition: 0.5s ease-out;
  transition: color 0.5s ease-out;
}
.blog .filtres-categorie a.cat-active {
  color: var(--texte-clr);
  background-color: var(--fond-clr-accent);
  padding: 0.3rem 0.4rem;
  cursor: default;
}
.blog .filtres-notions {
  padding-bottom: var(--layout-space-s);
}
.blog .filtres-notions .filtres-notions-accroche {
  font-size: clamp(0.65rem, 0.65rem + 0.4vw, 0.6875rem);
  line-height: 1.6;
  color: var(--accent-clr);
}
.blog .filtres-notions ul {
  display: flex;
  gap: 5px;
  flex-flow: row wrap;
  align-items: baseline;
}
@media screen and (max-width: 850px) {
  .blog .filtres-notions ul {
    flex-flow: row wrap;
    gap: var(--padding-s);
    padding-bottom: calc(var(--padding) * 2);
  }
}
.blog .filtres-notions .filtres-supp {
  display: block;
  border: none;
  padding-top: var(--padding);
  font-weight: 400;
}
.blog .filtres-notions .filtres-supp:hover {
  color: var(--texte-clr);
  -webkit-transition: 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.blog .resultats {
  font-size: clamp(0.65rem, 0.65rem + 0.4vw, 0.6875rem);
  line-height: 1.6;
  padding-bottom: var(--padding);
  color: var(--neutre-clr);
}
.blog .articles {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  max-width: 1580;
  margin: 0 auto;
}
@media screen and (max-width: 850px) {
  .blog .articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .blog .articles {
    grid-template-columns: 1fr;
  }
}
.blog .articles .fade-in:nth-child(1) {
  transition-delay: 0s;
}
.blog .articles .fade-in:nth-child(2) {
  transition-delay: 0.1s;
}
.blog .articles .fade-in:nth-child(3) {
  transition-delay: 0.2s;
}
.blog .articles .fade-in:nth-child(4) {
  transition-delay: 0.3s;
}
.blog .articles .fade-in:nth-child(5) {
  transition-delay: 0.4s;
}
.blog .articles .fade-in:nth-child(6) {
  transition-delay: 0.5s;
}
.blog .articles .fade-in:nth-child(7) {
  transition-delay: 0.6s;
}
.blog .articles .fade-in:nth-child(8) {
  transition-delay: 0.7s;
}
.blog .articles .fade-in:nth-child(9) {
  transition-delay: 0.8s;
}
.blog .articles .fade-in:nth-child(10) {
  transition-delay: 0.9s;
}
.blog .articles li {
  grid-column: span 1;
  grid-row: span 1;
  padding: var(--padding-gt);
  border: 1px solid rgba(153, 153, 153, 0.2196078431);
}
.blog .articles li article {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}
.blog .articles .article-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
}
.blog .articles .article-item picture {
  overflow: hidden;
  -webkit-transition: 0.4s ease;
  transition: transform 0.4s ease;
  margin-bottom: var(--padding);
}
.blog .articles .article-item:hover .article-vignette {
  transform: scale(1.05);
  transition: transform 0.4s ease;
  transform-origin: center center;
}
.blog .articles .article-item h2 {
  font-size: clamp(1.1rem, 1.1rem + 1.2vw, 1.44rem);
  line-height: 1.35;
  text-transform: uppercase;
  font-size: clamp(1.1rem, 1.1rem + 1.2vw, 1.44rem);
  line-height: 1.35;
}
.blog .articles .article-item .article-item-date {
  font-size: clamp(0.65rem, 0.65rem + 0.4vw, 0.6875rem);
  line-height: 1.6;
  text-transform: uppercase;
}
.blog .articles .article-item picture {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.blog .articles .article-item .article-vignette {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.blog .articles .article-item-categorie {
  font-size: clamp(0.65rem, 0.65rem + 0.4vw, 0.6875rem);
  line-height: 1.6;
  padding-top: var(--layout-space-s);
  text-align: center;
  text-transform: lowercase;
}

.mediation {
  display: grid;
  grid-template-columns: subgrid;
}
.mediation .titre,
.mediation .presentation,
.mediation .actus,
.mediation .invitation-contact,
.mediation .cv,
.mediation .references {
  grid-column: 3/11;
}
@media screen and (max-width: 600px) {
  .mediation .titre,
  .mediation .presentation,
  .mediation .actus,
  .mediation .invitation-contact,
  .mediation .cv,
  .mediation .references {
    grid-column: 1/13;
  }
}
.mediation .presentation {
  width: 100%;
  line-height: 1.4;
  font-size: clamp(0.95rem, 0.95rem + 1vw, 1.2rem);
  line-height: 1.4;
}
.mediation .presentation a {
  color: var(--neutre-clr);
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.mediation .presentation a:hover {
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: var(--texte-clr);
}
.mediation .cv {
  padding-top: var(--layout-space);
}
.mediation .cv .header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid rgba(153, 153, 153, 0.4392156863);
  margin-bottom: var(--padding-s);
}
.mediation .cv h2 {
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  color: var(--neutre-clr);
  font-weight: bold;
  padding-bottom: var(--padding);
}
.mediation .cv-items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: var(--padding-gt);
  row-gap: var(--layout-space-s);
  margin-top: var(--padding-gt);
}
@media screen and (max-width: 1280px) {
  .mediation .cv-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 850px) {
  .mediation .cv-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 320px) {
  .mediation .cv-items {
    display: flex;
    flex-flow: column;
  }
}
.mediation .cv-items li {
  grid-column: span 1;
  min-width: 0;
  overflow-wrap: break-word;
}
.mediation .invitation-contact {
  color: var(--neutre-clr);
  font-size: clamp(0.75rem, 0.75rem + 0.5vw, 0.8125rem);
  line-height: 1.55;
  padding-top: var(--padding-m);
}
.mediation .invitation-contact p::before {
  content: "";
  line-height: 100%;
  display: inline-block;
  vertical-align: sub;
  width: 1rem;
  height: 1rem;
  margin-right: 0.4em;
  background-color: var(--neutre-clr);
  mask-image: url("/assets/icons/info-circle.svg");
  -webkit-mask-image: url("/assets/icons/info-circle.svg");
  mask-size: contain;
}
.mediation .invitation-contact p a {
  text-decoration: underline;
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.mediation .invitation-contact p a:hover {
  -webkit-transition: 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: var(--texte-clr);
}
.mediation .references {
  padding-top: var(--layout-space);
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  color: var(--neutre-clr);
  text-align: center;
}
.mediation .references h2 {
  font-size: clamp(0.8rem, 0.8rem + 0.6vw, 0.875rem);
  line-height: 1.4;
  color: var(--neutre-clr);
  font-weight: bold;
  padding-bottom: var(--padding);
}

/*# sourceMappingURL=style.css.map */