@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/*! 
 * OverlayScrollbars
 * Version: 2.10.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}
.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}
.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}
.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}
.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}
.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}
.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}
.os-size-observer-listener-item-final {
  transition: none;
}
@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}
/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden] {
  scrollbar-width: none !important;
}
[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
/**
 * elements wont suddenly clip after initialization is done
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}
/**
 * applied to body 
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}
html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}
html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}
/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}
[data-overlayscrollbars],
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden !important;
}
[data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}
[data-overlayscrollbars-viewport~=measuring] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-x: visible !important;
}
[data-overlayscrollbars-viewport~=overflowXHidden] {
  overflow-x: hidden !important;
}
[data-overlayscrollbars-viewport~=overflowXScroll] {
  overflow-x: scroll !important;
}
[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-y: visible !important;
}
[data-overlayscrollbars-viewport~=overflowYHidden] {
  overflow-y: hidden !important;
}
[data-overlayscrollbars-viewport~=overflowYScroll] {
  overflow-y: scroll !important;
}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}
/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}
/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}
@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}
.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}
.os-scrollbar-transitionless {
  transition: none !important;
}
.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}
.os-scrollbar-handle {
  position: absolute;
}
.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}
.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}
.os-scrollbar-vertical {
  top: 0;
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}
.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}
.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}
.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}
@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}
@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}
.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}
.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}
.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}
.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}
/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}
/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}
.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}
.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
progress,
sub,
sup {
  vertical-align: baseline;
}
button,
hr,
input {
  overflow: visible;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
figcaption,
menu,
article,
aside,
details,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
figure {
  margin: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
}
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}
optgroup {
  font-weight: 700;
}
button,
select {
  text-transform: none;
}
[type=submit],
[type=reset],
button,
html [type=button] {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
@font-face {
  font-family: 'Heading Now';
  src: url('/wp-content/themes/francetierslieux/fonts/HeadingNow-56Bold.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/HeadingNow-56Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-MediumItalic.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-Bold.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-ExtraBoldItalic.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-Regular.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-Medium.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-Italic.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-ExtraBold.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-SemiBold.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-SemiBoldItalic.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/wp-content/themes/francetierslieux/fonts/PublicSans-BoldItalic.woff2') format('woff2'), url('/wp-content/themes/francetierslieux/fonts/PublicSans-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'icomoon';
  src: url('/wp-content/themes/francetierslieux/fonts/icomoon.eot?rpmm74');
  src: url('/wp-content/themes/francetierslieux/fonts/icomoon.eot?rpmm74#iefix') format('embedded-opentype'), url('/wp-content/themes/francetierslieux/fonts/icomoon.ttf?rpmm74') format('truetype'), url('/wp-content/themes/francetierslieux/fonts/icomoon.woff?rpmm74') format('woff'), url('/wp-content/themes/francetierslieux/fonts/icomoon.svg?rpmm74#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"],
.newsletter-form .wpcf7-response-output:before,
.newsletter-form form.invalid .wpcf7-response-output:before,
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content .btn[target='_blank']::after,
.hero-data .wrap .row .link-popin a[target='_blank']::after,
.hero-data .wrap .row .chiffre-important .label .btn-rebond[target='_blank']::after,
.hero-data .wrap .row .col-desc a[target='_blank']::after,
.hero-data .sticky-ancres-mobile .sommaire-title:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-loupe:before {
  content: "\e913";
}
.icon-instagram:before {
  content: "\e900";
}
.icon-linkedin:before {
  content: "\e901";
}
.icon-youtube:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
.icon-twitter:before {
  content: "\e904";
}
.icon-play:before {
  content: "\e911";
}
.icon-burger:before {
  content: "\e907";
}
.icon-close:before,
.newsletter-form .wpcf7-response-output:before,
.newsletter-form form.invalid .wpcf7-response-output:before {
  content: "\e90c";
}
.icon-arrow-down:before {
  content: "\e905";
}
.icon-arrow-right:before {
  content: "\e906";
}
.icon-check:before,
.newsletter-form .wpcf7-response-output:before {
  content: "\e908";
}
.icon-chevron-bas:before,
.hero-data .sticky-ancres-mobile .sommaire-title:after {
  content: "\e909";
}
.icon-chevron-haut:before {
  content: "\e90a";
}
.icon-chevron-right:before {
  content: "\e90b";
}
.icon-lien-externe:before,
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content .btn[target='_blank']::after,
.hero-data .wrap .row .link-popin a[target='_blank']::after,
.hero-data .wrap .row .chiffre-important .label .btn-rebond[target='_blank']::after,
.hero-data .wrap .row .col-desc a[target='_blank']::after {
  content: "\e90d";
}
.icon-moins:before {
  content: "\e90e";
}
.icon-plus:before {
  content: "\e90f";
}
.icon-telecharger:before {
  content: "\e910";
}
.icon-x:before {
  content: "\e912";
}
:root {
  --appHeight: 100%;
  --adminBarHeight: 0px;
  /* 100vw */
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
  /* Wrap */
  --wrapMargin: 20px;
  --wrapLgMax: 1344px;
  /* Colors */
  --bleu-fonce: #2d1881;
  --bleu-primary: #4623c9;
  --bleu-pale: #9c8af5;
  --rose-primary: #ff286b;
  --blanc: #ffffff;
  --beige: #f5f0ea;
  --noir: #000000;
  /* Colors projet */
  --jaune: #ffd15c;
  --jaune-second: #fcb500;
  --bleu: #86c4f1;
  --bleu-second: #4d9cd5;
  --vert: #61cb99;
  --vert-second: #3eaf79;
  --rouge: #ff7d7d;
  --rouge-second: #ff5c5c;
  --rose: #fe9ab9;
  --rose-second: #fd6796;
  --violet: #b1a4ff;
  --violet-second: #9C8AF5;
  --orange: #ffa062;
  --orange-second: #ed8436;
  --beige-second: #ff286b;
}
body.admin-bar {
  --adminBarHeight: 32px;
}
@media only screen and (max-width: 782px) {
  body.admin-bar {
    --adminBarHeight: 46px;
  }
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  :root {
    --wrapMargin: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  :root {
    --wrapMargin: 48px;
  }
}
/* Plugins */
/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.plyr__caption {
  background: #000c;
  background: var(--plyr-captions-background, #000c);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}
.plyr__control {
  background: #0000;
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}
a.plyr__control {
  text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr [data-plyr='airplay'],
.plyr [data-plyr='captions'],
.plyr [data-plyr='fullscreen'],
.plyr [data-plyr='pip'],
.plyr__controls:empty {
  display: none;
}
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--captions-enabled [data-plyr='captions'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'],
.plyr--pip-supported [data-plyr='pip'] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded='true'] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: #ffffffe6;
  background: var(--plyr-menu-background, #ffffffe6);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container:after {
  border: 4px solid #0000;
  border-top-color: #ffffffe6;
  border: var(--plyr-menu-arrow-size, 4px) solid #0000;
  border-top-color: var(--plyr-menu-background, #ffffffe6);
  content: '';
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}
.plyr__menu__container [role='menu'] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role='menuitem'],
.plyr__menu__container [role='menuitemradio'] {
  margin-top: 2px;
}
.plyr__menu__container [role='menuitem']:first-child,
.plyr__menu__container [role='menuitemradio']:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7/1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control:after {
  border: 4px solid #0000;
  border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}
.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7/2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}
.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: '';
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7/2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}
.plyr__menu__container .plyr__control[role='menuitemradio'] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role='menuitemradio']:after,
.plyr__menu__container .plyr__control[role='menuitemradio']:before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role='menuitemradio']:before {
  background: #0000001a;
  content: '';
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role='menuitemradio']:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role='menuitemradio']:focus-visible:before,
.plyr__menu__container .plyr__control[role='menuitemradio']:hover:before {
  background: #23282f1a;
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 - -2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}
.plyr--full-ui input[type='range'] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: #0000;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
  background: #0000;
  background-image: linear-gradient(90deg, currentColor 0, #0000 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type='range']::-moz-range-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}
.plyr--full-ui input[type='range']::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type='range']::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type='range']::-ms-track {
  color: #0000;
}
.plyr--full-ui input[type='range']::-ms-fill-upper,
.plyr--full-ui input[type='range']::-ms-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type='range']::-ms-fill-lower {
  background: #0000;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type='range']::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type='range']::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type='range']::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type='range']:focus {
  outline: 0;
}
.plyr--full-ui input[type='range']:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type='range']:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type='range']:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}
.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}
.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__time + .plyr__time:before {
  content: '⁄';
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}
.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.plyr__progress input[type='range'],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type='range'] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: #0000;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: #0000;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: #0000;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: #ffffff40;
  background-color: var(--plyr-video-progress-buffered-background, #ffffff40);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199);
}
.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}
.plyr__volume {
  align-items: center;
  display: flex;
  position: relative;
}
.plyr__volume input[type='range'] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded='true'] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199));
}
.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199));
}
.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199));
}
.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}
.plyr--audio .plyr__progress__buffer {
  color: #c1c8d199;
  color: var(--plyr-audio-progress-buffered-background, #c1c8d199);
}
.plyr--video {
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(#0000, #000000bf);
  background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded='true'] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40));
}
.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40));
}
.plyr--full-ui.plyr--video input[type='range']::-ms-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40));
}
.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}
.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}
.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}
.plyr--video .plyr__progress__buffer {
  color: #ffffff40;
  color: var(--plyr-video-progress-buffered-background, #ffffff40);
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads:empty:after {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: '';
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px #00000026;
  content: '';
  pointer-events: none;
}
.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.plyr__preview-thumb__time-container {
  background: linear-gradient(#0000, #000000bf);
  background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}
/* ==========================================================================
Reset
========================================================================== */
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
button,
input,
select,
textarea {
  color: #000;
  font: normal 1em/1.2 'Public Sans', Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  max-width: 100%;
  vertical-align: middle;
  border: none;
}
img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 100%;
  height: auto;
  /* From IE10 only */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
input,
textarea,
select,
button {
  outline: none;
  box-shadow: none;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="url"],
input[type="number"],
input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="search"],
textarea,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}
textarea {
  resize: none;
}
input[type="reset"],
input[type="button"],
input[type="submit"],
button {
  cursor: pointer;
}
button {
  -webkit-tap-highlight-color: transparent;
}
a,
a:focus {
  text-decoration: none;
}
*:focus {
  outline: none;
}
*:focus-visible {
  outline: 2px dashed var(--noir);
  outline-offset: 4px;
}
ul {
  list-style: none;
}
/* ==========================================================================
Helper classes
========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.invisible {
  visibility: hidden;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.clear {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.unselectable {
  /* From IE10 only */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none;
}
/* RGAA */
/* native <dialog> element uses the ::backdrop pseudo-element */
/* dialog::backdrop, */
.dialog-backdrop {
  display: none;
  position: fixed;
  z-index: 9000;
  overflow-y: auto;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 36px var(--wrapPadding);
}
.dialog-backdrop.active {
  display: flex;
  justify-content: center;
  align-items: safe center;
}
.no-scroll {
  overflow-y: auto !important;
}
:root {
  --gridGutter: 20px;
  --gridLg: min(calc(100svw - var(--wrapMargin) * 2), calc(var(--wrapLgMax) - var(--wrapMargin) * 2));
  --colLg: calc(var(--gridLg) - 11 * var(--gridGutter)) / 12;
}
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--gridGutter);
}
.row.justify-center {
  justify-content: center;
}
.col {
  flex-grow: 0;
  flex-shrink: 0;
  width: var(--gridLg);
}
.col-sm-1 {
  width: calc(var(--colLg) * 1 + (1 - 1) * var(--gridGutter));
}
.col-sm-2 {
  width: calc(var(--colLg) * 2 + (2 - 1) * var(--gridGutter));
}
.col-sm-3 {
  width: calc(var(--colLg) * 3 + (3 - 1) * var(--gridGutter));
}
.col-sm-4 {
  width: calc(var(--colLg) * 4 + (4 - 1) * var(--gridGutter));
}
.col-sm-5 {
  width: calc(var(--colLg) * 5 + (5 - 1) * var(--gridGutter));
}
.col-sm-6 {
  width: calc(var(--colLg) * 6 + (6 - 1) * var(--gridGutter));
}
.col-sm-7 {
  width: calc(var(--colLg) * 7 + (7 - 1) * var(--gridGutter));
}
.col-sm-8 {
  width: calc(var(--colLg) * 8 + (8 - 1) * var(--gridGutter));
}
.col-sm-9 {
  width: calc(var(--colLg) * 9 + (9 - 1) * var(--gridGutter));
}
.col-sm-10 {
  width: calc(var(--colLg) * 10 + (10 - 1) * var(--gridGutter));
}
.col-sm-11 {
  width: calc(var(--colLg) * 11 + (11 - 1) * var(--gridGutter));
}
.col-sm-12 {
  width: calc(var(--colLg) * 12 + (12 - 1) * var(--gridGutter));
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  :root {
    --gridGutter: 32px;
  }
  .col-tb-1 {
    width: calc(var(--colLg) * 1 + (1 - 1) * var(--gridGutter));
  }
  .col-tb-2 {
    width: calc(var(--colLg) * 2 + (2 - 1) * var(--gridGutter));
  }
  .col-tb-3 {
    width: calc(var(--colLg) * 3 + (3 - 1) * var(--gridGutter));
  }
  .col-tb-4 {
    width: calc(var(--colLg) * 4 + (4 - 1) * var(--gridGutter));
  }
  .col-tb-5 {
    width: calc(var(--colLg) * 5 + (5 - 1) * var(--gridGutter));
  }
  .col-tb-6 {
    width: calc(var(--colLg) * 6 + (6 - 1) * var(--gridGutter));
  }
  .col-tb-7 {
    width: calc(var(--colLg) * 7 + (7 - 1) * var(--gridGutter));
  }
  .col-tb-8 {
    width: calc(var(--colLg) * 8 + (8 - 1) * var(--gridGutter));
  }
  .col-tb-9 {
    width: calc(var(--colLg) * 9 + (9 - 1) * var(--gridGutter));
  }
  .col-tb-10 {
    width: calc(var(--colLg) * 10 + (10 - 1) * var(--gridGutter));
  }
  .col-tb-11 {
    width: calc(var(--colLg) * 11 + (11 - 1) * var(--gridGutter));
  }
  .col-tb-12 {
    width: calc(var(--colLg) * 12 + (12 - 1) * var(--gridGutter));
  }
}
@media only screen and (min-width: 1024px) {
  :root {
    --gridGutter: 32px;
  }
  .col-md-1 {
    width: calc(var(--colLg) * 1 + (1 - 1) * var(--gridGutter));
  }
  .col-md-2 {
    width: calc(var(--colLg) * 2 + (2 - 1) * var(--gridGutter));
  }
  .col-md-3 {
    width: calc(var(--colLg) * 3 + (3 - 1) * var(--gridGutter));
  }
  .col-md-4 {
    width: calc(var(--colLg) * 4 + (4 - 1) * var(--gridGutter));
  }
  .col-md-5 {
    width: calc(var(--colLg) * 5 + (5 - 1) * var(--gridGutter));
  }
  .col-md-6 {
    width: calc(var(--colLg) * 6 + (6 - 1) * var(--gridGutter));
  }
  .col-md-7 {
    width: calc(var(--colLg) * 7 + (7 - 1) * var(--gridGutter));
  }
  .col-md-8 {
    width: calc(var(--colLg) * 8 + (8 - 1) * var(--gridGutter));
  }
  .col-md-9 {
    width: calc(var(--colLg) * 9 + (9 - 1) * var(--gridGutter));
  }
  .col-md-10 {
    width: calc(var(--colLg) * 10 + (10 - 1) * var(--gridGutter));
  }
  .col-md-11 {
    width: calc(var(--colLg) * 11 + (11 - 1) * var(--gridGutter));
  }
  .col-md-12 {
    width: calc(var(--colLg) * 12 + (12 - 1) * var(--gridGutter));
  }
}
@media only screen and (min-width: 1440px) {
  .col-lg-1 {
    width: calc(var(--colLg) * 1 + (1 - 1) * var(--gridGutter));
  }
  .col-lg-2 {
    width: calc(var(--colLg) * 2 + (2 - 1) * var(--gridGutter));
  }
  .col-lg-3 {
    width: calc(var(--colLg) * 3 + (3 - 1) * var(--gridGutter));
  }
  .col-lg-4 {
    width: calc(var(--colLg) * 4 + (4 - 1) * var(--gridGutter));
  }
  .col-lg-5 {
    width: calc(var(--colLg) * 5 + (5 - 1) * var(--gridGutter));
  }
  .col-lg-6 {
    width: calc(var(--colLg) * 6 + (6 - 1) * var(--gridGutter));
  }
  .col-lg-7 {
    width: calc(var(--colLg) * 7 + (7 - 1) * var(--gridGutter));
  }
  .col-lg-8 {
    width: calc(var(--colLg) * 8 + (8 - 1) * var(--gridGutter));
  }
  .col-lg-9 {
    width: calc(var(--colLg) * 9 + (9 - 1) * var(--gridGutter));
  }
  .col-lg-10 {
    width: calc(var(--colLg) * 10 + (10 - 1) * var(--gridGutter));
  }
  .col-lg-11 {
    width: calc(var(--colLg) * 11 + (11 - 1) * var(--gridGutter));
  }
  .col-lg-12 {
    width: calc(var(--colLg) * 12 + (12 - 1) * var(--gridGutter));
  }
}
body {
  background: var(--beige);
  color: var(--noir);
  overflow-x: hidden;
}
body.home #page {
  overflow: hidden;
}
body #backtop {
  position: fixed;
  bottom: 12px;
  right: 12px;
  width: 50px;
  height: 50px;
  z-index: 2;
  border-radius: 100%;
  background-color: var(--blanc);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 12px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in;
}
body #backtop.visible {
  opacity: 0.8;
  visibility: visible;
}
body #backtop.visible:hover {
  opacity: 1;
}
body.single,
body.page-template-default,
body.page-template-page-sitemap,
body.page-template-page-observatoire,
body.single-projet-recherche {
  background-color: var(--blanc);
}
.fixed-position {
  position: fixed;
}
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.wrap {
  max-width: var(--wrapLgMax);
  padding-left: var(--wrapMargin);
  padding-right: var(--wrapMargin);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 600px) {
  [data-overlayscrollbars] #wpadminbar {
    top: calc(var(--adminBarHeight) * -1);
  }
}
@media screen and (pointer: coarse) {
  .os-scrollbar {
    display: none;
  }
}
.tooltip {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}
.tooltip .tooltip-button {
  border: 2px solid var(--rose-primary);
  display: inline-block;
  vertical-align: baseline;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  color: var(--noir);
  background: transparent;
  cursor: pointer;
  top: -6px;
}
.tooltip .tooltip-button:before,
.tooltip .tooltip-button:after {
  content: '';
  height: 2px;
  width: 10px;
  position: absolute;
  top: 7px;
  left: 3px;
  background: var(--noir);
}
.tooltip .tooltip-button:after {
  transform: rotate(90deg);
}
.tooltip .tooltip-button:hover {
  background: var(--rose-primary);
}
.tooltip .tooltip-button:hover::before,
.tooltip .tooltip-button:hover::after {
  background: var(--blanc);
}
.tooltip .tooltip-window {
  display: none;
  position: absolute;
  z-index: 9000;
  top: calc(100% + 4px);
  width: calc(100vw - (var(--wrapMargin) * 2));
  border-radius: 20px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  background-color: var(--blanc);
}
.tooltip .tooltip-window .tooltip-inner {
  width: 100%;
  display: block;
  padding: 20px;
  position: relative;
  font-size: 16px;
  color: var(--bleu-primary);
  font-style: italic;
  line-height: 1.25;
}
.tooltip.open .tooltip-button {
  background-color: var(--rose-primary);
}
.tooltip.open .tooltip-button:before,
.tooltip.open .tooltip-button:after {
  background: var(--blanc);
}
.tooltip.open .tooltip-window {
  display: block;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .tooltip .tooltip-window {
    width: calc((var(--colLg) * 11) + (var(--gridGutter) * 10));
  }
}
@media only screen and (min-width: 1024px) {
  .tooltip .tooltip-window {
    top: calc(100% + 6px);
    width: 316px;
  }
}
.wysiwyg-content {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
}
.wysiwyg-content .wp-block-image {
  width: 100%;
  margin-top: 80px;
}
.wysiwyg-content .wp-block-image img {
  border-radius: 20px;
  aspect-ratio: 317/210;
}
.wysiwyg-content .wp-block-image figcaption {
  margin-top: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
}
.wysiwyg-content mark {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.wysiwyg-content p:first-child,
.wysiwyg-content ul:first-child,
.wysiwyg-content ol:first-child,
.wysiwyg-content blockquote:first-child,
.wysiwyg-content h2:first-child,
.wysiwyg-content h3:first-child,
.wysiwyg-content h4:first-child {
  margin-top: 0;
}
.wysiwyg-content h2 + .wp-block-image,
.wysiwyg-content h2 + p,
.wysiwyg-content p + p {
  margin-top: 20px;
}
.wysiwyg-content ol + h3,
.wysiwyg-content ul + h3,
.wysiwyg-content .gut-cta + h2,
.wysiwyg-content figure + h2,
.wysiwyg-content ul + h2,
.wysiwyg-content ol + h2,
.wysiwyg-content p + h2 {
  margin-top: 80px;
}
.wysiwyg-content * + h3 {
  margin-top: 20px;
}
.wysiwyg-content p + h4,
.wysiwyg-content p + h3 {
  margin-top: 40px;
}
.wysiwyg-content h3 + ol,
.wysiwyg-content h3 + ul,
.wysiwyg-content ol + p,
.wysiwyg-content ul + p,
.wysiwyg-content p + ul,
.wysiwyg-content p + ol {
  margin-top: 20px;
}
.wysiwyg-content h3 + p {
  margin-top: 10px;
}
.wysiwyg-content h2 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.14;
  color: var(--bleu-primary);
}
.wysiwyg-content h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.wysiwyg-content h4 {
  font-size: 16px;
  font-weight: bold;
  color: var(--bleu-primary);
  line-height: 1.38;
}
.wysiwyg-content h3 + h4 {
  margin-top: 13px;
}
.wysiwyg-content a {
  color: inherit;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
  color: var(--rose-primary);
}
.wysiwyg-content ul li {
  padding-left: 26px;
  position: relative;
}
.wysiwyg-content ul li:before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 100%;
  position: absolute;
  top: 0.3em;
  left: 0;
  border: 3px solid var(--rose-primary);
}
.wysiwyg-content ul li + li {
  margin-top: 20px;
}
.wysiwyg-content ol {
  list-style: none;
  counter-reset: li;
}
.wysiwyg-content ol li {
  counter-increment: li;
  position: relative;
  padding-left: 40px;
}
.wysiwyg-content ol li:before {
  content: counter(li) '.';
  position: absolute;
  top: 0;
  right: calc(100% - 17px);
  font-weight: bold;
}
.wysiwyg-content ol li + li {
  margin-top: 20px;
}
.wysiwyg-content blockquote {
  padding: 0;
  border: none;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.06;
  font-family: 'Heading Now';
  color: var(--rose-primary);
  margin: 80px 0;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .wysiwyg-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
  }
  .wysiwyg-content mark {
    font-size: 22px;
    line-height: 1.18;
  }
  .wysiwyg-content blockquote {
    font-size: 42px;
    line-height: 1.14;
    margin: 100px 0;
  }
  .wysiwyg-content .wp-block-image {
    margin-top: 60px;
  }
  .wysiwyg-content .wp-block-image figcaption {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.14;
  }
  .wysiwyg-content h2 + .wp-block-image,
  .wysiwyg-content h2 + p {
    margin-top: 30px;
  }
  .wysiwyg-content ol + h3,
  .wysiwyg-content ul + h3,
  .wysiwyg-content .gut-cta + h2,
  .wysiwyg-content figure + h2,
  .wysiwyg-content ul + h2,
  .wysiwyg-content ol + h2,
  .wysiwyg-content p + h2 {
    margin-top: 100px;
  }
  .wysiwyg-content ol + p,
  .wysiwyg-content ul + p,
  .wysiwyg-content p + ul,
  .wysiwyg-content p + ol {
    margin-top: 40px;
  }
  .wysiwyg-content h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
  }
  .wysiwyg-content h3 {
    font-size: 24px;
    line-height: 1.17;
  }
  .wysiwyg-content p + h4,
  .wysiwyg-content h3 + ol,
  .wysiwyg-content h3 + ul,
  .wysiwyg-content * + h3 {
    margin-top: 30px;
  }
  .wysiwyg-content p + h3 {
    margin-top: 60px;
  }
  .wysiwyg-content h3 {
    font-size: 24px;
    line-height: 1.17;
  }
  .wysiwyg-content h4 {
    font-size: 18px;
    line-height: 1.44;
  }
  .wysiwyg-content h3 + h4 {
    margin-top: 10px;
  }
}
.gut-block {
  --blockMargin: 80px;
  padding-top: var(--blockMargin);
  padding-bottom: var(--blockMargin);
}
.gut-block.bg-color-gris {
  background: #f9f9f9;
}
.gut-block.bg-color-blanc + .gut-block.bg-color-blanc,
.gut-block.bg-color-gris + .gut-block.bg-color-gris {
  margin-top: calc(var(--blockMargin) * -1);
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .gut-block {
    --blockMargin: 120px;
  }
}
@media only screen and (min-width: 1440px) {
  .gut-block {
    --blockMargin: 180px;
  }
}
a.btn[target='_blank'] {
  display: inline-flex;
  align-items: flex-end;
  line-height: 1;
}
a.btn[target='_blank']::after {
  content: '\e90f';
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 15px;
  margin-left: 13px;
}
#load-more.fetching {
  cursor: not-allowed;
  pointer-events: none;
}
.btn {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  background: none;
  cursor: pointer;
  /* From IE10 only */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none;
  transition: opacity 0.1s ease-in;
}
.btn-bleu {
  background: var(--bleu-primary);
  color: var(--blanc) !important;
}
.btn-blanc {
  background: var(--blanc);
  color: var(--bleu-primary);
}
.btn-pink {
  background-color: var(--rose-primary);
  border: 2px solid var(--rose-primary);
  color: var(--blanc);
  text-transform: none;
  padding: 11px 20px;
  font-weight: bold;
  border-radius: 24px;
}
.btn-pink:hover {
  border: 2px solid var(--rose-primary);
  background-color: transparent;
  color: var(--rose-primary);
}
.btn-small {
  border-radius: 15px;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 16px;
}
.btn-big {
  border-radius: 24px;
  padding: 11px 21px 13px;
}
.scroll-down-btn {
  border: none;
  background-color: transparent;
  font-size: 16px;
}
.page-title {
  font-family: 'Heading Now';
  -webkit-hyphens: manual;
  hyphens: manual;
  font-size: 42px;
  line-height: 1.05;
}
.page-title.small {
  font-size: 32px;
  line-height: 1.06;
}
.page-title.big {
  font-size: 50px;
  line-height: 1;
}
.page-title .top-title {
  color: var(--bleu-pale);
}
.title-uppercase {
  text-transform: uppercase;
}
.title-bleu {
  color: var(--bleu-primary);
}
.title-rose {
  color: var(--rose-primary);
}
.title-center {
  text-align: center;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .page-title {
    font-size: 64px;
    line-height: 0.95;
  }
  .page-title.small {
    font-size: 40px;
    line-height: 1.1;
  }
  .page-title.big {
    font-size: 62px;
    line-height: 1.03;
  }
}
@media only screen and (min-width: 1024px) {
  .page-title {
    font-size: 62px;
    line-height: 1.03;
  }
  .page-title.small {
    font-size: 42px;
    line-height: 1.05;
  }
  .page-title.big {
    font-size: 62px;
    line-height: 1.03;
  }
}
.wrapper-ressources-filter,
.grid-archive {
  position: relative;
}
#loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f5f0eab3;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
}
#loader img {
  position: relative;
  top: 100px;
}
#loader.visible {
  visibility: visible;
  opacity: 1;
}
#header {
  width: 100%;
  background-color: transparent;
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  display: flex;
  align-items: center;
  transition: top 0.3s, background 0.1s;
}
#header a.evitement {
  display: inline-block;
  vertical-align: middle;
  padding: 0.6875em 1em;
  position: absolute;
  z-index: 99999;
  top: 10px;
  left: -9999px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25em;
  text-align: center;
  text-decoration: underline;
  color: var(--blanc);
  background: var(--rose-primary);
  outline-color: var(--rose-primary);
}
#header a.evitement:focus-visible {
  left: 10px;
}
#header.open .wrap #nav #main-menu {
  left: 0;
  visibility: visible;
}
#header > .wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header #logo {
  width: 180px;
  flex-shrink: 0;
}
#header #logo img {
  width: 100%;
}
#header #logo .white {
  display: none;
}
#header #nav {
  display: flex;
  align-items: center;
  gap: 7px;
}
#header #nav .open-search.mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  font-size: 18px;
  color: var(--bleu-primary);
  background: none;
  transition: all 0.1s ease-in;
  position: relative;
  z-index: 99;
}
#header #nav .open-search.mobile[aria-expanded='true'],
#header #nav .open-search.mobile:has(+ .btn-menu[aria-expanded='true']) {
  color: var(--blanc);
}
#header #nav .btn-menu {
  width: 52px;
  height: 52px;
  background-color: transparent;
  border: 3px solid var(--rose-primary);
  border-radius: 100%;
  position: relative;
  z-index: 99;
}
#header #nav .btn-menu[aria-expanded='true'] .icon {
  color: var(--blanc);
}
#header #nav .btn-menu[aria-expanded='true'] .icon-close {
  opacity: 1;
}
#header #nav .btn-menu[aria-expanded='true'] .icon-burger {
  opacity: 0;
}
#header #nav .btn-menu .icon {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.1s ease-in;
  color: var(--bleu-primary);
}
#header #nav .btn-menu .icon-close {
  opacity: 0;
}
#header #nav #main-menu {
  position: fixed;
  width: 100vw;
  height: var(--appHeight);
  top: 0;
  left: 100%;
  background-color: var(--bleu-primary);
  z-index: 97;
  padding: 160px var(--wrapMargin) 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: scroll;
  transition: left 0.3s ease-in;
}
#header #nav #main-menu .white-logo {
  position: absolute;
  top: 20px;
  left: var(--wrapMargin);
  width: 180px;
}
#header #nav #main-menu .white-logo img {
  width: 100%;
}
#header #nav #main-menu .texte {
  font-size: 12px;
  color: var(--blanc);
  margin-top: 100px;
}
#header #nav #main-menu .texte a {
  font-weight: 500;
  text-decoration: underline;
  color: var(--blanc);
}
#header #nav #main-menu .texte a:hover {
  color: var(--rose-primary);
}
#header #nav #main-menu .texte a:hover + .icon {
  color: var(--rose-primary);
}
#header #nav #main-menu .texte .icon {
  font-size: 9px;
}
#header #nav #main-menu ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#header #nav #main-menu ul li a,
#header #nav #main-menu ul li button {
  font-size: 42px;
  font-family: 'Heading Now';
  line-height: 1.05;
  background-color: transparent;
  border: none;
  color: var(--blanc);
  position: relative;
  font-weight: bold;
}
#header #nav #main-menu ul li a::before,
#header #nav #main-menu ul li button::before {
  content: '';
  display: block;
  width: 0%;
  position: absolute;
  top: calc(100% + 6px);
  height: 4px;
  background-color: var(--rose-primary);
  transition: all 0.2s ease-in;
  z-index: 99;
}
#header #nav #main-menu ul li button {
  display: flex;
  align-items: center;
  gap: 10px;
}
#header #nav #main-menu ul li button::after {
  font-size: 24px;
  content: '\e909';
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  transition: all 0.2s ease-in;
}
#header #nav #main-menu ul li button.open::before {
  width: calc(100% - 34px);
}
#header #nav #main-menu ul li button.open::after {
  transform: rotate(180deg);
}
#header #nav #main-menu ul li .wrapper-sub-menu {
  margin-top: 46px;
  margin-bottom: 60px;
  display: none;
  visibility: hidden;
}
#header #nav #main-menu ul li .wrapper-sub-menu.opened {
  display: block;
  visibility: visible;
}
#header #nav #main-menu ul li .wrapper-sub-menu .wrapper-infos {
  display: none;
}
#header #nav #main-menu ul li .wrapper-sub-menu .sub-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 16px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
#header #nav #main-menu ul li .wrapper-sub-menu .sub-menu li {
  width: calc(50% - 10px);
}
#header #nav #main-menu ul li .wrapper-sub-menu .sub-menu li a {
  font-size: 16px;
  font-weight: bold;
  font-family: 'Public Sans';
}
#header .header-search-container {
  position: fixed;
  z-index: 100;
  inset: var(--adminBarHeight) 0 0;
  color: var(--blanc);
  visibility: hidden;
}
#header .header-search-container .overlay {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: #2D188180;
  opacity: 0;
  transition: all 0.3s ease-in;
}
#header .header-search-container .container {
  background: var(--bleu-primary);
  transition: all 0.3s ease-in;
}
#header .header-search-container .wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 14px;
  padding-bottom: 40px;
}
#header .header-search-container label {
  display: inline-block;
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 22px;
}
#header .header-search-container .field {
  max-width: 436px;
  position: relative;
}
#header .header-search-container .field input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 calc(20px + 48px) 0 20px;
  border: none;
  border-radius: 50px;
  color: var(--blanc);
  background: rgba(255, 255, 255, 0.3);
}
#header .header-search-container .field button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: var(--blanc);
  background: var(--rose-primary);
}
#header.search-opened .header-search-container {
  visibility: visible;
}
#header.search-opened .header-search-container .overlay {
  opacity: 1;
}
/* ==========================================================================
/ Responsive
/ ========================================================================== */
@media only screen and (max-width: 767px) {
  #header .open-search.desktop {
    display: none;
  }
  #header .header-search-container .container {
    transform: translateX(100%);
  }
  #header .header-search-container .close-search {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    width: 52px;
    height: 52px;
    border: 3px solid var(--rose-primary);
    border-radius: 50%;
    font-size: 20px;
    color: var(--blanc);
    background: none;
  }
  #header.search-opened .header-search-container .container {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 756px) {
  #header {
    padding: 28px 0;
    height: 110px;
  }
  #header::after {
    position: fixed;
    height: 178px;
    width: 100vw;
    left: 100%;
    content: '';
    display: block;
    background-color: var(--bleu-primary);
    top: 0;
    transition: transform 0.2s ease-in, left 0.2s ease-in;
    visibility: hidden;
  }
  #header.sub-is-open::after {
    left: 50%;
    transform: translateX(-50%);
    visibility: visible;
  }
  #header.sub-is-open .wrap {
    z-index: 4;
  }
  #header.sub-is-open .wrap #logo .color {
    display: none;
  }
  #header.sub-is-open .wrap #nav #main-menu .white-logo {
    visibility: visible;
  }
  #header.sub-is-open .wrap #nav #main-menu ul li a,
  #header.sub-is-open .wrap #nav #main-menu ul li button {
    color: var(--blanc);
  }
  #header.sub-is-open .wrap #nav #main-menu .texte {
    color: var(--blanc);
  }
  #header.sub-is-open .wrap #nav #main-menu .texte a {
    color: var(--blanc);
  }
  #header > .wrap {
    position: relative;
  }
  #header #logo {
    width: 190px;
  }
  #header #nav {
    touch-action: none;
  }
  #header #nav .open-search.mobile,
  #header #nav .btn-menu {
    display: none;
  }
  #header #nav #main-menu {
    flex-direction: column-reverse;
    align-items: flex-end;
    position: inherit;
    width: auto;
    height: auto;
    top: unset;
    left: unset;
    background-color: transparent;
    visibility: visible;
    padding: 0;
    overflow-y: unset;
    transition: none;
  }
  #header #nav #main-menu .white-logo {
    visibility: hidden;
    top: 6px;
    width: 190px;
  }
  #header #nav #main-menu .texte {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
    margin-top: 0;
    color: var(--bleu-primary);
  }
  #header #nav #main-menu .texte a {
    color: var(--bleu-primary);
  }
  #header #nav #main-menu .texte .icon {
    font-size: 10px;
  }
  #header #nav #main-menu .menu-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  #header #nav #main-menu .open-search {
    display: block;
    width: 14px;
    height: 14px;
    border: none;
    font-size: 14px;
    color: var(--bleu-primary);
    background: none;
  }
  #header #nav #main-menu .open-search:hover,
  #header #nav #main-menu .open-search:focus-visible {
    color: var(--rose-primary);
  }
  #header #nav #main-menu ul {
    flex-direction: row;
    gap: 24px;
  }
  #header #nav #main-menu ul .only-mobile {
    display: none;
  }
  #header #nav #main-menu ul li a,
  #header #nav #main-menu ul li button {
    font-size: 18px;
    font-family: 'Public Sans';
    line-height: 21px;
    color: var(--bleu-primary);
  }
  #header #nav #main-menu ul li button {
    gap: 4px;
  }
  #header #nav #main-menu ul li button::before {
    top: calc(100% + 3px);
    height: 4px;
  }
  #header #nav #main-menu ul li button::after {
    font-size: 12px;
  }
  #header #nav #main-menu ul li button.open::before {
    width: calc(100% - 16px);
  }
  #header #nav #main-menu ul li .wrapper-sub-menu {
    overflow: scroll;
    display: block !important;
    position: fixed;
    top: 110px;
    left: 100%;
    width: 100vw;
    height: calc(100svh - 110px);
    padding: 70px var(--wrapMargin) 100px;
    background-color: var(--bleu-primary);
    color: var(--blanc);
    margin-top: 0;
    margin-bottom: 0;
    flex-direction: column;
    transition: transform 0.2s ease-in, left 0.2s ease-in;
    visibility: hidden;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu.opened {
    left: 50%;
    transform: translateX(-50%);
    visibility: visible;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .wrapper-infos {
    display: flex;
    flex-direction: column;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .menu-title {
    font-family: 'Heading Now';
    font-size: 62px;
    font-weight: bold;
    line-height: 1.03;
    margin-bottom: 20px;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .description {
    width: calc(var(--colLg) * 9 + var(--gridGutter) * 8);
    margin-bottom: 80px;
    font-weight: 500;
    line-height: 1.17;
    font-size: 24px;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .sub-menu {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .sub-menu li {
    width: calc(50% - 16px);
    opacity: 1;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .sub-menu li a {
    font-size: 20px;
    color: var(--blanc);
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .sub-menu li a:hover {
    color: var(--rose-primary);
  }
  #header .header-search-container {
    top: calc(93px + var(--adminBarHeight));
    overflow: hidden;
  }
  #header .header-search-container .container {
    transform: translateY(-100%);
  }
  #header .header-search-container .wrap {
    gap: 0;
    padding-top: 32px;
  }
  #header .header-search-container .close-search {
    align-self: flex-end;
    width: 14px;
    height: 14px;
    border: none;
    font-size: 14px;
    color: var(--blanc);
    background: none;
  }
  #header .header-search-container label {
    margin-bottom: 12px;
    font-size: 28px;
  }
  #header.search-opened .header-search-container .container {
    transform: translateY(0);
  }
}
@media only screen and (min-width: 1024px) {
  #header #nav #main-menu ul li a:first-of-type:hover::before,
  #header #nav #main-menu ul li button:first-of-type:hover::before {
    width: 100%;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 90px;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .wrapper-infos {
    width: calc(50% - 16px);
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .description {
    width: 82.1428571%;
    margin-bottom: 0;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .sub-menu {
    width: calc(50% - 16px);
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .sub-menu li a {
    font-size: 18px;
  }
  #header #nav #main-menu ul li .wrapper-sub-menu .sub-menu li a::before {
    display: none;
  }
}
@media only screen and (min-width: 1440px) {
  #header #nav #main-menu ul li .wrapper-sub-menu {
    padding: 90px calc(((100vw - var(--wrapLgMax)) / 2) + var(--wrapMargin)) 100px;
  }
}
#footer a:focus-visible,
#footer button:focus-visible {
  outline: 2px dashed var(--blanc);
}
#footer .wrap .row .socials-newsletter,
#footer .wrap .row .infos-contact,
#footer .wrap .row .wrapper-menu {
  position: relative;
}
#footer .wrap .row .socials-newsletter::before,
#footer .wrap .row .infos-contact::before,
#footer .wrap .row .wrapper-menu::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#footer .wrap .row .socials-newsletter {
  padding: 50px 0;
  color: var(--blanc);
}
#footer .wrap .row .socials-newsletter::before {
  background-color: var(--bleu-primary);
}
#footer .wrap .row .socials-newsletter .newsletter .wpcf7-response-output {
  position: relative;
  top: unset;
  left: unset;
  transform: none;
  margin-top: 20px !important;
}
#footer .wrap .row .socials-newsletter .socials {
  margin-top: 30px;
}
#footer .wrap .row .socials-newsletter .socials .socials-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#footer .wrap .row .socials-newsletter .socials .socials-links li a {
  width: 40px;
  height: 40px;
  border: 3px solid var(--rose-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: var(--blanc);
}
#footer .wrap .row .socials-newsletter .socials .socials-links li a .icon {
  font-size: 20px;
}
#footer .wrap .row .socials-newsletter .socials .socials-links li a:hover {
  background-color: var(--rose-primary);
}
#footer .wrap .row .infos-contact {
  padding: 50px 0;
}
#footer .wrap .row .infos-contact::before {
  background-color: var(--bleu-fonce);
}
#footer .wrap .row .infos-contact .logo-links {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 55px;
}
#footer .wrap .row .infos-contact .logo-links .logo-link {
  width: 80px;
  height: 80px;
}
#footer .wrap .row .infos-contact .logo-links .logo-link a {
  width: 100%;
  height: 100%;
}
#footer .wrap .row .infos-contact .logo-links .logo-link a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#footer .wrap .row .infos-contact .logo-links .links {
  display: flex;
  flex-direction: column;
  width: 64.56%;
  gap: 20px;
}
#footer .wrap .row .infos-contact .logo-links .links a {
  font-family: 'Heading Now';
  font-size: 34px;
  font-weight: bold;
  line-height: 0.94;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--blanc);
}
#footer .wrap .row .infos-contact .logo-links .links a .icon {
  font-size: 16px;
  color: var(--rose-primary);
}
#footer .wrap .row .infos-contact .logo-links .links a:hover {
  color: var(--rose-primary);
}
#footer .wrap .row .infos-contact .contact p {
  color: var(--blanc);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}
#footer .wrap .row .infos-contact .contact p + p {
  margin-top: 20px;
}
#footer .wrap .row .infos-contact .contact p a {
  color: var(--blanc);
  text-decoration: underline;
}
#footer .wrap .row .infos-contact .contact p a:hover {
  color: var(--rose-primary);
}
#footer .wrap .row .wrapper-menu {
  padding: 0 0 25px;
}
#footer .wrap .row .wrapper-menu::before {
  background-color: var(--bleu-fonce);
}
#footer .wrap .row .wrapper-menu ul {
  padding-top: 20px;
  border-top: 1px solid #ffffff30;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
#footer .wrap .row .wrapper-menu ul li a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.36;
  opacity: 60%;
  color: var(--blanc);
}
#footer .wrap .row .wrapper-menu ul li a:hover {
  color: var(--rose-primary);
  text-decoration: underline;
  opacity: 1;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  #footer {
    background-color: var(--bleu-primary);
    padding-top: 165px;
  }
  #footer .wrap {
    position: relative;
  }
  #footer .wrap .row .infos-contact {
    order: 1;
  }
  #footer .wrap .row .socials-newsletter {
    order: 2;
  }
  #footer .wrap .row .wrapper-menu {
    order: 3;
  }
  #footer .wrap .row .socials-newsletter::before,
  #footer .wrap .row .infos-contact::before,
  #footer .wrap .row .wrapper-menu::before {
    display: none;
  }
  #footer .wrap .row .socials-newsletter {
    padding: 0;
  }
  #footer .wrap .row .socials-newsletter .socials {
    margin-top: 40px;
  }
  #footer .wrap .row .infos-contact {
    padding: 0;
    position: initial;
  }
  #footer .wrap .row .infos-contact .logo-links {
    margin-bottom: 0;
    flex-direction: row;
  }
  #footer .wrap .row .infos-contact .logo-links .logo-link {
    width: 86px;
    height: 86px;
    position: absolute;
    top: -126px;
    left: 50%;
    transform: translate(-50%);
  }
  #footer .wrap .row .infos-contact .logo-links .logo-link a {
    width: 100%;
    height: 100%;
  }
  #footer .wrap .row .infos-contact .logo-links .logo-link a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #footer .wrap .row .infos-contact .logo-links .links {
    width: 89.13%;
    margin-bottom: 40px;
  }
  #footer .wrap .row .infos-contact .logo-links .links a {
    font-size: 42px;
    line-height: 1.07;
  }
  #footer .wrap .row .infos-contact .logo-links .links a .icon {
    font-size: 20px;
  }
  #footer .wrap .row .infos-contact .contact {
    width: 89.13%;
  }
  #footer .wrap .row .wrapper-menu {
    padding: 0 0 20px;
    margin-top: 140px;
  }
  #footer .wrap .row .wrapper-menu ul {
    gap: 10px 28px;
  }
  #footer .wrap .row .wrapper-menu ul li a {
    opacity: 1;
  }
}
@media only screen and (min-width: 1024px) {
  #footer {
    padding-top: 100px;
  }
  #footer .wrap .row {
    justify-content: space-between;
  }
  #footer .wrap .row .socials-newsletter {
    padding: 0;
    color: var(--blanc);
  }
  #footer .wrap .row .infos-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #footer .wrap .row .infos-contact .logo-links {
    width: 100%;
    justify-content: space-between;
  }
  #footer .wrap .row .infos-contact .logo-links .logo-link {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    position: unset;
    top: unset;
    left: unset;
    transform: none;
  }
  #footer .wrap .row .infos-contact .logo-links .logo-link a {
    width: 100%;
    height: 100%;
  }
  #footer .wrap .row .infos-contact .logo-links .logo-link a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #footer .wrap .row .infos-contact .logo-links .links {
    width: calc(var(--colLg) * 5 + var(--gridGutter) * 4);
  }
  #footer .wrap .row .infos-contact .contact {
    width: calc(var(--colLg) * 5 + var(--gridGutter) * 4);
    padding-right: calc((var(--colLg) * 2) + var(--gridGutter));
  }
  #footer .wrap .row .wrapper-menu {
    padding: 0 0 18px;
    margin-top: 130px;
  }
}
@media only screen and (min-width: 1440px) {
  #footer .wrap .row .infos-contact .logo-links .links {
    width: calc(var(--colLg) * 4 + var(--gridGutter) * 3);
    padding-right: calc(var(--colLg) + var(--gridGutter));
  }
  #footer .wrap .row .infos-contact .logo-links .links a {
    font-size: 40px;
    line-height: 1.13;
  }
  #footer .wrap .row .infos-contact .contact {
    width: calc(var(--colLg) * 4 + var(--gridGutter) * 3);
    padding-right: calc(var(--colLg) + var(--gridGutter));
  }
  #footer .wrap .row .wrapper-menu {
    margin-top: 130px;
  }
}
.breadcrumb {
  padding-bottom: 20px;
  margin-top: 100px;
}
.breadcrumb ol {
  list-style: none;
  display: inline;
}
.breadcrumb ol li {
  display: inline;
}
.breadcrumb ol li:not(:last-child) {
  margin-right: 10px;
}
.breadcrumb ol li a {
  font-size: 14px;
  font-weight: bold;
  color: var(--noir);
  line-height: 1.43;
  position: relative;
}
.breadcrumb ol li a.current {
  opacity: 0.4;
}
.breadcrumb ol li a:not(.current):hover::before {
  display: block;
  height: 2px;
  content: '';
  background-color: var(--noir);
  width: calc(100% - 23px);
  position: absolute;
  bottom: -2px;
  left: 0;
}
.breadcrumb ol li:not(:last-child) a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.breadcrumb ol li:not(:last-child) a::after {
  color: var(--rose-primary);
  font-family: 'icomoon' !important;
  content: '\e906';
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .breadcrumb {
    padding-bottom: 30px;
    margin-top: 140px;
  }
  .breadcrumb ol li a {
    font-size: 16px;
    line-height: 1.25;
  }
  .breadcrumb ol li:not(:last-child) a::after {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .breadcrumb {
    padding-bottom: 20px;
  }
  .breadcrumb ol li:not(:last-child) a::after {
    font-size: 16px;
  }
}
.sommaire-wrapper h2 button {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
}
.sommaire-wrapper h2 button .icon {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid var(--rose-primary);
  color: var(--rose-primary);
  font-size: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.sommaire-wrapper h2 .title-text {
  display: none;
}
.sommaire-wrapper .sommaire {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  display: none;
}
.sommaire-wrapper .sommaire li a {
  font-family: 'Heading Now';
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  color: var(--noir);
  text-transform: uppercase;
}
.sommaire-wrapper .sommaire li a:hover {
  color: var(--rose-primary);
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 1024px) {
  .sommaire-wrapper h2 button {
    display: none;
  }
  .sommaire-wrapper h2 .title-text {
    display: block;
    font-size: 14px;
  }
  .sommaire-wrapper .sommaire {
    margin-top: 14px;
    display: flex !important;
  }
}
#rebonds {
  padding-top: 100px;
  margin-top: 100px;
}
#rebonds h2 {
  padding-top: 20px;
  border-top: 8px solid var(--noir);
  font-size: 34px;
  font-weight: bold;
  line-height: 1.06;
  font-family: 'Heading Now';
  margin-bottom: 42px;
}
#rebonds .row {
  row-gap: 24px;
}
#rebonds .row .ressource {
  display: flex;
  gap: 10px;
}
#rebonds .row .ressource .icon {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  font-size: 16px;
  flex-shrink: 0;
  border: 4px solid var(--noir);
  display: flex;
  justify-content: center;
  align-items: center;
}
#rebonds .row .ressource a {
  display: flex;
  flex-direction: column;
  color: var(--noir);
}
#rebonds .row .ressource a:hover .title {
  text-decoration: underline;
}
#rebonds .row .ressource a .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  margin-bottom: 6px;
}
#rebonds .row .ressource a .auteurs {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.14;
}
#rebonds .row .ressource a .source,
#rebonds .row .ressource a .infos {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  #rebonds {
    padding-top: 140px;
  }
  #rebonds h2 {
    padding-top: 16px;
    font-size: 50px;
    line-height: 1.12;
    margin-bottom: 60px;
  }
  #rebonds .row {
    row-gap: 40px;
  }
  #rebonds .row .ressource {
    gap: 20px;
  }
  #rebonds .row .ressource .icon {
    width: 72px;
    height: 72px;
    font-size: 24px;
  }
  #rebonds .row .ressource a .title {
    font-size: 24px;
    line-height: 1.08;
    margin-bottom: 2px;
  }
  #rebonds .row .ressource a .auteurs {
    font-size: 18px;
    line-height: 1.44;
  }
  #rebonds .row .ressource a .source,
  #rebonds .row .ressource a .infos {
    font-size: 14px;
    line-height: 1.14;
  }
}
@media only screen and (min-width: 1024px) {
  #rebonds {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 1440px) {
  #rebonds {
    margin-top: 140px;
  }
}
#partenaires-rebonds {
  margin-top: 100px;
  width: 100%;
}
#partenaires-rebonds h2 {
  padding-top: 20px;
  border-top: 8px solid var(--noir);
  font-family: 'Heading Now';
  font-size: 34px;
  line-height: 1.06;
  text-transform: uppercase;
}
#partenaires-rebonds ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}
#partenaires-rebonds ul li {
  padding-left: 0;
  width: calc((100% / 3) - (40px / 3));
  margin: 0;
}
#partenaires-rebonds ul li::before {
  display: none;
}
#partenaires-rebonds ul li a {
  text-decoration: none;
  color: var(--noir);
}
#partenaires-rebonds ul li figure {
  width: 100%;
}
#partenaires-rebonds ul li figure .wrapper-img {
  width: 100%;
  position: relative;
}
#partenaires-rebonds ul li figure .wrapper-img::after {
  content: '';
  padding-bottom: 100%;
  display: block;
}
#partenaires-rebonds ul li figure .wrapper-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 78.26%;
  -o-object-fit: contain;
     object-fit: contain;
}
#partenaires-rebonds ul li figure figcaption {
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  #partenaires-rebonds {
    margin-top: 140px;
  }
  #partenaires-rebonds h2 {
    padding-top: 16px;
    font-size: 50px;
    line-height: 1.12;
    margin-bottom: 60px;
  }
  #partenaires-rebonds ul {
    gap: 32px;
  }
  #partenaires-rebonds ul li {
    width: calc((100% / 3) - (64px / 3));
  }
  #partenaires-rebonds ul li figure .wrapper-img img {
    width: 72.2222%;
  }
  #partenaires-rebonds ul li figure figcaption {
    font-size: 16px;
    line-height: 1.19;
  }
}
@media only screen and (min-width: 1024px) {
  #partenaires-rebonds ul li {
    width: calc(25% - (96px / 4));
  }
  #partenaires-rebonds ul li figure .wrapper-img img {
    width: 74.21875%;
    left: 0;
    transform: translateY(-50%);
  }
  .tax-type_ressource #partenaires-rebonds ul li,
  .page-template-page-ressources #partenaires-rebonds ul li {
    width: calc((100% / 6) - (160px / 5));
  }
}
@media only screen and (min-width: 1440px) {
  #partenaires-rebonds ul li {
    width: calc(25% - (96px / 4));
  }
  #partenaires-rebonds ul li figure .wrapper-img img {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 88.95%;
  }
  #partenaires-rebonds ul li figure figcaption {
    margin-top: 20px;
  }
}
#licence {
  padding-top: 40px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--noir);
  align-items: center;
  gap: 20px;
}
#licence figure {
  flex-shrink: 0;
  width: 51px;
}
#licence figure.sa {
  width: 90px;
}
#licence figure img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#licence .content-licence p a {
  color: var(--noir);
}
.newsletter-form form {
  position: relative;
}
.newsletter-form form .mc4wp-checkbox {
  display: none;
}
.newsletter-form form input[type='email'] {
  height: 48px;
  width: 100%;
  border-radius: 24px;
  background-color: #ffffff31;
  border: 2px solid transparent;
  padding: 0 100px 0 20px;
}
.newsletter-form form input[type='email']::-moz-placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  color: var(--blanc);
  opacity: 0.3;
}
.newsletter-form form input[type='email']::placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  color: var(--blanc);
  opacity: 0.3;
}
.newsletter-form form input[type='email']:hover {
  border: 2px solid var(--blanc);
}
.newsletter-form form input[type='email']:focus-within {
  background-color: var(--blanc);
  color: var(--noir);
}
.newsletter-form form input[type='email']:focus-within::-moz-placeholder {
  color: var(--noir);
}
.newsletter-form form input[type='email']:focus-within::placeholder {
  color: var(--noir);
}
.newsletter-form form input[type='submit'] {
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 48px;
  width: 90px;
  border-radius: 24px;
  text-align: center;
  background-color: var(--rose-primary);
  border: none;
  color: var(--blanc);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.newsletter-form span.helper_text {
  display: none;
}
.newsletter-form .wpcf7-spinner {
  display: none;
}
.newsletter-form .wpcf7-not-valid-tip {
  font-size: 12px;
  margin-top: 3px;
  margin-left: 20px;
}
.newsletter-form .wpcf7-response-output {
  margin: 0 !important;
  padding: 6px 18px !important;
  border-radius: 100px;
  margin: 0;
  position: absolute;
  top: calc(100% + 40px);
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  border: none !important;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.newsletter-form .wpcf7-response-output:before {
  margin-right: 6px;
  font-size: 12px;
  position: relative;
  top: 5px;
}
.newsletter-form .wpcf7-response-output {
  background: var(--vert-second);
}
.newsletter-form form.invalid .wpcf7-response-output {
  background: var(--rose-primary);
}
.newsletter-form form.invalid .wpcf7-response-output:before {
  margin-right: 6px;
  font-size: 12px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .newsletter-form form input[type='email'] {
    padding-right: 135px;
    padding-left: 30px;
  }
  .newsletter-form form input[type='submit'] {
    width: 125px;
  }
  .newsletter-form form .wpcf7-response-output {
    top: calc(100% + 30px);
  }
}
@media only screen and (min-width: 1024px) {
  .newsletter-form {
    height: 100%;
  }
  .newsletter-form form {
    height: 100%;
  }
  .newsletter-form form input[type='submit'] {
    width: 130px;
  }
  .newsletter-form .wpcf7-response-output {
    left: unset;
    right: 0;
    transform: translateY(-50%);
  }
}
.preview-ressource {
  border-radius: 12px;
  background-color: #fff;
  padding: 20px 40px 46px;
}
.preview-ressource.home {
  padding: 20px 40px 40px;
  width: 100%;
}
.preview-ressource.home .post_thumbnail {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}
.preview-ressource.home .content a {
  border: 2px solid var(--noir);
  background-color: transparent;
  color: var(--noir);
}
.preview-ressource.home .content a:hover {
  color: var(--blanc);
  background-color: var(--noir);
}
.preview-ressource .post_thumbnail {
  width: 100%;
  box-shadow: 2px 6px 10px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 40px;
}
.preview-ressource .post_thumbnail img {
  width: 100%;
}
.preview-ressource .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.preview-ressource .content .entry-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.preview-ressource .content .entry-header .cat {
  order: 2;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: var(--bleu-primary);
  margin-top: 10px;
}
.preview-ressource .content .entry-header h2 {
  order: 1;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.08;
}
.preview-ressource .content .entry-header .date,
.preview-ressource .content .entry-header .auteur {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.preview-ressource .content .entry-header .date {
  margin-top: 5px;
  order: 3;
}
.preview-ressource .content .entry-header .auteur {
  order: 4;
}
.preview-ressource .content .excerpt {
  display: none;
}
.preview-ressource .content a {
  display: inline-flex;
  margin-top: 20px;
  padding: 6px 12px;
  background-color: var(--rose-primary);
  color: var(--blanc);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  align-items: center;
  border-radius: 18px;
  border: 2px solid var(--rose-primary);
  gap: 7px;
}
.preview-ressource .content a .icon {
  font-size: 12px;
}
.preview-ressource .content a:hover {
  color: var(--rose-primary);
  background-color: transparent;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 1024px) {
  .preview-ressource {
    padding: 48px calc((var(--colLg) * 1.5) + var(--gridGutter)) 48px 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .preview-ressource.home {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 20px;
  }
  .preview-ressource.home .post_thumbnail {
    width: calc(100% - 40px);
    margin-bottom: 30px;
  }
  .preview-ressource.home .content {
    width: 100%;
    text-align: center;
    align-items: center;
  }
  .preview-ressource.home .content .entry-header {
    align-items: center;
    text-align: center;
  }
  .preview-ressource.home .content .entry-header .cat {
    order: 2;
    color: var(--bleu-primary);
    margin-top: 12px;
    margin-bottom: 2px;
    text-align: center;
  }
  .preview-ressource.home .content .entry-header h2 {
    order: 1;
    font-size: 24px;
    line-height: 1.08;
    text-align: center;
  }
  .preview-ressource.home .content .entry-header .auteur {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    margin-top: 0;
  }
  .preview-ressource .post_thumbnail {
    width: 26.41%;
    margin-bottom: 0;
  }
  .preview-ressource .content {
    width: 69.23%;
    align-items: flex-start;
  }
  .preview-ressource .content .entry-header {
    align-items: flex-start;
    text-align: left;
  }
  .preview-ressource .content .entry-header .cat {
    order: 1;
    color: var(--noir);
    margin-top: 0;
    margin-bottom: 4px;
  }
  .preview-ressource .content .entry-header h2 {
    order: 2;
    font-size: 32px;
    line-height: 1.19;
  }
  .preview-ressource .content .entry-header .date {
    margin-top: 15px;
  }
  .preview-ressource .content .entry-header .date,
  .preview-ressource .content .entry-header .auteur {
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
  }
  .preview-ressource .content .excerpt {
    display: block;
    margin-top: 40px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
  }
}
@media only screen and (min-width: 1440px) {
  .preview-ressource {
    padding: 48px 100px 48px 48px;
  }
  .preview-ressource .post_thumbnail {
    width: 206px;
  }
  .preview-ressource .content {
    width: 860px;
  }
}
.preview-post {
  border-radius: 12px;
  overflow: hidden;
}
.preview-post a {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--noir);
  padding-bottom: 40px;
  background-color: var(--blanc);
}
.preview-post a:focus-within figure img,
.preview-post a:hover figure img {
  /* IE 9 */
  /* Safari 3-8 */
  transform: scale(1.1);
}
.preview-post a figure {
  width: 100%;
  margin-bottom: 30px;
  aspect-ratio: 316/212;
  overflow: hidden;
}
.preview-post a figure img {
  width: 100%;
  aspect-ratio: 316/212;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.2s ease-in;
}
.preview-post a header {
  padding: 0 50px 0 20px;
  margin-bottom: 16px;
}
.preview-post a header h3,
.preview-post a header h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.08;
}
.preview-post a p {
  padding: 0 48px 0 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.preview-post a .type {
  color: var(--bleu-primary);
  margin-bottom: 2px;
}
.preview-post a .date {
  margin-top: 16px;
}
.preview-post a .date::first-letter {
  text-transform: uppercase;
}
.preview-post a .auteurs {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .preview-post a figure img {
    aspect-ratio: 322/216;
  }
}
@media only screen and (min-width: 1024px) {
  .preview-post a figure img {
    aspect-ratio: 288/192;
  }
  .preview-post a header {
    padding: 0 20px;
  }
  .preview-post a p {
    padding: 0 20px;
  }
}
.preview-projet {
  background-color: var(--main-color);
  min-height: 410px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.preview-projet a {
  z-index: 2;
  width: 100%;
  height: 100%;
  color: var(--bleu-primary);
  position: relative;
  flex: 1;
  padding: 20px 20px 40px;
}
.preview-projet a h2,
.preview-projet a h3 {
  font-size: 42px;
  line-height: 1.05;
  font-family: 'Heading Now', 'arial', 'sans-serif';
}
.preview-projet a p {
  font-size: 14px;
  font-weight: 500;
  margin-top: 16px;
}
.preview-projet:focus-within .deco.big,
.preview-projet:hover .deco.big {
  animation-play-state: running !important;
}
.preview-projet:focus-within .deco.small,
.preview-projet:hover .deco.small {
  animation-play-state: running !important;
}
.preview-projet .deco {
  position: absolute;
  border: 40px solid var(--second-color);
  border-radius: 100%;
  background-color: transparent;
  z-index: 1;
  transform: translateX(40px);
}
.preview-projet .deco::before {
  padding-bottom: 100%;
  display: block;
  content: '';
}
.preview-projet .deco.big {
  width: 320px;
  animation: orbit 8s linear infinite;
  animation-play-state: paused;
}
.preview-projet .deco.small {
  width: 240px;
  animation: orbitInvert 10s linear infinite;
  animation-play-state: paused;
}
.preview-projet.jaune .deco.big {
  top: -50px;
  left: -100px;
}
.preview-projet.jaune .deco.small {
  bottom: -40px;
  right: -40px;
}
.preview-projet.violet .deco.big {
  top: 20px;
  left: -150px;
}
.preview-projet.violet .deco.small {
  bottom: 40px;
  right: -100px;
}
.preview-projet.bleu .deco.big {
  bottom: 40px;
  right: -100px;
}
.preview-projet.bleu .deco.small {
  top: 20px;
  left: -150px;
}
.preview-projet.vert .deco.big {
  bottom: -40px;
  right: -40px;
}
.preview-projet.vert .deco.small {
  top: -50px;
  left: -100px;
}
.preview-projet.beige {
  background-color: #fff;
}
.preview-projet.beige .deco.big {
  top: -40px;
  right: -190px;
}
.preview-projet.beige .deco.small {
  bottom: 20px;
  left: -40px;
}
.preview-projet.rouge .deco.big {
  bottom: 100px;
  right: -60px;
}
.preview-projet.rouge .deco.small {
  bottom: -60px;
  left: -100px;
}
.preview-projet.rose .deco.big {
  bottom: 70px;
  right: -90px;
}
.preview-projet.rose .deco.small {
  bottom: 50px;
  left: -160px;
}
.preview-projet.orange .deco.big {
  bottom: -160px;
  left: -20px;
}
.preview-projet.orange .deco.small {
  bottom: 100px;
  right: -90px;
}
@keyframes orbit {
  from {
    transform: rotate(0deg) translateX(40px) rotate(0deg);
  }
  to {
    transform: rotate(-360deg) translateX(40px) rotate(360deg);
  }
}
@keyframes orbitInvert {
  from {
    transform: rotate(0deg) translateX(40px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(40px) rotate(-360deg);
  }
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 1024px) {
  .preview-projet {
    min-height: 335px;
  }
  .preview-projet.home-projet a {
    padding: 35px 80px 35px 32px;
  }
  .preview-projet.home-projet a h2,
  .preview-projet.home-projet a h3 {
    font-size: 62px;
    line-height: 1;
  }
  .preview-projet a {
    padding: 35px 32px;
  }
  .preview-projet .deco.big {
    width: 350px;
  }
  .preview-projet .deco.small {
    width: 220px;
  }
  .preview-projet.jaune .deco.big {
    top: -50px;
    left: -100px;
  }
  .preview-projet.jaune .deco.small {
    bottom: 20px;
    right: -40px;
  }
  .preview-projet.violet .deco.big {
    top: 10px;
    left: -100px;
  }
  .preview-projet.violet .deco.small {
    bottom: 50px;
    right: -60px;
  }
  .preview-projet.bleu .deco.big {
    bottom: 30px;
    right: -100px;
  }
  .preview-projet.bleu .deco.small {
    top: 20px;
    left: -100px;
  }
  .preview-projet.beige {
    background-color: #fff;
  }
  .preview-projet.beige .deco.big {
    top: -30px;
    right: -120px;
  }
  .preview-projet.beige .deco.small {
    bottom: 20px;
    left: -30px;
  }
  .preview-projet.rouge .deco.big {
    bottom: 100px;
    right: -60px;
  }
  .preview-projet.rouge .deco.small {
    bottom: -60px;
    left: -50px;
  }
  .preview-projet.rose .deco.big {
    bottom: 70px;
    right: -60px;
  }
  .preview-projet.rose .deco.small {
    bottom: 50px;
    left: -120px;
  }
  .preview-projet.orange .deco.big {
    bottom: 50px;
    left: -160px;
  }
  .preview-projet.orange .deco.small {
    bottom: 50px;
    right: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .preview-projet {
    min-height: 450px;
  }
  .preview-projet .deco {
    border: 50px solid var(--second-color);
  }
  .preview-projet .deco.big {
    width: 500px;
  }
  .preview-projet .deco.small {
    width: 350px;
  }
  .preview-projet.jaune .deco.big {
    top: -50px;
    left: -210px;
  }
  .preview-projet.jaune .deco.small {
    bottom: 20px;
    right: -40px;
  }
  .preview-projet.violet .deco.big {
    left: -170px;
  }
  .preview-projet.violet .deco.small {
    right: -100px;
  }
  .preview-projet.bleu .deco.big {
    right: -170px;
  }
  .preview-projet.vert .deco.big {
    right: -200px;
  }
  .preview-projet.beige .deco.big {
    right: -200px;
  }
  .preview-projet.beige .deco.small {
    left: -80px;
  }
  .preview-projet.rouge .deco.big {
    bottom: 150px;
    right: -90px;
  }
  .preview-projet.rouge .deco.small {
    bottom: -90px;
    left: -70px;
  }
  .preview-projet.rose .deco.big {
    right: -160px;
  }
  .preview-projet.orange .deco.small {
    bottom: 50px;
    right: -90px;
  }
}
.preview-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 40px;
}
.preview-data .content-chiffre {
  width: 100%;
  border-radius: 100%;
  background-color: var(--rose-primary);
  position: relative;
}
.preview-data .content-chiffre::after {
  content: '';
  padding-bottom: 100%;
  display: block;
}
.preview-data .content-chiffre .num {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 40px);
  transform: translate(-50%, -50%);
  font-family: 'Heading Now';
  font-size: 90px;
  color: var(--blanc);
  line-height: 0.87;
  text-align: center;
}
.preview-data .label {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.08;
  text-align: center;
  padding: 0 40px;
}
.preview-data a.btn {
  padding: 6px 12px;
  margin-top: 20px;
  text-transform: none;
  border-radius: 18px;
  border: solid 2px var(--noir);
  display: inline-flex;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  gap: 6px;
  color: var(--noir);
}
.preview-data a.btn .icon {
  font-size: 12px;
}
.preview-data a.btn:hover {
  color: var(--blanc);
  background-color: var(--noir);
}
.preview-data a.btn:hover .icon {
  color: var(--blanc);
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 1024px) {
  .preview-data {
    padding: 40px 0;
  }
  .preview-data .content-chiffre .num {
    font-size: 80px;
    line-height: 0.98;
  }
  .preview-data .label {
    margin-top: 24px;
    padding: 0 20px;
  }
}
.preview-search + .preview-search {
  padding-top: 32px;
  border-top: 1px solid #d1d1d1;
  margin-top: 32px;
}
.preview-search .highlight {
  text-decoration: underline;
  text-underline-offset: 14%;
  text-decoration-thickness: 9%;
}
.preview-search > a {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  color: var(--noir);
}
.preview-search > a:hover .preview-title,
.preview-search > a:focus-visible .preview-title {
  text-decoration: underline;
  text-underline-offset: 14%;
  text-decoration-thickness: 9%;
}
.preview-search .preview-img {
  aspect-ratio: 206 / 144;
  border-radius: 4px;
  box-shadow: 0.87px 2.61px 6.96px 0px #00000033;
  overflow: hidden;
}
.preview-search .preview-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.preview-search.type-ressource .preview-img {
  aspect-ratio: unset;
}
.preview-search.type-ressource .preview-img img {
  height: auto;
}
.preview-search.type-projet-recherche .preview-img {
  aspect-ratio: 1 / 1;
}
.preview-search .preview-header {
  margin-bottom: 10px;
}
.preview-search .preview-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}
.preview-search .preview-title .highlighted {
  text-decoration: underline;
  text-underline-offset: 14%;
  text-decoration-thickness: 9%;
}
.preview-search .auteur,
.preview-search .relecteur,
.preview-search .preview-subtitle {
  margin-top: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.preview-search .auteur .highlighted,
.preview-search .relecteur .highlighted,
.preview-search .preview-subtitle .highlighted {
  text-decoration: underline;
  text-underline-offset: 14%;
  text-decoration-thickness: 9%;
}
.preview-search .auteur + .relecteur {
  margin-top: 0;
}
.preview-search .type {
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: var(--bleu-primary);
  margin-bottom: 2px;
}
.preview-search .date {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .preview-search .preview-header {
    margin-bottom: 12px;
  }
  .preview-search .preview-title {
    font-size: 24px;
    line-height: 28px;
  }
  .preview-search .auteur,
  .preview-search .relecteur,
  .preview-search .preview-subtitle {
    margin-top: 6px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
  }
  .preview-search .type {
    margin-bottom: 2px;
  }
  .preview-search .date {
    font-size: 12px;
  }
}
.hero-description {
  padding-top: 140px;
  margin-bottom: 60px;
}
.hero-description .hero_description_text {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .hero-description {
    padding-top: 180px;
    margin-bottom: 80px;
  }
  .hero-description .hero_description_text {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.31;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-description {
    margin-bottom: 70px;
  }
  .hero-description .hero_description_text {
    margin-top: 30px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.21;
  }
}
@media only screen and (min-width: 1440px) {
  .hero-description .hero_description_text {
    margin-top: 20px;
  }
}
.hero-single .wrap .row .post_thumbnail,
.hero-single .wrap .row .hero-header {
  position: relative;
}
.hero-single .wrap .row .post_thumbnail::before,
.hero-single .wrap .row .hero-header::before {
  position: absolute;
  content: '';
  display: block;
  width: 100vw;
  left: 50%;
  background-color: var(--beige);
  z-index: -1;
}
.hero-single .wrap .row .post_thumbnail {
  margin-bottom: 20px;
}
.hero-single .wrap .row .post_thumbnail::before {
  height: 50%;
  top: 0;
  transform: translateX(-50%);
}
.hero-single .wrap .row .post_thumbnail img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 317/210;
  border-radius: 20px;
}
.hero-single .wrap .row .hero-header {
  text-align: center;
  color: var(--rose-primary);
  padding-bottom: 40px;
  padding-top: 140px;
}
.hero-single .wrap .row .hero-header::before {
  height: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.hero-single .wrap .row .hero-header .type {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.63;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.hero-single .wrap .row .hero-header h1 {
  margin-bottom: 20px;
}
.hero-single .wrap .row .hero-header .excerpt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  margin-bottom: 20px;
}
.hero-single .wrap .row .hero-header .date {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.post-infos .row .col .categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 7px;
}
.post-infos .row .col .categories li a {
  padding: 5px 6px;
  color: var(--noir);
  font-size: 12px;
  font-weight: 500;
  background-color: var(--beige);
  text-transform: uppercase;
  border-radius: 4px;
}
.post-infos .row .col .categories li a:hover {
  color: var(--blanc);
  background-color: var(--noir);
}
.post-infos .row .col .infos {
  margin-top: 10px;
  border-top: 1px solid #00000010;
  display: flex;
  gap: var(--gridGutter);
  padding-top: 12px;
}
.post-infos .row .col .infos dl {
  width: calc(50% - (var(--gridGutter) / 2));
}
.post-infos .row .col .infos dl dt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}
.post-infos .row .col .infos dl dd ul li {
  font-size: 14px;
  line-height: 16px;
  display: flex;
  flex-direction: column;
}
.post-infos .row .col .infos dl dd ul li:not(:last-child) {
  margin-bottom: 10px;
}
.post-infos .row .col .infos dl dd ul li .fonction {
  opacity: 0.5;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .hero-single .wrap .row .post_thumbnail img {
    aspect-ratio: 676/448;
  }
  .hero-single .wrap .row .hero-header {
    padding-bottom: 60px;
    padding-top: 180px;
  }
  .hero-single .wrap .row .hero-header .type {
    margin-bottom: 1px;
  }
  .hero-single .wrap .row .hero-header h1 {
    margin-bottom: 30px;
  }
  .hero-single .wrap .row .hero-header .excerpt {
    font-size: 24px;
    line-height: 1.17;
    width: 90%;
    margin: 0 auto 20px;
  }
  .post-infos .row .col .infos {
    margin-top: 20px;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-single .wrap .row .post_thumbnail img {
    aspect-ratio: 608/404;
  }
  .hero-single .wrap .row .hero-header {
    padding-bottom: 30px;
  }
  .hero-single .wrap .row .hero-header .excerpt {
    max-width: 448px;
  }
}
@media only screen and (min-width: 1440px) {
  .hero-single .wrap .row .post_thumbnail img {
    aspect-ratio: 822/545;
  }
  .hero-single .wrap .row .hero-header {
    padding-bottom: 50px;
  }
  .hero-single .wrap .row .hero-header .excerpt {
    max-width: 607px;
  }
  .post-infos .row .col .categories {
    gap: 10px;
  }
  .post-infos .row .col .infos {
    margin-top: 14px;
  }
}
.hero-couleur {
  background-color: var(--main-color);
  min-height: 100svh;
  padding-top: 140px;
  padding-bottom: 80px;
  position: relative;
  color: var(--bleu-primary);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.hero-couleur .deco {
  position: absolute;
  border: 40px solid var(--second-color);
  border-radius: 100%;
  z-index: 2;
  background-color: transparent;
}
.hero-couleur .deco::before {
  padding-bottom: 100%;
  display: block;
  content: '';
}
.hero-couleur .deco.big {
  width: 320px;
  top: 0;
  left: 0;
  animation: GFGinvert 12s infinite linear;
}
.hero-couleur .deco.small {
  width: 240px;
  bottom: 0;
  right: 0;
  animation: GFG 15s infinite linear;
}
@keyframes GFG {
  0% {
    transform: rotate(0deg) translateX(90px) rotate(0deg);
  }
  100% {
    transform: rotate(-360deg) translateX(90px) rotate(360deg);
  }
}
@keyframes GFGinvert {
  0% {
    transform: rotate(0deg) translateX(-100px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(-100px) rotate(-360deg);
  }
}
.hero-couleur .wrap {
  z-index: 3;
  width: 100%;
}
.hero-couleur .wrap .row .hero-header .type {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.63;
  margin-bottom: 10px;
  display: inline-block;
  text-transform: uppercase;
}
.hero-couleur .wrap .row .hero-header h1 {
  margin-bottom: 20px;
}
.hero-couleur .wrap .row .hero-header .excerpt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  padding-right: calc((var(--colLg) + var(--gridGutter)) * 1);
}
.hero-couleur .wrap .row .scroll-down {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
  border: none;
  font-size: 24px;
  z-index: 3;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .hero-couleur {
    padding-top: 370px;
  }
  .hero-couleur .deco {
    border: 60px solid var(--second-color);
  }
  .hero-couleur .deco.big {
    width: 480px;
    top: -140px;
    left: -120px;
  }
  .hero-couleur .deco.small {
    width: 410px;
    bottom: 47px;
    right: -100px;
  }
  @keyframes GFG {
    0% {
      transform: rotate(0deg) translateX(90px) rotate(0deg);
    }
    100% {
      transform: rotate(-360deg) translateX(90px) rotate(360deg);
    }
  }
  @keyframes GFGinvert {
    0% {
      transform: rotate(0deg) translateX(-130px) rotate(0deg);
    }
    100% {
      transform: rotate(360deg) translateX(-130px) rotate(-360deg);
    }
  }
  .hero-couleur .wrap .row .hero-header .type {
    font-size: 18px;
    line-height: 1.44;
  }
  .hero-couleur .wrap .row .hero-header h1 {
    margin-bottom: 30px;
  }
  .hero-couleur .wrap .row .hero-header .excerpt {
    font-size: 24px;
    line-height: 1.17;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-couleur {
    padding-top: 190px;
  }
  .hero-couleur .wrap .row .hero-header .excerpt {
    padding-right: calc((var(--colLg) * 2) + (var(--gridGutter) * 2));
  }
}
@media only screen and (min-width: 1440px) {
  .hero-couleur {
    padding-top: 300px;
  }
}
.hero-data {
  padding-top: 140px;
}
.hero-data .wrap .row .col-title .top-title {
  color: var(--bleu-pale);
}
.hero-data .wrap .row .link-popin {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}
.hero-data .wrap .row .link-popin .popin-btn {
  font-size: 15px;
  line-height: 22px;
  padding: 12px 17px;
}
.hero-data .wrap .row .link-popin .dialog-backdrop {
  padding: 11px 20px;
  background: rgba(45, 24, 129, 0.5);
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos {
  padding: 21px 19px 33px;
  background-color: var(--blanc);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  max-width: 736px;
  max-height: 80vh;
  overflow: scroll;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-header {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
  color: var(--bleu-primary);
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content {
  margin-top: 22px;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content p {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content a:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--noir);
  transition: opacity 0.2s ease-in;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content a:not(.btn):hover {
  opacity: 0.7;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content p + p {
  margin-top: 6px;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content p + h3 {
  margin-top: 20px;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content .btn {
  margin-top: 21px;
  text-decoration: none;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content .btn[target='_blank'] {
  display: inline-flex;
  align-items: center;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content .btn[target='_blank']::after {
  font-size: 13px;
  margin-left: 4px;
  text-decoration: none;
  display: inline-block;
}
.hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .close {
  background: transparent;
  border: none;
  font-size: 18px;
  margin-left: auto;
  margin-top: 7px;
}
.hero-data .wrap .row .link-popin .lien-externe {
  font-size: 15px;
  line-height: 23px;
  font-weight: bold;
  color: var(--noir);
}
.hero-data .wrap .row .link-popin .lien-externe:hover {
  text-decoration: underline;
}
.hero-data .wrap .row .link-popin a[target='_blank']::after {
  font-size: 12px;
  margin-left: 3px;
  text-decoration: none;
  display: inline-block;
}
.hero-data .wrap .row .chiffre-important {
  position: relative;
  border-radius: 100%;
}
.hero-data .wrap .row .chiffre-important::after {
  padding-bottom: 100%;
  content: '';
  display: block;
}
.hero-data .wrap .row .chiffre-important::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(/wp-content/themes/francetierslieux/images/bg-second-num.svg) no-repeat;
}
.hero-data .wrap .row .chiffre-important p {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  text-align: center;
}
.hero-data .wrap .row .chiffre-important .num {
  font-family: 'Heading Now';
  color: var(--bleu-primary);
  font-size: 90px;
  line-height: 0.87;
}
.hero-data .wrap .row .chiffre-important .label {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.08;
  width: 75%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}
.hero-data .wrap .row .chiffre-important .label .btn-rebond {
  padding: 10px 12px;
  border-radius: 46px;
  border: 2px solid var(--noir);
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: var(--noir);
  text-transform: none;
  display: inline-flex;
  align-items: center;
  transition: all 0.2s ease-in;
}
.hero-data .wrap .row .chiffre-important .label .btn-rebond:hover {
  background-color: var(--noir);
  color: var(--blanc);
}
.hero-data .wrap .row .chiffre-important .label .btn-rebond[target='_blank']::after {
  font-size: 9px;
  margin-left: 6px;
  text-decoration: none;
  display: inline-block;
}
.hero-data .wrap .row .col-desc {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
}
.hero-data .wrap .row .col-desc a {
  color: var(--rose-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: opacity 0.2 ease-in;
}
.hero-data .wrap .row .col-desc a:hover {
  opacity: 0.7;
}
.hero-data .wrap .row .col-desc a[target='_blank']::after {
  font-size: 12px;
  margin-left: 3px;
  text-decoration: none;
  display: inline-block;
}
.hero-data .wrap .row .select-territoire {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  gap: 15px;
  align-items: center;
}
.hero-data .wrap .row .select-territoire .select-label {
  font-size: 22px;
  font-weight: bold;
  color: var(--bleu-primary);
}
.hero-data .wrap .row .select-territoire .open-popin {
  padding: 12px 20px 12px 20px;
  border-radius: 50px;
  background-color: transparent;
  border: solid 2px var(--noir);
  color: var(--noir);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.hero-data .wrap .row .select-territoire .open-popin .icon {
  font-size: 16px;
}
.hero-data .wrap .row .select-territoire .dialog-backdrop {
  padding: 11px 20px;
  background: rgba(45, 24, 129, 0.5);
}
.hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters {
  padding: 20px 20px 44px;
  background-color: var(--blanc);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  max-width: 1000px;
}
.hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters h2 {
  margin-left: 2px;
  margin-bottom: 23px;
  font-size: 22px;
  font-weight: bold;
  color: var(--bleu-primary);
}
.hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters .close {
  background: transparent;
  border: none;
  font-size: 18px;
  margin-left: auto;
}
.hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters .close .icon {
  color: var(--bleu-primary);
}
.hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters .checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 6px;
}
.hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters .checkboxes .container-checkbox {
  cursor: pointer;
  position: relative;
}
.hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters .checkboxes .container-checkbox input {
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters .checkboxes .container-checkbox .label {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--noir);
  padding: 6px 12px;
  border-radius: 18px;
  border: solid 2px var(--noir);
  box-sizing: border-box;
}
.hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters .checkboxes .container-checkbox input:checked ~ .label {
  background-color: var(--noir);
  color: var(--blanc);
}
.hero-data .wrap .row .ancres {
  margin: 68px 0 70px;
}
.hero-data .wrap .row .ancres .sommaire-title {
  padding-top: 20px;
  border-top: 8px solid var(--noir);
  margin-bottom: 45px;
}
.hero-data .wrap .row .ancres .sommaire-title h2 {
  text-transform: uppercase;
  font-size: 34px;
  line-height: 1.12;
  font-family: 'Heading Now';
  color: var(--noir);
}
.hero-data .wrap .row .ancres ul {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: -20px;
}
.hero-data .wrap .row .ancres ul li {
  margin-bottom: 20px;
}
.hero-data .wrap .row .ancres ul li a {
  gap: 6px;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Heading Now';
  line-height: 1.13;
  color: var(--bleu-primary);
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: flex-start;
  vertical-align: middle;
}
.hero-data .wrap .row .ancres ul li a .icon {
  font-size: 14px;
  color: var(--rose-primary);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  transition: all 0.2s ease-in-out;
}
.hero-data .wrap .row .ancres ul li a:hover,
.hero-data .wrap .row .ancres ul li a:focus-visible {
  color: var(--rose-primary);
}
.hero-data .wrap .row .ancres ul li a:hover .icon,
.hero-data .wrap .row .ancres ul li a:focus-visible .icon {
  color: var(--rose-primary);
}
.hero-data .sticky-ancres-mobile {
  position: fixed;
  z-index: 8000;
  top: var(--adminBarHeight);
  left: 0;
  right: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}
.hero-data .sticky-ancres-mobile.masked {
  transform: translateY(-110%);
}
.hero-data .sticky-ancres-mobile .overlay {
  content: '';
  position: fixed;
  inset: 0;
  background: var(--noir);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.hero-data .sticky-ancres-mobile .sommaire-title {
  width: 100%;
  height: 74px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4px 70px 4px var(--wrapMargin);
  border: none;
  position: relative;
  z-index: 1;
  text-align: left;
  color: var(--blanc);
  background: var(--bleu-primary);
}
.hero-data .sticky-ancres-mobile .sommaire-title .label {
  font-family: 'Heading Now';
  font-weight: bold;
  font-size: 23px;
  line-height: 22px;
  text-transform: uppercase;
}
.hero-data .sticky-ancres-mobile .sommaire-title .current {
  max-height: 22px;
  overflow: hidden;
  margin-top: 4px;
  font-family: 'Heading Now';
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: var(--rose-primary);
  transition: all 0.3s ease-in-out;
}
.hero-data .sticky-ancres-mobile .sommaire-title:after {
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -10px;
  font-size: 20px;
  transition: all 0.3s ease-in-out;
}
.hero-data .sticky-ancres-mobile ul {
  padding: 0 var(--wrapMargin) 25px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--bleu-primary);
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: -20px;
  transform: translateY(-100%);
  transition: 0.3s ease-in-out;
}
.hero-data .sticky-ancres-mobile ul li {
  margin-bottom: 20px;
}
.hero-data .sticky-ancres-mobile ul li a {
  gap: 5px;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Heading Now';
  line-height: 14px;
  color: var(--blanc);
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: flex-start;
  vertical-align: middle;
}
.hero-data .sticky-ancres-mobile ul li a .icon {
  font-size: 11px;
  color: var(--rose-primary);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 2px;
  transition: all 0.2s ease-in-out;
}
.hero-data .sticky-ancres-mobile ul li a:hover,
.hero-data .sticky-ancres-mobile ul li a:focus-visible {
  color: var(--rose-primary);
}
.hero-data .sticky-ancres-mobile ul li a.active {
  color: var(--rose-primary);
}
.hero-data .sticky-ancres-mobile ul li a.active .icon {
  transform: rotate(-90deg);
}
.hero-data .sticky-ancres-mobile:not(.masked).expanded .overlay {
  visibility: visible;
  opacity: 0.7;
}
.hero-data .sticky-ancres-mobile:not(.masked).expanded .sommaire-title .current {
  margin-top: 0;
  max-height: 0;
}
.hero-data .sticky-ancres-mobile:not(.masked).expanded .sommaire-title:after {
  transform: rotate(-180deg);
}
.hero-data .sticky-ancres-mobile:not(.masked).expanded ul {
  transform: none;
}
.hero-data .sticky-ancres-mobile:not(.expanded) ul a,
.hero-data .sticky-ancres-mobile:not(.expanded) ul a .icon {
  color: transparent !important;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .hero-data {
    padding-top: 180px;
  }
  .hero-data .wrap .row .link-popin {
    margin-top: 20px;
    flex-direction: row;
    align-items: center;
    gap: 19px;
  }
  .hero-data .wrap .row .link-popin .popin-btn {
    padding: 7px 17px;
  }
  .hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos {
    padding: 22px 32px 43px;
  }
  .hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-header {
    gap: 20px;
    align-items: center;
  }
  .hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos h2 {
    font-size: 45px;
    line-height: 38px;
  }
  .hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content {
    margin-top: 21px;
  }
  .hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content h3 {
    margin-bottom: 6px;
  }
  .hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content p {
    font-size: 14px;
  }
  .hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content p + h3 {
    margin-top: 18px;
  }
  .hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .popin-infos-content .btn {
    margin-top: 24px;
    padding: 10px 10px 10px 15px;
  }
  .hero-data .wrap .row .link-popin .dialog-backdrop #popin-infos .close {
    margin-top: 0px;
  }
  .hero-data .wrap .row .chiffre-important p .num {
    font-size: 140px;
    font-weight: bold;
    line-height: 1.14;
  }
  .hero-data .wrap .row .chiffre-important p .label {
    font-size: 40px;
    line-height: 1.05;
    max-width: 205px;
  }
  .hero-data .wrap .row .col-desc {
    margin-top: 32px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.23;
  }
  .hero-data .wrap .row .ancres {
    margin: 60px 0 90px;
  }
  .hero-data .wrap .row .ancres ul {
    -moz-column-gap: 32px;
         column-gap: 32px;
    margin-bottom: -15px;
  }
  .hero-data .wrap .row .ancres ul li {
    margin-bottom: 15px;
  }
  .hero-data .wrap .row .ancres ul li a {
    font-size: 20px;
    line-height: 26px;
    gap: 10px;
  }
  .hero-data .wrap .row .ancres ul li a .icon {
    font-size: 12px;
    color: var(--bleu-primary);
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid var(--rose-primary);
    top: 0;
  }
  .hero-data .wrap .row .ancres ul li a:hover,
  .hero-data .wrap .row .ancres ul li a:focus-visible {
    color: var(--rose-primary);
  }
  .hero-data .wrap .row .ancres ul li a:hover .icon,
  .hero-data .wrap .row .ancres ul li a:focus-visible .icon {
    color: var(--blanc);
    background: var(--rose-primary);
  }
}
@media only screen and (min-width: 1024px) {
  .hero-data .wrap .row {
    position: relative;
  }
  .hero-data .wrap .row .chiffre-important {
    width: 100%;
    min-height: 389px;
  }
  .hero-data .wrap .row .chiffre-important::before {
    width: 389px;
    height: 389px;
    left: -100px;
  }
  .hero-data .wrap .row .chiffre-important::after {
    display: none;
  }
  .hero-data .wrap .row .chiffre-important p {
    position: relative;
    top: unset;
    left: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-left: 85px;
    gap: 55px;
    transform: none;
    width: auto;
  }
  .hero-data .wrap .row .chiffre-important p .num {
    font-size: 287px;
    font-family: 'Heading Now';
    font-weight: 700;
    line-height: 389px;
  }
  .hero-data .wrap .row .chiffre-important p .label {
    font-size: 28px;
    line-height: 27px;
    max-width: 222px;
    width: 222px;
    text-align: left;
    gap: 14px;
    align-items: flex-start;
  }
  .hero-data .wrap .row .chiffre-important p .label .btn-rebond {
    padding: 10px 16px;
    font-size: 18px;
  }
  .hero-data .wrap .row .chiffre-important p .label .btn-rebond[target='_blank']::after {
    font-size: 14px;
  }
  .hero-data .wrap .row .col-desc {
    margin-top: 28px;
  }
  .hero-data .wrap .row .ancres {
    margin: 0;
    position: absolute;
    z-index: 8000;
    top: calc(100% + 70px);
  }
  .hero-data .wrap .row .ancres.sticky {
    position: fixed;
    top: 40px;
    left: 40px;
  }
  .hero-data .wrap .row .ancres:not(.sticky) {
    left: 0 !important;
  }
  .hero-data .wrap .row .ancres:not(.bottom) {
    bottom: unset !important;
  }
  .hero-data .wrap .row .ancres.bottom {
    position: absolute;
    left: 0 !important;
    top: unset;
  }
  .hero-data .wrap .row .ancres .sommaire-title {
    display: none;
  }
  .hero-data .wrap .row .ancres ul {
    -moz-column-count: unset;
         column-count: unset;
    -moz-column-gap: unset;
         column-gap: unset;
    margin: 0;
  }
  .hero-data .wrap .row .ancres ul li {
    margin-bottom: 7px;
  }
  .hero-data .wrap .row .ancres ul li:last-child {
    margin-bottom: 0;
  }
  .hero-data .wrap .row .ancres ul li a {
    gap: 6px;
    font-size: 14px;
    line-height: 14px;
    color: var(--noir);
  }
  .hero-data .wrap .row .ancres ul li a .icon {
    font-size: 8px;
    width: 19px;
    height: 19px;
    border-width: 1.5px;
    top: -2.5px;
  }
  .hero-data .wrap .row .ancres ul li a:hover,
  .hero-data .wrap .row .ancres ul li a:focus-visible {
    color: var(--rose-primary);
  }
  .hero-data .wrap .row .ancres ul li a.active {
    color: var(--rose-primary);
  }
  .hero-data .wrap .row .ancres ul li a.active .icon {
    color: var(--bleu-primary);
    background: none;
    transform: rotate(-90deg);
  }
  .hero-data .wrap .row .ancres.whiteText ul li a {
    color: var(--blanc);
  }
  .hero-data .wrap .row .ancres.whiteText ul li a:hover,
  .hero-data .wrap .row .ancres.whiteText ul li a:focus-visible,
  .hero-data .wrap .row .ancres.whiteText ul li a.active {
    color: var(--rose-primary);
  }
  .hero-data .wrap .row .ancres.whiteText ul li a .icon {
    color: var(--blanc);
  }
  .hero-data .wrap .row .select-territoire {
    margin-top: 66px;
    margin-bottom: 25px;
    gap: 22px;
  }
  .hero-data .wrap .row .select-territoire .open-popin {
    padding: 9px 20px;
  }
  .hero-data .wrap .row .select-territoire .dialog-backdrop {
    padding: 11px 20px;
    background: rgba(45, 24, 129, 0.5);
  }
  .hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters {
    padding: 40px 55px;
    width: 75%;
  }
  .hero-data .wrap .row .select-territoire .dialog-backdrop #dialog-filters .close {
    margin-right: -25px;
  }
  .hero-data .sticky-ancres-mobile {
    display: none;
  }
}
@media only screen and (min-width: 1440px) {
  .hero-data .wrap .row .ancres ul li a {
    gap: 10px;
    font-size: 18px;
    line-height: 18px;
  }
  .hero-data .wrap .row .ancres ul li a .icon {
    border-width: 2px;
    font-size: 12px;
    width: 26px;
    height: 26px;
    top: -4px;
  }
}
.hero-ressource {
  padding-top: 140px;
  padding-bottom: 64px;
  margin-bottom: 60px;
  background-color: var(--beige);
  position: relative;
}
.hero-ressource::before {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  background-color: var(--beige);
  z-index: -1;
}
.hero-ressource .row .hero-header {
  display: flex;
  flex-direction: column-reverse;
}
.hero-ressource .row .hero-header .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hero-ressource .row .hero-header .content .page-title {
  font-size: 50px;
  line-height: 1;
  margin-bottom: 20px;
}
.hero-ressource .row .hero-header .content .type,
.hero-ressource .row .hero-header .content .thema {
  font-size: 16px;
  line-height: 1.63;
  color: var(--bleu-primary);
  text-transform: uppercase;
}
.hero-ressource .row .hero-header .content .type {
  font-weight: 800;
}
.hero-ressource .row .hero-header .content .date {
  margin-top: 20px;
}
.hero-ressource .row .hero-header .content .date,
.hero-ressource .row .hero-header .content .auteurs {
  font-size: 16px;
  line-height: 18px;
  color: var(--bleu-primary);
}
.hero-ressource .row .hero-header .content .btn-container {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.hero-ressource .row .hero-header .content a {
  display: inline-flex;
  padding: 6px 12px;
  background-color: var(--rose-primary);
  color: var(--blanc);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  align-items: center;
  border-radius: 18px;
  border: 2px solid var(--rose-primary);
  gap: 7px;
}
.hero-ressource .row .hero-header .content a .icon {
  font-size: 12px;
}
.hero-ressource .row .hero-header .content a:hover {
  color: var(--rose-primary);
  background-color: transparent;
}
.hero-ressource .row .hero-header .post_thumbnail {
  width: 64.24%;
  margin-bottom: 59px;
  box-shadow: 2px 6px 10px 0 rgba(0, 0, 0, 0.3);
}
.hero-ressource .row .hero-header .post_thumbnail img {
  width: 100%;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .hero-ressource {
    padding-top: 185px;
    padding-bottom: 80px;
    margin-bottom: 100px;
  }
  .hero-ressource .row .hero-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
  }
  .hero-ressource .row .hero-header .content {
    width: calc(100% - 32px - 35%);
  }
  .hero-ressource .row .hero-header .content .btn-container {
    gap: 12px;
  }
  .hero-ressource .row .hero-header .post_thumbnail {
    width: 35%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-ressource {
    padding-top: 174px;
  }
  .hero-ressource .row .hero-header {
    justify-content: flex-start;
    gap: 34px;
  }
  .hero-ressource .row .hero-header .content {
    width: calc(100% - 34px - 26.79%);
  }
  .hero-ressource .row .hero-header .content .page-title {
    font-size: 62px;
    line-height: 1.03;
  }
  .hero-ressource .row .hero-header .content .type,
  .hero-ressource .row .hero-header .content .thema {
    font-size: 16px;
    line-height: 1.63;
    color: var(--bleu-primary);
    text-transform: uppercase;
  }
  .hero-ressource .row .hero-header .content .type {
    font-weight: 800;
  }
  .hero-ressource .row .hero-header .content .auteurs {
    font-size: 16px;
  }
  .hero-ressource .row .hero-header .post_thumbnail {
    width: 26.79%;
  }
}
/* Pages */
.error-404 {
  padding-top: 127px;
  padding-bottom: 128px;
}
.error-404 .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.error-404 .page-title {
  font-family: 'Heading Now';
  font-size: 40px;
  color: var(--bleu-primary);
  margin-bottom: 40px;
}
.error-404 .subtitle {
  font-weight: bold;
  font-size: 20px;
}
.error-404 .page-content {
  margin-top: 20px;
}
.error-404 .page-content p {
  font-size: 16px;
  line-height: 1.7em;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .error-404 {
    padding-top: 210px;
    padding-bottom: 200px;
  }
  .error-404 .page-title {
    font-size: 80px;
    margin-bottom: 50px;
  }
  .error-404 .subtitle {
    font-size: 22px;
  }
}
.home-hero {
  padding-top: 140px;
  margin-bottom: 40px;
}
.home-hero .page-title {
  text-wrap: balance;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .home-hero {
    padding-top: 186px;
    margin-bottom: 104px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-hero {
    padding-top: 178px;
    margin-bottom: 80px;
  }
}
.home-mea {
  margin-bottom: 40px;
  position: relative;
}
.home-mea .deco {
  position: absolute;
  border: 40px solid var(--beige-second);
  border-radius: 100%;
  z-index: -1;
  background-color: transparent;
}
.home-mea .deco::before {
  padding-bottom: 100%;
  display: block;
  content: '';
}
.home-mea .deco.big {
  width: 320px;
  top: 0;
  left: 0;
  animation: GFGinvert 12s infinite linear;
}
.home-mea .deco.small {
  width: 240px;
  bottom: 0;
  right: 0;
  animation: GFG 15s infinite linear;
}
@keyframes GFG {
  0% {
    transform: rotate(0deg) translateX(90px) rotate(0deg);
  }
  100% {
    transform: rotate(-360deg) translateX(90px) rotate(360deg);
  }
}
@keyframes GFGinvert {
  0% {
    transform: rotate(0deg) translateX(-100px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(-100px) rotate(-360deg);
  }
}
.home-mea .container > a {
  display: flex;
  flex-direction: column;
  color: var(--noir);
  background: var(--blanc);
  overflow: hidden;
  border-radius: 12px;
}
.home-mea .container > a:hover .entry-title,
.home-mea .container > a:focus-visible .entry-title {
  color: var(--bleu-primary);
}
.home-mea .post-thumbnail {
  aspect-ratio: 528 / 350;
  position: relative;
}
.home-mea .post-thumbnail img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-mea .post-content {
  padding: 24px 20px;
}
.home-mea .post-content .subtitle {
  margin-bottom: 17px;
  font-weight: bold;
  font-size: 19px;
  color: var(--beige-second);
}
.home-mea .post-content .entry-title {
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  text-wrap: balance;
  transition: all 0.2s ease-in-out;
}
.home-mea .post-content .infos {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 30px;
  font-size: 14px;
  color: var(--bleu-primary);
}
.home-mea .post-content .infos .type {
  font-weight: bold;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .home-mea {
    margin-bottom: 100px;
  }
  .home-mea .deco {
    border-width: 60px;
  }
  .home-mea .deco.big {
    width: 480px;
    top: -140px;
    left: -120px;
  }
  .home-mea .deco.small {
    width: 410px;
    bottom: 47px;
    right: -100px;
  }
  @keyframes GFG {
    0% {
      transform: rotate(0deg) translateX(90px) rotate(0deg);
    }
    100% {
      transform: rotate(-360deg) translateX(90px) rotate(360deg);
    }
  }
  @keyframes GFGinvert {
    0% {
      transform: rotate(0deg) translateX(-130px) rotate(0deg);
    }
    100% {
      transform: rotate(360deg) translateX(-130px) rotate(-360deg);
    }
  }
  .home-mea .post-content {
    padding: 32px 110px 24px 32px;
  }
  .home-mea .post-content .subtitle {
    margin-bottom: 6px;
  }
  .home-mea .post-content .infos {
    gap: 3px;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-mea .container > a {
    flex-direction: row;
  }
  .home-mea .post-thumbnail {
    flex-grow: 1;
  }
  .home-mea .post-content {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 400px;
    padding: 24px 32px;
  }
  .home-mea .post-content .entry-header {
    margin-bottom: auto;
  }
  .home-mea .post-content .subtitle {
    margin-bottom: 14px;
  }
  .home-mea .post-content .entry-title {
    font-size: 32px;
    line-height: 36px;
  }
}
.home-newsletter {
  margin-bottom: 40px;
}
.home-newsletter .container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px 20px;
  border-radius: 12px;
  color: var(--blanc);
  background: var(--bleu-primary);
}
.home-newsletter .section-title {
  font-size: 24px;
  line-height: 28px;
  text-wrap: balance;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .home-newsletter {
    margin-bottom: 100px;
  }
  .home-newsletter .container {
    max-width: 500px;
    padding: 30px 56px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  .home-newsletter .container {
    flex-direction: row;
    gap: 32px;
    max-width: 926px;
    padding: 30px 47px;
  }
  .home-newsletter .section-title {
    flex-grow: 1;
    align-self: center;
  }
  .home-newsletter .field-container {
    flex-shrink: 0;
    width: calc(50% - 32px / 2);
    margin-left: auto;
  }
}
.home-chiffres-cles {
  margin-bottom: 40px;
}
.home-chiffres-cles .section-title {
  padding: 0 10%;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: var(--bleu-primary);
  text-wrap: balance;
}
.home-chiffres-cles .chiffres-cles {
  row-gap: 30px;
}
.home-chiffres-cles .item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: center;
}
.home-chiffres-cles .item .chiffre {
  font-family: 'Heading Now';
  font-weight: bold;
  font-size: 34px;
  line-height: 36px;
  color: var(--beige-second);
}
.home-chiffres-cles .item .texte {
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: var(--bleu-primary);
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .home-chiffres-cles {
    margin-bottom: 100px;
  }
  .home-chiffres-cles .section-title {
    margin-bottom: 50px;
    font-size: 28px;
    line-height: 34px;
  }
  .home-chiffres-cles .chiffres-cles {
    row-gap: 47px;
  }
  .home-chiffres-cles .item .chiffre {
    font-size: 42px;
    line-height: 44px;
  }
  .home-chiffres-cles .item .texte {
    line-height: 23px;
  }
}
@media only screen and (min-width: 1024px) {
  .home-chiffres-cles .item .texte {
    font-size: 24px;
    line-height: 33px;
  }
}
body.home {
  background-color: var(--beige);
}
body.home .grid-home {
  padding-bottom: 100px;
  margin-top: 72px;
}
body.home .grid-home .row {
  margin-bottom: -20px;
}
body.home .grid-home .row .col {
  margin-bottom: 20px;
}
body.home .grid-home .row .col .preview-post {
  background-color: var(--blanc);
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  body.home .grid-home {
    padding-bottom: 140px;
    margin-top: 100px;
  }
  body.home .grid-home .row {
    margin-bottom: -32px;
  }
  body.home .grid-home .row .col {
    margin-bottom: 32px;
  }
}
.page-template-page-ressources #page .hero-description {
  margin-bottom: 54px;
}
.filters-ressources {
  margin-bottom: 20px;
  width: 100%;
}
.filters-ressources .swiper {
  overflow-x: clip;
  overflow-y: visible;
}
.filters-ressources .bottom-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 30px;
}
.filters-ressources .bottom-filter .active-thematique,
.filters-ressources .bottom-filter .open-popin {
  background: transparent;
  padding: 12px 20px 12px 20px;
  border-radius: 40px;
  border: solid 2px #000;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  gap: 10px;
  transition: all 0.1s ease-in;
}
.filters-ressources .bottom-filter .active-thematique .icon,
.filters-ressources .bottom-filter .open-popin .icon {
  flex-shrink: 0;
}
.filters-ressources .bottom-filter .active-thematique:focus-within,
.filters-ressources .bottom-filter .open-popin:focus-within,
.filters-ressources .bottom-filter .active-thematique:hover,
.filters-ressources .bottom-filter .open-popin:hover {
  background: var(--noir);
  color: var(--blanc);
}
.filters-ressources .bottom-filter .active-thematique {
  background-color: var(--noir);
  color: var(--blanc);
}
.filters-ressources .bottom-filter .active-thematique:focus-within,
.filters-ressources .bottom-filter .active-thematique:hover {
  background: var(--noir);
  color: var(--blanc);
  opacity: 0.7;
}
.filters-ressources .dialog-backdrop {
  padding: 11px 20px;
  background: rgba(45, 24, 129, 0.5);
}
.filters-ressources .dialog-backdrop #dialog-filters {
  padding: 20px 20px 40px;
  background-color: var(--blanc);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  max-width: 1000px;
}
.filters-ressources .dialog-backdrop #dialog-filters h2 {
  margin-left: 2px;
  margin-bottom: 23px;
  font-size: 22px;
  font-weight: bold;
  color: var(--bleu-primary);
}
.filters-ressources .dialog-backdrop #dialog-filters .close {
  background: transparent;
  border: none;
  font-size: 18px;
  margin-left: auto;
}
.filters-ressources .dialog-backdrop #dialog-filters .close .icon {
  color: var(--bleu-primary);
}
.filters-ressources .dialog-backdrop #dialog-filters .checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 6px;
}
.filters-ressources .dialog-backdrop #dialog-filters .checkboxes .tag-checkbox {
  position: relative;
}
.filters-ressources .dialog-backdrop #dialog-filters .checkboxes .tag-checkbox input {
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.filters-ressources .dialog-backdrop #dialog-filters .checkboxes .tag-checkbox .label {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--noir);
  padding: 6px 12px;
  border-radius: 18px;
  border: solid 2px var(--noir);
  box-sizing: border-box;
  transition: opacity 0.2s ease-in;
  cursor: pointer;
}
.filters-ressources .dialog-backdrop #dialog-filters .checkboxes .tag-checkbox .label:hover {
  opacity: 0.6;
}
.filters-ressources .dialog-backdrop #dialog-filters .checkboxes .tag-checkbox input:checked ~ .label {
  background-color: var(--noir);
  color: var(--blanc);
}
.filters-ressources .dialog-backdrop #dialog-filters .checkboxes .tag-checkbox input:disabled ~ .label {
  border: solid 2px #a9a9a9;
  color: #a9a9a9;
  pointer-events: none;
  cursor: not-allowed;
}
.filters-ressources .dialog-backdrop #dialog-filters .checkboxes .tag-checkbox input:disabled ~ .label:hover {
  opacity: 1;
}
.filters-ressources .container-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
}
.filters-ressources .container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.filters-ressources .container-checkbox:hover .checkmark {
  border: 3px solid var(--noir);
}
.filters-ressources .container-checkbox .checkmark {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: 2px solid var(--noir);
  border-radius: 2px;
  position: relative;
  margin-top: 4px;
}
.filters-ressources .container-checkbox .checkmark::after {
  font-size: 14px;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "\e908";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.filters-ressources .container-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.filters-ressources .cat {
  padding-bottom: 9px;
  position: relative;
  margin-bottom: 22px;
}
.filters-ressources .cat::after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 1px;
  width: 100vw;
  transform: translateX(-50%);
  left: 50%;
  background-color: #d1d1d1;
}
.filters-ressources .swiper-filter {
  width: 100%;
  padding: 0;
}
.filters-ressources .swiper-nav button {
  position: absolute;
  top: -12px;
  width: 68px;
  height: 36px;
  border: none;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 10px;
  color: var(--bleu-primary);
}
.filters-ressources .swiper-nav button.swiper-button-prev {
  transform: rotate(-180deg);
  left: 0;
  background: #f5f0ea;
  background: linear-gradient(270deg, #f5f0ea 0%, #f5f0ea 50%, rgba(245, 240, 234, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f0ea", endColorstr="#f5f0ea", GradientType=1);
}
.filters-ressources .swiper-nav button.swiper-button-next {
  right: 0;
  background: #f5f0ea;
  background: linear-gradient(90deg, rgba(245, 240, 234, 0) 0%, #f5f0ea 50%, #f5f0ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f0ea", endColorstr="#f5f0ea", GradientType=1);
}
.filters-ressources .swiper-nav button.swiper-button-disabled {
  visibility: hidden;
  opacity: 0;
}
.filters-ressources .swiper-nav button .icon {
  font-size: 16px;
}
.filters-ressources .linkgroup {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.filters-ressources .linkgroup:focus {
  outline: none;
}
.filters-ressources .link {
  width: auto;
  flex-shrink: 0;
}
.filters-ressources .link.public a {
  color: var(--rose-primary);
}
.filters-ressources .link.public a::after {
  background-color: var(--rose-primary);
}
.filters-ressources .link a {
  color: var(--bleu-primary);
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.filters-ressources .link a::after {
  position: absolute;
  bottom: -11px;
  background-color: var(--bleu-primary);
  content: "";
  width: 0px;
  height: 4px;
  left: 0;
  transition: all 0.2s ease-in;
}
.filters-ressources .link.active a::after {
  width: 100%;
}
.filters-ressources .link.focus {
  outline: none;
}
.filters-ressources .link:hover {
  opacity: 0.8;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .page-template-page-ressources #page .hero-description {
    margin-bottom: 74px;
  }
  .filters-ressources {
    margin-bottom: 42px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-template-page-ressources #page .hero-description {
    margin-bottom: 64px;
  }
  .filters-ressources {
    margin-bottom: 38px;
  }
  .filters-ressources .container-checkbox {
    font-weight: 500;
    margin-top: 0;
    align-items: center;
  }
  .filters-ressources .container-checkbox .checkmark {
    margin-top: 0;
  }
  .filters-ressources .cat {
    padding-bottom: 9px;
    position: relative;
    margin-bottom: 41px;
  }
  .filters-ressources .cat::after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 1px;
    width: 100vw;
    transform: translateX(-50%);
    left: 50%;
    background-color: #d1d1d1;
  }
  .filters-ressources .swiper-filter {
    width: 100%;
    padding: 0;
  }
  .filters-ressources .linkgroup {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
  }
  .filters-ressources .linkgroup:focus {
    outline: none;
  }
  .filters-ressources .link a {
    font-size: 18px;
  }
  .filters-ressources .dialog-backdrop #dialog-filters {
    width: 75%;
    padding: 25px 30px 45px 48px;
  }
  .filters-ressources .dialog-backdrop #dialog-filters h2 {
    margin-left: 0;
    margin-bottom: 25px;
    font-size: 28px;
  }
}
.archive-ressources-grid .wrap {
  display: flex;
  flex-direction: column;
}
.archive-ressources-grid .wrap #results-num {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-left: auto;
  margin-bottom: 26px;
}
.archive-ressources-grid .wrap #results-num .notice.hide {
  display: none;
}
.archive-ressources-grid .wrap .liste {
  row-gap: 20px;
  width: 100%;
}
.archive-ressources-grid .wrap .wrapper-more-btn {
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .archive-ressources-grid .wrap .liste {
    row-gap: 32px;
  }
  .archive-ressources-grid .wrap .wrapper-more-btn {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .archive-ressources-grid .wrap {
    position: relative;
  }
  .archive-ressources-grid .wrap #results-num {
    position: absolute;
    right: var(--wrapMargin);
    top: calc((38px + 26px + 8px) * -1);
    margin-bottom: 0;
  }
  .archive-ressources-grid .wrap .liste {
    row-gap: 40px;
  }
}
.grid-archive .row .preview-post {
  margin-bottom: 20px;
  transition: opacity 0.3s ease-in;
}
.grid-archive .row .preview-post.added {
  opacity: 0;
}
.grid-archive .wrapper-more-btn {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .grid-archive .row .preview-post {
    margin-bottom: 32px;
  }
  .grid-archive .wrapper-more-btn {
    margin-top: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .grid-archive .wrapper-more-btn {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  .grid-archive .wrapper-more-btn {
    margin-top: 28px;
  }
}
#article {
  padding-top: 80px;
}
body.single-ressource {
  background-color: var(--blanc);
}
body.single-ressource #article {
  padding-top: 0;
}
body.single-ressource #article .wysiwyg-content {
  font-weight: 400;
}
body.single-ressource #article .wysiwyg-content h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
}
body.single-ressource #article .wysiwyg-content h4 {
  font-size: 16px;
  line-height: 1.38;
  font-weight: 400;
  color: var(--noir);
}
body.single-ressource #article .wysiwyg-content h3 + h4 {
  margin-top: 2px;
}
body.single-ressource #article .wysiwyg-content h4 + p {
  margin-top: 5px;
}
.bottom-infos.has-ressources {
  background-color: #fe9ab9;
}
.bottom-infos.has-color {
  background-color: var(--main-color);
}
.bottom-infos #rebonds {
  margin-bottom: 100px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  #article {
    padding-top: 100px;
  }
  body.single-ressource #article .wysiwyg-content h3 {
    font-size: 24px;
    line-height: 1.25;
  }
  body.single-ressource #article .wysiwyg-content h4 {
    font-size: 18px;
    line-height: 1.67;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-ressource #article .row {
    justify-content: flex-start;
    padding-left: calc(var(--colLg) + var(--gridGutter));
  }
}
@media only screen and (min-width: 1440px) {
  #article {
    padding-top: 80px;
  }
}
.page-template-page-observatoire #article,
.single-projet-recherche #article {
  padding-top: 40px;
}
.page-template-page-observatoire #article .layout-projet,
.single-projet-recherche #article .layout-projet {
  justify-content: space-between;
}
.page-template-page-observatoire #article .sommaire-wrapper,
.single-projet-recherche #article .sommaire-wrapper {
  margin-bottom: 80px;
}
.page-template-page-observatoire #article .wysiwyg-content-single-projet h2,
.single-projet-recherche #article .wysiwyg-content-single-projet h2 {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.06;
  margin-bottom: 42px;
  border-top: 8px solid var(--noir);
  font-family: 'Heading Now';
  color: var(--noir);
  padding-top: 20px;
  text-transform: uppercase;
}
.page-template-page-observatoire #article .wysiwyg-content-single-projet p + h2,
.single-projet-recherche #article .wysiwyg-content-single-projet p + h2 {
  margin-top: 100px;
}
.page-template-page-observatoire #article .wysiwyg-content-single-projet p + h3,
.single-projet-recherche #article .wysiwyg-content-single-projet p + h3 {
  margin-top: 80px;
}
.page-template-page-observatoire #article .wysiwyg-content-single-projet h3 + h4,
.single-projet-recherche #article .wysiwyg-content-single-projet h3 + h4,
.page-template-page-observatoire #article .wysiwyg-content-single-projet h3 + p,
.single-projet-recherche #article .wysiwyg-content-single-projet h3 + p {
  margin-top: 20px;
}
.page-template-page-observatoire #article .wysiwyg-content-single-projet p + h4,
.single-projet-recherche #article .wysiwyg-content-single-projet p + h4 {
  margin-top: 40px;
}
.page-template-page-observatoire #article .wysiwyg-content-single-projet h3,
.single-projet-recherche #article .wysiwyg-content-single-projet h3 {
  font-size: 28px;
  font-weight: 500;
  color: var(--bleu-primary);
  line-height: 1.14;
}
.page-template-page-observatoire #article .wysiwyg-content-single-projet h4,
.single-projet-recherche #article .wysiwyg-content-single-projet h4 {
  font-size: 20px;
  font-weight: bold;
  color: var(--noir);
  line-height: 1.1;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .page-template-page-observatoire #article .sommaire-wrapper,
  .single-projet-recherche #article .sommaire-wrapper {
    margin-bottom: 120px;
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h2,
  .single-projet-recherche #article .wysiwyg-content-single-projet h2,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h3,
  .single-projet-recherche #article .wysiwyg-content-single-projet h3,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h4,
  .single-projet-recherche #article .wysiwyg-content-single-projet h4,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet p,
  .single-projet-recherche #article .wysiwyg-content-single-projet p,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet ul,
  .single-projet-recherche #article .wysiwyg-content-single-projet ul,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet ol,
  .single-projet-recherche #article .wysiwyg-content-single-projet ol {
    padding-right: calc(var(--colLg) + var(--gridGutter));
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h2,
  .single-projet-recherche #article .wysiwyg-content-single-projet h2 {
    font-size: 50px;
    line-height: 1.12;
    margin-bottom: 60px;
    padding-top: 16px;
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet p + h2,
  .single-projet-recherche #article .wysiwyg-content-single-projet p + h2 {
    margin-top: 140px;
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet p + h3,
  .single-projet-recherche #article .wysiwyg-content-single-projet p + h3 {
    margin-top: 100px;
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h3 + h4,
  .single-projet-recherche #article .wysiwyg-content-single-projet h3 + h4 {
    margin-top: 40px;
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h3 + p,
  .single-projet-recherche #article .wysiwyg-content-single-projet h3 + p {
    margin-top: 30px;
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet p + h4,
  .single-projet-recherche #article .wysiwyg-content-single-projet p + h4 {
    margin-top: 40px;
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h3,
  .single-projet-recherche #article .wysiwyg-content-single-projet h3 {
    font-size: 40px;
    line-height: 1.1;
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h4,
  .single-projet-recherche #article .wysiwyg-content-single-projet h4 {
    font-size: 22px;
    line-height: 1.09;
  }
}
@media only screen and (min-width: 1024px) {
  .page-template-page-observatoire .layout-projet,
  .single-projet-recherche .layout-projet {
    align-items: flex-start;
    flex-direction: row-reverse;
  }
  .page-template-page-observatoire #article,
  .single-projet-recherche #article {
    padding-top: 140px;
  }
  .page-template-page-observatoire #article .sommaire-wrapper,
  .single-projet-recherche #article .sommaire-wrapper {
    margin-bottom: 0;
    position: sticky;
    top: 30px;
    bottom: 50px;
    margin-left: auto;
  }
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h2,
  .single-projet-recherche #article .wysiwyg-content-single-projet h2,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h3,
  .single-projet-recherche #article .wysiwyg-content-single-projet h3,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet h4,
  .single-projet-recherche #article .wysiwyg-content-single-projet h4,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet p,
  .single-projet-recherche #article .wysiwyg-content-single-projet p,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet ul,
  .single-projet-recherche #article .wysiwyg-content-single-projet ul,
  .page-template-page-observatoire #article .wysiwyg-content-single-projet ol,
  .single-projet-recherche #article .wysiwyg-content-single-projet ol {
    padding-right: 0;
  }
}
#sitemap {
  padding-top: 76px;
}
#sitemap .row {
  gap: 24px;
}
#sitemap .level-1 > li + li {
  margin-top: 24px;
}
#sitemap .level-1 > li > a,
#sitemap .level-1 > li > a:hover,
#sitemap .level-1 > li > a:active,
#sitemap .level-1 > li > a:visited {
  font-size: 34px;
  line-height: 1.06;
  font-family: 'Heading Now', 'Arial', 'sans-serif';
  color: var(--bleu-primary);
  text-transform: uppercase;
  font-weight: bold;
}
#sitemap .level-2 {
  margin-top: 24px;
}
#sitemap .level-2 > li + li {
  margin-top: 11px;
}
#sitemap .level-2 > li > a,
#sitemap .level-2 > li > a:visited,
#sitemap .level-2 > li > a:active {
  color: var(--rose-primary);
  font-size: 16px;
  line-height: 1.13;
  font-weight: bold;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  #sitemap {
    padding-top: 104px;
  }
  #sitemap .level-1 > li + li {
    margin-top: 60px;
  }
  #sitemap .level-1 > li > a,
  #sitemap .level-1 > li > a:hover,
  #sitemap .level-1 > li > a:active,
  #sitemap .level-1 > li > a:visited {
    font-size: 42px;
    line-height: 1.05;
  }
  #sitemap .level-2 {
    margin-top: 40px;
  }
  #sitemap .level-2 > li + li {
    margin-top: 8px;
  }
  #sitemap .level-2 > li > a,
  #sitemap .level-2 > li > a:visited,
  #sitemap .level-2 > li > a:active {
    font-size: 18px;
    line-height: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  #sitemap {
    padding-top: 124px;
  }
}
@media only screen and (min-width: 1440px) {
  #sitemap {
    padding-top: 144px;
  }
}
.page-template-page-recherches .grid + .grid {
  margin-top: 130px;
}
.page-template-page-recherches .grid h2 {
  font-family: 'Heading Now', 'arial', 'sans-serif';
  font-size: 34px;
  line-height: 1.06;
  border-top: 8px solid var(--noir);
  padding-top: 20px;
  text-transform: uppercase;
}
.page-template-page-recherches .grid .link-archive {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  color: var(--noir);
}
.page-template-page-recherches .grid .link-archive .icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--rose-primary);
  color: var(--rose-primary);
}
.page-template-page-recherches .grid .link-archive:hover {
  color: var(--rose-primary);
}
.page-template-page-recherches .grid .link-archive:hover .icon {
  background-color: var(--rose-primary);
  color: var(--blanc);
}
.page-template-page-recherches .grid p.description {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}
.page-template-page-recherches .grid.grid-projets h2 {
  margin-bottom: 40px;
}
.page-template-page-recherches .grid.grid-projets .row {
  gap: 20px;
}
.page-template-page-recherches .grid.grid-projets .row .preview-projet {
  width: 100%;
}
.page-template-page-recherches .grid.grid-news {
  overflow: hidden;
}
.page-template-page-recherches .grid.grid-news .row-header {
  margin-bottom: 70px;
}
.page-template-page-recherches .grid.grid-news .swiper-news {
  width: calc((var(--colLg) * 10) + (var(--gridGutter) * 9));
  position: relative;
}
.page-template-page-recherches .grid.grid-news .swiper-news .swiper-nav .swiper-button-next {
  position: absolute;
  top: 142px;
  width: 50px;
  height: 50px;
  background-color: var(--rose-primary);
  border-radius: 100%;
  z-index: 4;
  border: none;
  color: var(--blanc);
  right: -57px;
  transition: all 0.1s ease-in;
}
.page-template-page-recherches .grid.grid-news .swiper-news .swiper-nav .swiper-button-next.swiper-button-disabled {
  background-color: #d4d4d4;
  cursor: not-allowed;
  pointer-events: none;
}
.page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper {
  flex-wrap: nowrap;
  gap: 0;
}
.page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper.opacity {
  opacity: 1;
}
.page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper .col {
  width: 100% !important;
  height: auto;
}
.page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper .col .grid-item {
  height: 100%;
}
.page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper .col .grid-item a {
  min-height: 100%;
}
.page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper .col .preview-data .content-chiffre .num {
  font-size: 80px !important;
}
.page-template-page-recherches .grid.grid-news h2 {
  margin-bottom: 12px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .page-template-page-recherches .hero-description {
    margin-bottom: 100px;
  }
  .page-template-page-recherches .grid + .grid {
    margin-top: 140px;
  }
  .page-template-page-recherches .grid h2 {
    font-size: 50px;
    line-height: 1.12;
    padding-top: 16px;
  }
  .page-template-page-recherches .grid p.description {
    font-size: 18px;
    margin-bottom: 50px;
    line-height: 1.44;
  }
  .page-template-page-recherches .grid.grid-projets h2 {
    margin-bottom: 40px;
  }
  .page-template-page-recherches .grid.grid-projets .row {
    gap: var(--gridGutter);
  }
  .page-template-page-recherches .grid.grid-projets .row .preview-projet {
    width: calc((50% - (var(--gridGutter) / 2)) * 1);
  }
  .page-template-page-recherches .grid.grid-news .swiper-news {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .page-template-page-recherches .grid.grid-news .swiper-news .swiper-nav .swiper-button-next {
    right: -25px;
    top: 195px;
  }
  .page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper .col {
    width: calc(var(--colLg) * 6 + (6 - 1) * var(--gridGutter)) !important;
  }
  .page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper .col .preview-data .content-chiffre .num {
    font-size: 90px;
  }
  .page-template-page-recherches .grid.grid-news .row-header {
    padding-top: 16px;
    border-top: 8px solid var(--noir);
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
  }
  .page-template-page-recherches .grid.grid-news .row-header h2 {
    margin-bottom: 0;
    padding-top: 0;
    border: none;
  }
  .page-template-page-recherches .grid.grid-news .row-header .link-archive {
    margin-top: 8px;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1024px) {
  .page-template-page-recherches .hero-description {
    margin-bottom: 70px;
  }
  .page-template-page-recherches .grid + .grid {
    margin-top: 140px;
  }
  .page-template-page-recherches .grid h2 {
    border: none;
    padding-top: 0;
  }
  .page-template-page-recherches .grid p.description {
    margin-bottom: 0;
  }
  .page-template-page-recherches .grid .row-header {
    margin-bottom: 60px;
    padding-top: 24px;
    border-top: 8px solid var(--noir);
  }
  .page-template-page-recherches .grid.grid-projets .row {
    gap: 40px var(--gridGutter);
  }
  .page-template-page-recherches .grid.grid-projets h2 {
    margin-bottom: 0;
  }
  .page-template-page-recherches .grid.grid-news .swiper-news .swiper-nav {
    display: none;
  }
  .page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper {
    flex-wrap: wrap;
    margin-bottom: -32px;
    transition: opacity 0.4s ease-in-out;
  }
  .page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper.opacity {
    opacity: 0;
    visibility: hidden;
  }
  .page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper .col {
    margin-right: 0 !important;
    width: calc(var(--colLg) * 4 + (4 - 1) * var(--gridGutter)) !important;
    transition-property: none;
    flex-shrink: 0;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1440px) {
  .page-template-page-recherches .hero-description {
    margin-bottom: 100px;
  }
  .page-template-page-recherches .grid .row-header {
    padding-top: 16px;
  }
  .page-template-page-recherches .grid.grid-projets .row {
    gap: var(--gridGutter);
  }
  .page-template-page-recherches .grid.grid-news .swiper-news .swiper-wrapper .col {
    width: calc(var(--colLg) * 3 + (3 - 1) * var(--gridGutter)) !important;
  }
}
body.search .hero-description {
  margin-bottom: 40px;
}
body.search .filters-search {
  margin-bottom: 20px;
  width: 100%;
}
body.search .filters-search .field {
  max-width: 436px;
  position: relative;
  margin-bottom: 60px;
}
body.search .filters-search .field input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 calc(20px + 48px) 0 20px;
  border-radius: 45px;
  border: 1px solid #d1d1d1;
  background: #fff;
}
body.search .filters-search .field button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: var(--blanc);
  background: var(--rose-primary);
}
body.search .filters-search .swiper {
  overflow-x: clip;
  overflow-y: visible;
}
body.search .filters-search .swiper-filter {
  width: 100%;
  padding: 0 var(--wrapMargin);
}
body.search .filters-search .swiper-nav button {
  position: absolute;
  top: -6px;
  width: 68px;
  height: 36px;
  border: none;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 10px;
  color: var(--bleu-primary);
}
body.search .filters-search .swiper-nav button .icon {
  position: relative;
  top: -2px;
}
body.search .filters-search .swiper-nav button.swiper-button-prev {
  transform: rotate(-180deg);
  left: 0;
  background: #f5f0ea;
  background: linear-gradient(270deg, #f5f0ea 0%, #f5f0ea 50%, rgba(245, 240, 234, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f0ea", endColorstr="#f5f0ea", GradientType=1);
}
body.search .filters-search .swiper-nav button.swiper-button-prev .icon {
  top: 1px;
}
body.search .filters-search .swiper-nav button.swiper-button-next {
  right: 0;
  background: #f5f0ea;
  background: linear-gradient(90deg, rgba(245, 240, 234, 0) 0%, #f5f0ea 50%, #f5f0ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f0ea", endColorstr="#f5f0ea", GradientType=1);
}
body.search .filters-search .swiper-nav button.swiper-button-disabled {
  visibility: hidden;
  opacity: 0;
}
body.search .filters-search .swiper-nav button .icon {
  font-size: 16px;
}
body.search .filters-search .post-types {
  padding-bottom: 9px;
  position: relative;
  margin: 0 calc(var(--wrapMargin) * -1) 22px;
}
body.search .filters-search .post-types::after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 1px;
  width: 100vw;
  transform: translateX(-50%);
  left: 50%;
  background-color: #d1d1d1;
}
body.search .filters-search .linkgroup {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
body.search .filters-search .linkgroup:focus {
  outline: none;
}
body.search .filters-search .link {
  width: auto;
  flex-shrink: 0;
}
body.search .filters-search .link label {
  color: var(--bleu-primary);
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
body.search .filters-search .link label::after {
  position: absolute;
  bottom: -11px;
  background-color: var(--bleu-primary);
  content: "";
  width: 0px;
  height: 4px;
  left: 0;
  transition: all 0.2s ease-in;
}
body.search .filters-search .link label input {
  position: absolute;
  top: 0;
  left: -9999px;
}
body.search .filters-search .link.active label::after,
body.search .filters-search .link.active a::after {
  width: 100%;
}
body.search .filters-search .link.focus {
  outline: none;
}
body.search .filters-search .link:hover {
  opacity: 0.8;
}
body.search .results-container {
  margin-bottom: 100px;
  position: relative;
}
body.search .wrapper-more-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}
body.search .numbers-results {
  margin-bottom: 26px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  body.search .filters-search {
    margin-bottom: 42px;
  }
}
@media only screen and (min-width: 1024px) {
  body.search .hero-description {
    margin-bottom: 50px;
  }
  body.search .filters-search {
    margin-bottom: 38px;
  }
  body.search .filters-search .post-types {
    padding-bottom: 9px;
    position: relative;
    margin-bottom: 41px;
  }
  body.search .filters-search .post-types::after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 1px;
    width: 100vw;
    transform: translateX(-50%);
    left: 50%;
    background-color: #d1d1d1;
  }
  body.search .filters-search .link label,
  body.search .filters-search .link a {
    font-size: 18px;
  }
  body.search .results-container {
    margin-bottom: 146px;
  }
  body.search .numbers-results {
    margin-bottom: 40px;
  }
}
/* Blocks Gutenberg */
.gut-titre-rond {
  padding-top: 115px;
  padding-bottom: 37px;
}
.gut-titre-rond .main-number {
  position: relative;
  border-radius: 100%;
}
.gut-titre-rond .main-number::after {
  padding-bottom: 100%;
  content: '';
  display: block;
}
.gut-titre-rond .main-number .content-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 80px);
}
.gut-titre-rond .main-number .content-title h2 {
  font-size: 40px;
  line-height: 1.3;
  font-family: 'Heading Now';
  color: var(--blanc);
  text-align: center;
  text-transform: uppercase;
}
.gut-titre-rond .main-number .content-title h2.big {
  font-size: 50px;
  line-height: 1.04;
}
.gut-titre-rond .main-number .content-title .sub {
  color: var(--blanc);
  font-size: 18px;
  line-height: 1.22;
  text-align: center;
  margin-top: 10px;
}
.gut-titre-rond .second-number {
  width: 44.94vw;
  position: relative;
  border-radius: 100%;
  margin-top: calc((44.94vw / 2) * -1);
  margin-left: auto;
}
.gut-titre-rond .second-number::after {
  padding-bottom: 100%;
  content: '';
  display: block;
}
.gut-titre-rond .second-number::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(/wp-content/themes/francetierslieux/images/bg-second-num.svg) no-repeat;
}
.gut-titre-rond .second-number p {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  text-align: center;
}
.gut-titre-rond .second-number .num {
  font-size: 50px;
  line-height: 60px;
  font-family: 'Heading Now';
  color: var(--bleu-primary);
}
.gut-titre-rond .second-number .label {
  font-weight: bold;
  line-height: 1;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .gut-titre-rond {
    padding-top: 205px;
  }
  .gut-titre-rond .main-number .content-title {
    width: calc(100% - 200px);
  }
  .gut-titre-rond .main-number .content-title h2 {
    font-size: 80px;
    line-height: 1.03;
  }
  .gut-titre-rond .main-number .content-title h2.big {
    font-size: 80px;
    line-height: 1.03;
  }
  .gut-titre-rond .main-number .content-title .sub {
    margin-top: 20px;
    line-height: 1.2;
    font-size: 20px;
  }
  .gut-titre-rond .second-number {
    width: 38.23vw;
    margin-top: -30vw;
  }
  .gut-titre-rond .second-number p {
    width: calc(100% - 152px);
  }
  .gut-titre-rond .second-number .num {
    font-size: 80px;
    line-height: 96px;
  }
  .gut-titre-rond .second-number .label {
    font-size: 20px;
    line-height: 1.05;
  }
}
@media only screen and (min-width: 1024px) {
  .gut-titre-rond {
    padding-top: 90px;
    padding-bottom: 140px;
  }
  .gut-titre-rond .row {
    position: relative;
  }
  .gut-titre-rond .main-number .content-title h2 {
    font-size: 72px;
    line-height: 1;
  }
  .gut-titre-rond .main-number .content-title h2.big {
    font-size: 80px;
    line-height: 1.03;
  }
  .gut-titre-rond .main-number .content-title .sub {
    margin-top: 20px;
    line-height: 1.2;
    font-size: 20px;
  }
  .gut-titre-rond .second-number {
    position: absolute;
    width: 28.12vw;
    margin-top: 0;
    right: 0;
    top: 50%;
  }
  .gut-titre-rond .second-number p {
    width: calc(100% - 100px);
  }
}
.page-template-page-data .bottom-infos .breadcrumb {
  margin-top: 0;
}
.page-template-page-data .gut-contenu {
  padding-top: 120px;
  color: var(--text-color);
}
.page-template-page-data .gut-contenu:last-child {
  background-color: var(--beige) !important;
  color: var(--noir);
}
.page-template-page-data .gut-contenu:last-child .col-title {
  border-top: 8px solid var(--noir);
}
.page-template-page-data .gut-contenu:last-child .block-liens .liens li a {
  color: var(--noir);
}
.page-template-page-data .gut-contenu .col-content {
  margin-left: auto;
}
.page-template-page-data .gut-contenu .col-content h3 {
  font-size: 28px;
  font-weight: 800;
  color: var(--text-color);
  line-height: 1.18;
  margin-bottom: 40px;
}
.page-template-page-data .gut-contenu .col-title {
  padding-top: 20px;
  border-top: 8px solid var(--text-color);
  margin-bottom: 43px;
}
.page-template-page-data .gut-contenu .col-title h2 {
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 34px;
  line-height: 1.12;
  font-family: 'Heading Now';
  color: var(--text-color);
}
.page-template-page-data .gut-contenu .col-title p {
  font-size: 14px;
}
.page-template-page-data .gut-contenu .block-content + .block-content {
  margin-top: 100px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .page-template-page-data .bottom-infos {
    background-color: var(--breadcrump-bg);
  }
  .page-template-page-data .bottom-infos .breadcrumb ol li a {
    color: var(--breadcrump-color);
  }
  .page-template-page-data .bottom-infos .breadcrumb ol li a::before {
    background-color: var(--breadcrump-color);
  }
  .page-template-page-data .gut-contenu:last-child {
    background-color: var(--bg-color) !important;
    color: var(--text-color);
  }
  .page-template-page-data .gut-contenu:last-child .col-title {
    border-top: 8px solid var(--text-color);
  }
  .page-template-page-data .gut-contenu:last-child .block-liens .liens li a {
    color: var(--text-color);
  }
  .page-template-page-data .gut-contenu .row {
    position: relative;
  }
  .page-template-page-data .gut-contenu .col-content h3 {
    font-size: 32px;
    line-height: 37px;
  }
  .page-template-page-data .gut-contenu .col-title {
    margin-bottom: 120px;
  }
  .page-template-page-data .gut-contenu .block-content + .block-content {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-template-page-data .gut-contenu .row {
    align-items: flex-start;
  }
  .page-template-page-data .gut-contenu:first-child {
    padding-top: 70px;
  }
  .page-template-page-data .gut-contenu .block-content.small {
    width: 88.372093%;
  }
}
.block-contenu__chiffres_importants {
  width: 100%;
}
.block-contenu__chiffres_importants.align-left .chiffres {
  justify-content: flex-start;
}
.block-contenu__chiffres_importants.align-center .chiffres {
  justify-content: center;
}
.block-contenu__chiffres_importants .chiffres {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.block-contenu__chiffres_importants .chiffres .chiffre {
  background-color: var(--background-circles);
  border-radius: 100%;
  color: var(--blanc);
  width: 100%;
  padding-left: 0;
  position: relative;
  margin-bottom: 0;
}
.block-contenu__chiffres_importants .chiffres .chiffre::after {
  content: '';
  padding-bottom: 100%;
  display: block;
}
.block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: calc(100% - 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre .label,
.block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre .infos {
  width: calc(100% - 30px);
}
.block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre .num {
  font-size: 70px;
  font-family: 'Heading Now';
  line-height: 1;
  margin-bottom: 18px;
}
.block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre .label {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
}
.block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre .infos {
  font-size: 14px;
  line-height: 1.1;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .block-contenu__chiffres_importants .chiffres {
    -moz-column-gap: 34px;
         column-gap: 34px;
    row-gap: 22px;
  }
  .block-contenu__chiffres_importants .chiffres .chiffre {
    width: calc(50% - 17px);
  }
  .block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre .num {
    font-size: 90px;
    line-height: 119px;
    margin-bottom: 0;
    text-align: center;
  }
  .block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre .infos {
    font-size: 12px;
    margin-top: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .block-contenu__chiffres_importants .chiffres {
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 30px;
  }
  .block-contenu__chiffres_importants .chiffres .chiffre {
    width: calc(50% - 24px);
  }
  .block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre {
    width: calc(100% - 20px);
  }
  .block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre .label {
    padding: 0 30px;
  }
  .block-contenu__chiffres_importants .chiffres .chiffre .content-chiffre .infos {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .block-contenu__chiffres_importants .chiffres {
    -moz-column-gap: 86px;
         column-gap: 86px;
  }
  .block-contenu__chiffres_importants .chiffres .chiffre {
    width: calc(50% - 43px);
  }
}
.block-contenu__camembert .content-graph .wrapper-canvas {
  width: 82.278%;
  margin-bottom: 20px;
  position: relative;
}
.block-contenu__camembert .content-graph .wrapper-canvas::after {
  padding-bottom: 100%;
  content: '';
  display: block;
}
.block-contenu__camembert .content-graph .wrapper-canvas canvas {
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  position: absolute;
}
.block-contenu__camembert .content-graph .labels ul {
  list-style: none;
}
.block-contenu__camembert .content-graph .labels ul li {
  display: flex;
  align-items: center;
  padding-left: 0;
  font-size: 14px;
  line-height: 16px;
  margin-top: 0;
}
.block-contenu__camembert .content-graph .labels ul li::before {
  display: none;
}
.block-contenu__camembert .content-graph .labels ul li:not(:last-child) {
  margin-bottom: 8px;
}
.block-contenu__camembert .content-graph .labels ul li .color {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin-right: 10px;
  position: relative;
  bottom: 0;
}
.block-contenu__camembert .content-graph .labels ul li .num {
  margin-right: 20px;
  font-weight: bold;
  min-width: 55px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .block-contenu__camembert .content-graph {
    display: flex;
    align-items: center;
    gap: 32px;
  }
  .block-contenu__camembert .content-graph .wrapper-canvas {
    width: calc(50% - 16px);
    margin-bottom: 0;
  }
  .block-contenu__camembert .content-graph .labels {
    width: calc(50% - 16px);
  }
}
@media only screen and (min-width: 1024px) {
  .block-contenu__camembert .content-graph .wrapper-canvas {
    width: calc(58% - 16px);
  }
  .block-contenu__camembert .content-graph .labels {
    width: calc(42% - 16px);
  }
}
.block-contenu__chiffres h3 {
  margin-bottom: 40px;
}
.block-contenu__chiffres .chiffres {
  display: flex;
  flex-wrap: wrap;
}
.block-contenu__chiffres .chiffres.rond {
  gap: 40px;
}
.block-contenu__chiffres .chiffres.ecriture {
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 20px;
}
.block-contenu__chiffres .chiffres .chiffre.ecriture {
  display: flex;
  flex-direction: column;
  width: calc(50% - 5px);
}
.block-contenu__chiffres .chiffres .chiffre.ecriture .num {
  font-size: 50px;
  margin-bottom: 16px;
  font-family: 'Heading Now';
  color: var(--main-color);
  line-height: 1;
}
.block-contenu__chiffres .chiffres .chiffre.ecriture .label {
  color: var(--blanc);
  padding-top: 16px;
  border-top: 1px solid var(--blanc);
  font-size: 20px;
  font-weight: bold;
}
.block-contenu__chiffres .chiffres .chiffre.ecriture .infos {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.33;
}
.block-contenu__chiffres .chiffres .chiffre.rond {
  width: 41.14%;
  display: flex;
  flex-direction: column;
}
.block-contenu__chiffres .chiffres .chiffre.rond figure {
  width: 100%;
  position: relative;
}
.block-contenu__chiffres .chiffres .chiffre.rond figure figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 28px;
  color: var(--main-color);
  font-weight: 800;
}
.block-contenu__chiffres .chiffres .chiffre.rond figure .circle-svg {
  display: block;
}
.block-contenu__chiffres .chiffres .chiffre.rond figure .circle-svg path.percent {
  stroke: var(--main-color);
  fill: none;
  stroke-width: 2.8;
}
.block-contenu__chiffres .chiffres .chiffre.rond figure .circle-svg path.around {
  stroke: var(--blanc);
  fill: none;
  stroke-width: 2.8;
}
.block-contenu__chiffres .chiffres .chiffre.rond p {
  margin-top: 20px;
  font-weight: 600;
  line-height: 1.13;
  text-align: center;
}
.block-contenu__chiffres .chiffres .chiffre.rond .infos {
  text-align: center;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .block-contenu__chiffres .chiffres.rond {
    gap: 77px;
  }
  .block-contenu__chiffres .chiffres.ecriture {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .block-contenu__chiffres .chiffres .chiffre.ecriture {
    width: calc((100% / 3) - calc(64px / 3));
  }
  .block-contenu__chiffres .chiffres .chiffre.ecriture .num {
    font-size: 80px;
    margin-bottom: 0;
    line-height: 96px;
  }
  .block-contenu__chiffres .chiffres .chiffre.ecriture .label {
    padding-top: 20px;
    font-size: 24px;
    line-height: 26px;
  }
  .block-contenu__chiffres .chiffres .chiffre.ecriture .infos {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.33;
  }
  .block-contenu__chiffres .chiffres .chiffre.rond {
    width: 23.67%;
  }
  .block-contenu__chiffres .chiffres .chiffre.rond figure figcaption {
    font-size: 32px;
  }
  .block-contenu__chiffres .chiffres .chiffre.rond p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .block-contenu__chiffres .chiffres.rond {
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 50px;
  }
  .block-contenu__chiffres .chiffres .chiffre.rond {
    width: 18.6%;
  }
  .block-contenu__chiffres .chiffres .chiffre.rond p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1440px) {
  .block-contenu__chiffres .chiffres .chiffre.rond {
    width: 20.6%;
  }
  .block-contenu__chiffres .chiffres .chiffre.rond p {
    font-size: 18px;
  }
}
.block-contenu__barres h3 {
  margin-bottom: 40px;
}
.block-contenu__barres .barres {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.block-contenu__barres .barres .barre {
  width: 100%;
}
.block-contenu__barres .barres .barre.withdata {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.block-contenu__barres .barres .barre.withdata .line {
  width: 100%;
  background-color: var(--empty-colors);
  height: 40px;
  position: relative;
}
.block-contenu__barres .barres .barre.withdata .line .data {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  background-color: var(--blanc);
}
.block-contenu__barres .barres .barre.withdata .line p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  z-index: 2;
  font-size: 18px;
  font-weight: 800;
  color: var(--noir);
}
.block-contenu__barres .barres .barre.withdata .label {
  line-height: 1.25;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.block-contenu__barres .barres .barre.withdata .infos {
  font-size: 12px;
  line-height: 18px;
  margin-top: 3px;
}
.block-contenu__barres .barres .barre.nodata .line {
  width: 100%;
  min-height: 40px;
  position: relative;
  padding: 10px 0 10px 12px;
}
.block-contenu__barres .barres .barre.nodata .line .data {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  background-color: var(--blanc);
}
.block-contenu__barres .barres .barre.nodata .line p {
  position: relative;
  z-index: 2;
  font-size: 18px;
  font-weight: 800;
}
.block-contenu__barres .barres .barre.nodata .infos {
  display: block;
  margin-top: 10px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .block-contenu__barres .barres {
    gap: 34px;
  }
  .block-contenu__barres .barres .barre.withdata {
    gap: 10px;
  }
  .block-contenu__barres .barres .barre.withdata .line {
    min-height: 44px;
  }
  .block-contenu__barres .barres .barre.withdata .line .data {
    height: 44px;
  }
  .block-contenu__barres .barres .barre.withdata .line p {
    font-size: 20px;
  }
  .block-contenu__barres .barres .barre.withdata .label {
    font-size: 18px;
    line-height: 1.11;
  }
  .block-contenu__barres .barres .barre.nodata .line {
    min-height: 44px;
  }
  .block-contenu__barres .barres .barre.nodata .line .data {
    min-height: 44px;
  }
  .block-contenu__barres .barres .barre.nodata .line p {
    font-size: 20px;
  }
}
.block-map .content-map .map {
  margin-bottom: 40px;
}
.block-map .content-map .map svg {
  width: 100%;
}
.block-map .content-map .map svg path {
  transition: opacity 0.2s ease-in;
}
.block-map .content-map .map svg:not(.france) path {
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.block-map .content-map .labels ul {
  list-style: none;
}
.block-map .content-map .labels ul li {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 0;
  font-size: 14px;
  line-height: 16px;
  margin-top: 0;
  transition: opacity 0.2s ease-in;
  min-height: 24px;
}
.block-map .content-map .labels ul li::before {
  display: none;
}
.block-map .content-map .labels ul li .color {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin-right: 10px;
  position: relative;
  bottom: 0;
}
.block-map .content-map .labels ul li .num {
  margin-right: 20px;
  font-weight: bold;
  min-width: 40px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .block-map .content-map {
    display: flex;
    align-items: center;
    gap: 32px;
  }
  .block-map .content-map .map {
    width: calc(50% - 16px);
    margin-bottom: 0;
  }
  .block-map .content-map .labels {
    width: calc(50% - 16px);
  }
}
@media only screen and (min-width: 1024px) {
  .block-map .content-map .map {
    width: calc(58% - 16px);
  }
  .block-map .content-map .labels {
    width: calc(42% - 16px);
  }
}
.block-liens .liens {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.block-liens .liens li {
  width: 100%;
  padding-left: 0;
  padding-top: 17px;
  border-top: 1px solid var(--rose-primary);
  margin: 0;
}
.block-liens .liens li::before {
  display: none;
}
.block-liens .liens li a.link {
  transition: opacity 0.1s ease-in;
}
.block-liens .liens li a.link:hover {
  opacity: 0.6;
}
.block-liens .liens li .link {
  width: 100%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-right: 50px;
}
.block-liens .liens li .link .infos {
  font-size: 14px;
  line-height: 16px;
  margin-top: 6px;
}
.block-liens .liens li .link .icon {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 11px;
  color: var(--rose-primary);
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .block-liens .liens {
    gap: 37px 32px;
  }
  .block-liens .liens li {
    width: calc(50% - 16px);
    padding-top: 16px;
  }
  .block-liens .liens li .link .title-link {
    font-size: 18px;
    line-height: 20px;
  }
  .block-liens .liens li .link .infos {
    margin-top: 4px;
  }
}
:root {
  --plyr-color-main: var(--rose-primary);
  --plyr-video-background: var(--noir);
}
.plyr__control--overlaid {
  opacity: 1;
}
.plyr .plyr__poster {
  transition-delay: 0.3s;
  background-size: cover;
  cursor: pointer;
}
.plyr .plyr__poster:after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--noir);
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
  transition: 0.3s;
}
.plyr:hover .plyr__poster:after {
  opacity: 0.2;
}
.plyr .plyr__control--overlaid {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 6px solid var(--rose-primary);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.plyr .plyr__control--overlaid::before {
  content: '\e911';
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  color: var(--rose-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 5px;
}
.plyr .plyr__control--overlaid:after {
  display: none;
}
.plyr .plyr__control--overlaid svg {
  display: none;
}
.plyr .plyr__control--overlaid:hover,
.plyr .plyr__control--overlaid:focus-visible,
.plyr .plyr__control--overlaid[aria-expanded='true'] {
  color: #fff;
  background: var(--plyr-color-main);
  border: 6px solid transparent;
  transform: translate(-50%, -50%) scale(0.8);
}
.plyr .plyr__control--overlaid:hover::before,
.plyr .plyr__control--overlaid:focus-visible::before,
.plyr .plyr__control--overlaid[aria-expanded='true']::before {
  color: var(--blanc);
}
.plyr.plyr--stopped iframe {
  visibility: hidden;
}
.plyr.plyr--stopped .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
  visibility: hidden;
}
.plyr.plyr--stopped:hover .plyr__control--overlaid {
  color: #fff;
  background: var(--plyr-color-main);
  transform: translate(-50%, -50%) scale(0.8);
}
.plyr.plyr--stopped:hover .plyr__control--overlaid:before {
  color: var(--blanc);
}
.gut-video {
  width: 100%;
}
.gut-video .plyr {
  width: 100%;
  border-radius: 12px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .plyr .plyr__control--overlaid {
    width: 100px;
    height: 100px;
    border: 6px solid var(--rose-primary);
  }
  .plyr .plyr__control--overlaid::before {
    content: '\e911';
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    color: var(--rose-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 5px;
  }
  .gut-video {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
.wysiwyg-content .gut-introduction {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  padding: 0;
}
.wysiwyg-content .gut-introduction + p {
  margin-top: 40px;
}
.wysiwyg-content .gut-introduction + h2 {
  margin-top: 80px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .wysiwyg-content .gut-introduction {
    font-size: 24px;
    margin-bottom: 60px;
    line-height: 1.25;
  }
  .wysiwyg-content .gut-introduction + p {
    margin-top: 60px;
  }
  .wysiwyg-content .gut-introduction + h2 {
    margin-top: 100px;
  }
}
.gut-cta {
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--blanc) !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none !important;
}
.gut-cta .icon {
  font-size: 13px;
}
.gut-cta:hover {
  color: var(--rose-primary) !important;
}
.gut-cta::after {
  display: none;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .gut-cta {
    margin-top: 40px;
  }
}
.gut-contenu-colonne {
  margin: 40px 0 100px;
}
.gut-contenu-colonne .contenus {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
}
.gut-contenu-colonne .contenus .col-content {
  width: 100%;
}
.gut-contenu-colonne .contenus .col-content__title {
  color: var(--bleu-primary);
  font-family: 'Heading Now';
  font-size: 42px;
  line-height: 1.05;
  margin-bottom: 20px;
}
/* ==========================================================================
Responsive
========================================================================== */
@media only screen and (min-width: 756px) {
  .gut-contenu-colonne .contenus {
    gap: 100px 32px;
  }
  .gut-contenu-colonne .contenus .col-content {
    width: calc(50% - 16px);
  }
}
@media only screen and (min-width: 1024px) {
  .gut-contenu-colonne .contenus .col-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .gut-contenu-colonne .contenus .col-content__title {
    margin-bottom: 0;
  }
  .gut-contenu-colonne .contenus .col-content .content {
    margin-top: 20px !important;
  }
}
@media only screen and (min-width: 1440px) {
  .gut-contenu-colonne .contenus .col-content {
    justify-content: flex-start;
  }
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}