@charset "UTF-8";
/* -----------------------------------------------------
   Config
   ----------------------------------------------------- */
/* Colors
  ========================================================================== */
:root {
  --color-accent: #206f9b;
  --casal: #2f6168;
  --gallery: #efefef;
  --body-bg: #f9f9fb;
  --loblolly: #c1c6cc;
  --dove-gray: #656565;
  --lunar-green: #41473e;
  --mine-shaft: #323232;
  --gray: #808080;
  --mid-gray: #595b61;
  --mercury: #e9e9e9;
  --prussian-blue: #003153;
  --spray: #84ddf1;
  --blaze-orange: #b94b00;
  --macaroni-and-cheese: #ffc482; }

@font-face {
  font-family: 'Greycliff CF';
  src: url("../fonts/GreycliffCF/GreycliffCF-Light.woff2") format("woff2"), url("../fonts/GreycliffCF/GreycliffCF-Light.eot") format("eot");
  font-weight: 300; }
@font-face {
  font-family: 'Greycliff CF';
  src: url("../fonts/GreycliffCF/GreycliffCF-LightOblique.woff2") format("woff2"), url("../fonts/GreycliffCF/GreycliffCF-LightOblique.eot") format("eot");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Greycliff CF';
  src: url("../fonts/GreycliffCF/GreycliffCF-Regular.woff2") format("woff2"), url("../fonts/GreycliffCF/GreycliffCF-Regular.eot") format("eot");
  font-weight: 400; }
@font-face {
  font-family: 'Greycliff CF';
  src: url("../fonts/GreycliffCF/GreycliffCF-Medium.woff2") format("woff2"), url("../fonts/GreycliffCF/GreycliffCF-Medium.eot") format("eot");
  font-weight: 500; }
@font-face {
  font-family: 'Greycliff CF';
  src: url("../fonts/GreycliffCF/GreycliffCF-DemiBold.woff2") format("woff2"), url("../fonts/GreycliffCF/GreycliffCF-DemiBold.eot") format("eot");
  font-weight: 600; }
@font-face {
  font-family: 'Greycliff CF';
  src: url("../fonts/GreycliffCF/GreycliffCF-Bold.woff2") format("woff2"), url("../fonts/GreycliffCF/GreycliffCF-Bold.eot") format("eot");
  font-weight: 700; }
@font-face {
  font-family: 'Greycliff CF';
  src: url("../fonts/GreycliffCF/GreycliffCF-ExtraBold.woff2") format("woff2"), url("../fonts/GreycliffCF/GreycliffCF-ExtraBold.eot") format("eot");
  font-weight: 800; }
:root {
  --font-general: 'Greycliff CF', Arial, Helvetica, sans-serif;
  --font-sofia: 'sofia-pro', 'Sofia pro'; }

body {
  font-size: 16px;
  color: #2b2b2b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--font-general);
  font-weight: 300;
  line-height: 1.3; }

a {
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1.1428;
  transition: 250ms ease-in; }
  a:hover {
    color: #175171; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: var(--lunar-green); }

h1 {
  font-size: 30px;
  letter-spacing: 0.01em;
  line-height: 1.18;
  color: var(--prussian-blue);
  font-weight: 400;
  margin-bottom: 48px; }
  @media (min-width: 1200px) {
    h1 {
      font-size: 50px; } }
  @media (min-width: 1674px) {
    h1 {
      font-size: 60px; } }

h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.05;
  margin-bottom: 15px;
  color: var(--mid-gray); }
  @media (min-width: 1674px) {
    h2 {
      font-size: 40px; } }

h3 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 16px; }

h4 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.03em; }

h5 {
  font-size: 18px;
  color: #121526;
  margin-bottom: 22px; }

h6 {
  font-size: 15px;
  letter-spacing: 0.05em;
  text-transform: uppercase; }

main ul:not([class]) {
  padding-left: 1em; }
  main ul:not([class]) li {
    margin-bottom: 0.5em; }

main ol:not([class]) {
  list-style: none;
  counter-reset: counter;
  padding-left: 1rem; }
  main ol:not([class]) li {
    counter-increment: counter; }
  main ol:not([class]) li::before {
    content: counter(counter) ". ";
    color: var(--casal);
    font-weight: bold; }

p + ul {
  margin-top: -0.8rem; }

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

hr.wp-block-separator {
  height: 6px;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid var(--macaroni-and-cheese);
  border-bottom: 2px solid var(--macaroni-and-cheese);
  margin-top: 40px;
  margin-bottom: 40px;
  width: 83.33333333% !important; }
  @media (min-width: 1200px) {
    hr.wp-block-separator {
      margin-top: 80px;
      margin-bottom: 80px;
      width: 83.33333333% !important; } }

.wp-block-quote {
  margin: 0;
  padding: 0;
  border-left: 0;
  background: #ffef9f;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 20px;
  position: relative; }
  .wp-block-quote::before {
    position: absolute;
    width: 40.776px;
    height: 50.72px;
    content: '';
    transform: translate3d(calc(-100% - 20px), -10px, 0);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.776 50.72'%3E%3Cpath fill='none' stroke='%23c4b512' d='M29.202 50.22h6.78c2.034 0 2.938-.9 2.938-2.938l1.356-43.618A2.859 2.859 0 0 0 37.112.5h-9.04a2.859 2.859 0 0 0-3.164 3.164l1.356 43.618c0 2.034.904 2.938 2.938 2.938ZM.502 3.664l1.356 43.618c0 2.034.9 2.938 2.938 2.938h6.78c2.034 0 2.938-.9 2.938-2.938L15.87 3.664A2.859 2.859 0 0 0 12.706.5h-9.04A2.859 2.859 0 0 0 .5 3.664Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 40.776px 50.72px; }
    @media (max-width: 1199px) {
      .wp-block-quote::before {
        top: -21px;
        left: 50px; } }
  @media (min-width: 1200px) {
    .wp-block-quote p {
      font-size: 24px; } }
  @media (min-width: 1200px) {
    .wp-block-quote {
      padding-top: 40px;
      padding-bottom: 40px;
      margin-top: 80px;
      margin-bottom: 80px;
      padding-left: 8.333333%;
      padding-right: 8.333333%; } }

.checklist {
  margin-top: 10px;
  padding: 0;
  list-style: none; }
  .checklist li {
    margin-bottom: 12px;
    display: flex; }
  .checklist li::before {
    content: '';
    display: inline-block;
    width: 34.285px;
    height: 24.74px;
    margin-right: 14px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.285 24.74'%3E%3Cpath fill='none' stroke='%2384ddf1' stroke-width='3' d='m1.061 12.016 10.6 10.6L33.222 1.057'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    flex-shrink: 0; }

.lead {
  font-weight: 700;
  font-size: 19px;
  line-height: 27px;
  text-align: left;
  color: #2b2b2b; }

.title-marker {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 20px;
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 10px; }
  .title-marker::before {
    flex-shrink: 0;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ff7d24; }
  .title-marker--red::before {
    background-color: #ff421a; }
  .title-marker--rouge::before {
    background-color: #9f3c83; }
  .title-marker--purple-heart::before {
    background-color: #644dd5; }
  .title-marker--allports::before {
    background-color: #00779e; }
  .title-marker--chelsea-gem::before {
    background-color: #a34900; }
  .title-marker--grenadier::before {
    background-color: #cc4400; }
  .title-marker--green-pea::before {
    background-color: #20653e; }

.title-marker + p {
  font-size: 15px;
  font-weight: 300; }

b,
strong {
  font-weight: 700; }

/* -----------------------------------------------------
   Libs
   ----------------------------------------------------- */
.swiper-container {
  position: relative; }

:root {
  --swiper-theme-color: #007aff; }
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-pointer-events {
  touch-action: pan-y; }
  .swiper-pointer-events.swiper-vertical {
    touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.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; }

/* 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-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after); }
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center; }

:root {
  --swiper-navigation-size: 44px;
  /*
--swiper-navigation-color: var(--swiper-theme-color);
*/ }
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--spray);
  border-radius: 50%;
  width: 36px;
  height: 36px; }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none; }
  .swiper-button-prev.swiper-button-hidden,
  .swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none; }
  .swiper-navigation-disabled .swiper-button-prev,
  .swiper-navigation-disabled .swiper-button-next {
    display: none !important; }
  .swiper-button-prev:after, .swiper-button-next:after {
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1; }

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto; }
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.474 12.404'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M14.473 6.207H1.827m5.001-5.5L1.404 6.134l5.424 5.573'/%3E%3C/svg%3E");
    width: 14.472px;
    height: 12.404px;
    background-repeat: no-repeat; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: '';
    width: 14.472px;
    height: 12.404px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.474 12.404'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0 6.207h12.646m-5-5.5 5.424 5.427-5.424 5.573'/%3E%3C/svg%3E"); }

.swiper-button-lock {
  display: none; }

.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-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

.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: 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;
    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-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }
  .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; }

.swiper-pagination-lock {
  display: none; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container[dir='rtl']
.select2-selection--single
.select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0; }

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all; }

.select2-container
.select2-search--inline
.select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !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; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default
.select2-selection--single
.select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px; }

.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
  color: #999; }

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir='rtl']
.select2-selection--single
.select2-selection__clear {
  float: left; }

.select2-container--default[dir='rtl']
.select2-selection--single
.select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled
.select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled
.select2-selection--single
.select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }

.select2-container--default
.select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px; }

.select2-container--default
.select2-selection--multiple
.select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px; }

.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap; }

.select2-container--default
.select2-selection--multiple
.select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0; }

.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove:hover,
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none; }

.select2-container--default[dir='rtl']
.select2-selection--multiple
.select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir='rtl']
.select2-selection--multiple
.select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir='rtl']
.select2-selection--multiple
.select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir='rtl']
.select2-selection--multiple
.select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus
.select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled
.select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled
.select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above
.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
.select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below
.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__group {
  padding-left: 0; }

.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic
.select2-selection--single
.select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic
.select2-selection--single
.select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px; }

.select2-container--classic
.select2-selection--single
.select2-selection__placeholder {
  color: #999; }

.select2-container--classic
.select2-selection--single
.select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic
.select2-selection--single
.select2-selection__arrow
b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir='rtl']
.select2-selection--single
.select2-selection__clear {
  float: left; }

.select2-container--classic[dir='rtl']
.select2-selection--single
.select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open
.select2-selection--single
.select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above
.select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below
.select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic
.select2-selection--multiple
.select2-selection__clear {
  display: none; }

.select2-container--classic
.select2-selection--multiple
.select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0; }

.select2-container--classic
.select2-selection--multiple
.select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--classic
.select2-selection--multiple
.select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px; }

.select2-container--classic
.select2-selection--multiple
.select2-selection__choice__remove:hover {
  color: #555;
  outline: none; }

.select2-container--classic[dir='rtl']
.select2-selection--multiple
.select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir='rtl']
.select2-selection--multiple
.select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir='rtl']
.select2-selection--multiple
.select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open
.select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above
.select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below
.select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic
.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.select2-selection {
  min-height: 45px; }

.select2-container .select2-search--inline .select2-search__field {
  min-height: 45px;
  margin: 0;
  padding: 15px 15px; }

.select2-selection__choice__display {
  font-size: 16px;
  font-weight: 300;
  color: #2b2b2b; }

.select2-container .select2-selection--single .select2-selection__rendered {
  background-color: rgba(132, 221, 241, 0.5);
  border: 0;
  border-radius: 0;
  padding: 0 5px;
  padding-top: 3px;
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
  height: 35px; }

.select2-selection__arrow {
  display: none; }

.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
  background-color: rgba(132, 221, 241, 0.5);
  border: 0;
  border-radius: 0;
  padding: 10px 5px; }

.select2-container--default
.select2-selection--single
.select2-selection__choice__remove,
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
  display: none; }

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-color: #687278;
  border-radius: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.265 9.213'%3E%3Cpath fill='%23206f9b' d='M6.379 8.898.315 2.834a1.066 1.066 0 0 1 0-1.512L1.323.314a1.066 1.066 0 0 1 1.512 0l4.3 4.3 4.3-4.3a1.066 1.066 0 0 1 1.512 0l1.008 1.008a1.066 1.066 0 0 1 0 1.512L7.887 8.898a1.06 1.06 0 0 1-1.508 0Z'/%3E%3C/svg%3E%0A");
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  background-size: 14.26px 9.21px;
  transition: background-image 0.5s ease-in-out; }

.select2-container--open .select2-selection--single,
.select2-container--focus .select2-selection--multiple {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.265 9.213'%3E%3Cpath fill='%23206f9b' d='m7.886.315 6.064 6.064a1.066 1.066 0 0 1 0 1.512l-1.008 1.008a1.066 1.066 0 0 1-1.512 0l-4.3-4.3-4.3 4.3a1.066 1.066 0 0 1-1.512 0L.31 7.891a1.066 1.066 0 0 1 0-1.512L6.378.315a1.06 1.06 0 0 1 1.508 0Z'/%3E%3C/svg%3E%0A"); }

.select2-results__option {
  padding-left: 24px;
  position: relative; }
  .select2-results__option:before {
    background-repeat: no-repeat;
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #687278;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 9px; }

.select2-container--default .select2-results__option--selected {
  padding-left: 24px;
  background: transparent; }
  .select2-container--default .select2-results__option--selected:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.725 8.725'%3E%3Cpath fill='%23206f9b' d='M8.645 7.009 5.998 4.362l2.647-2.647a.273.273 0 0 0 0-.386L7.395.079a.273.273 0 0 0-.386 0L4.362 2.727 1.715.08a.273.273 0 0 0-.385 0L.079 1.33a.273.273 0 0 0 0 .385l2.65 2.647-2.65 2.647a.273.273 0 0 0 0 .385l1.25 1.25a.273.273 0 0 0 .386 0l2.647-2.646 2.647 2.647a.273.273 0 0 0 .385 0l1.25-1.25a.273.273 0 0 0 0-.385Z' /%3E%3C/svg%3E%0A");
    background-size: 8.72px 8.72px;
    background-position: center center; }

.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(132, 221, 241, 0.5);
  color: #2b2b2b;
  padding-left: 24px; }

.select2-dropdown {
  border-color: #687278; }

/* -----------------------------------------------------
   Layout
   ----------------------------------------------------- */
html {
  position: relative; }

img {
  max-width: 100%;
  height: auto; }

.visually-hidden-focusable,
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0; }

.wp-block-embed-youtube {
  position: relative;
  margin-top: 70px; }
  .wp-block-embed-youtube::before, .wp-block-embed-youtube::after {
    width: 150px;
    height: 150px;
    content: '';
    position: absolute;
    content: '';
    pointer-events: none;
    background: #ffef9f;
    z-index: -1; }
    @media (min-width: 1200px) {
      .wp-block-embed-youtube::before, .wp-block-embed-youtube::after {
        width: 300px;
        height: 300px; } }
  .wp-block-embed-youtube::before {
    bottom: -15px;
    left: -15px; }
    @media (min-width: 1200px) {
      .wp-block-embed-youtube::before {
        bottom: -30px;
        left: -30px; } }
  .wp-block-embed-youtube::after {
    top: -15px;
    right: -15px; }
    @media (min-width: 1200px) {
      .wp-block-embed-youtube::after {
        top: -30px;
        right: -30px; } }

.wp-block-embed__wrapper {
  padding-top: 0; }

.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  width: 100%; }
  .wp-block-embed-youtube .wp-block-embed__wrapper::before {
    display: block;
    padding-top: 56.25%;
    content: ''; }
  .wp-block-embed-youtube .wp-block-embed__wrapper > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media (min-width: 1024px) {
  .no-padding {
    padding: 0; } }
.mb-5 {
  margin-bottom: 1.875em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

@media (min-width: 1200px) {
  .text-xl-end {
    text-align: right; } }

.text-center {
  text-align: center; }

.container,
.row,
.row > * {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 0; }

:root {
  --container: 100%; }
@media (min-width: 576px) {
  :root {
    --container: 540px; } }
@media (min-width: 768px) {
  :root {
    --container: 720px; } }
@media (min-width: 992px) {
  :root {
    --container: 960px; } }
@media (min-width: 1200px) {
  :root {
    --container: 1140px; } }
@media (min-width: 1400px) {
  :root {
    --container: 1320px; } }
@media (min-width: 1674px) {
  :root {
    --container: 1644px; } }
.container {
  position: relative; }
  @media (min-width: 1674px) {
    .container {
      max-width: 1644px; } }

@media (min-width: 1674px) {
  .offset-xxl-n-1 {
    margin-left: -8.3333333%; } }

body {
  background: white;
  overflow-x: hidden; }

main .row:not(.mb-0) + .row {
  margin-top: 40px; }
  @media (min-width: 1200px) {
    main .row:not(.mb-0) + .row {
      margin-top: 80px; } }
  main .row:not(.mb-0) + .row.row-back {
    margin-top: 40px; }
main img + .row {
  margin-top: 40px; }
main .row + .cta-gradient {
  margin-top: 40px; }
  @media (min-width: 1200px) {
    main .row + .cta-gradient {
      margin-top: 80px; } }
main p + h2 {
  margin-top: 20px; }
  @media (min-width: 1674px) {
    main p + h2 {
      margin-top: 60px; } }

.block-grey {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px; }
  .block-grey::before {
    pointer-events: none;
    position: absolute;
    content: '';
    z-index: -1;
    right: 50%;
    left: 50%;
    background: #ebf2f3;
    width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
    height: 100%;
    display: block; }
  @media (min-width: 1200px) {
    .block-grey {
      padding-top: 54px;
      padding-bottom: 54px; }
      .block-grey .wp-block-image {
        margin-bottom: 0; } }
  @media (min-width: 1674px) {
    .block-grey {
      padding-top: 108px;
      padding-bottom: 108px; } }

.block-white {
  padding: 24px 20px;
  background: white;
  filter: drop-shadow(0px 3px 14px rgba(0, 0, 0, 0.16));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 5px;
  margin-bottom: 20px; }
  @media (min-width: 1200px) {
    .block-white h2 {
      font-size: 30px; } }
  .block-white p {
    margin-bottom: 18px; }
  .block-white .wp-block-buttons {
    margin-top: auto; }
  @media (min-width: 1200px) {
    .block-white {
      height: 100%;
      padding: 48px 40px; } }

@media (min-width: 1200px) {
  .col-xl-10 .block-white {
    height: auto; } }

.cta-gradient {
  padding: 40px 0 40px;
  background: linear-gradient(to right, #84ddf1 0%, #c2e6c8 100%);
  text-align: center;
  padding-left: 8.33333%;
  padding-right: 8.33333%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-bottom: 40px; }
  .cta-gradient .btn-primary {
    white-space: nowrap; }
  .cta-gradient h3 {
    margin-bottom: 5px; }
  .cta-gradient p {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto; }
  @media (min-width: 1200px) {
    .cta-gradient {
      flex-direction: row;
      text-align: left;
      margin-bottom: 80px; }
      .cta-gradient p {
        max-width: initial;
        margin-left: 0;
        margin-right: 20px; }
      .cta-gradient p:last-of-type {
        margin-bottom: 0; } }

.col-xl-8 .cta-gradient {
  padding-left: 5.33333%;
  padding-right: 5.33333%; }

.cta-green {
  padding: 40px 0 40px;
  background: #c2e6c8;
  text-align: center;
  padding-left: 8.33333%;
  padding-right: 8.33333%;
  border: 1px solid #81e979;
  margin-bottom: 40px; }
  .cta-green h3 {
    margin-bottom: 5px; }
  .cta-green p:last-of-type {
    margin-bottom: 0; }
  @media (min-width: 1200px) {
    .cta-green {
      text-align: left;
      margin-bottom: 100px; } }

.sidebar {
  margin-top: 40px; }
  @media (min-width: 1200px) {
    .sidebar {
      padding: 0 30px 30px 26px;
      margin-top: 0; } }
  @media (min-width: 1200px) {
    .sidebar h2 {
      font-size: 30px; } }

.layout-sidebar-second::after {
  --col-width: 0.333333; }
  @media (min-width: 1200px) {
    .layout-sidebar-second::after {
      position: fixed;
      height: 100%;
      right: calc((100vw - var(--container) + 15px) / 2);
      width: calc((var(--container)) * var(--col-width) - 30px);
      background: #ebf2f3;
      z-index: -1;
      content: '';
      top: 0; } }
  @media (min-width: 1400px) {
    .layout-sidebar-second::after {
      --col-width: 0.25; } }

.gallery {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
  margin-top: 40px;
  margin-bottom: 40px; }
  @media (min-width: 1200px) {
    .gallery {
      margin-bottom: 80px; } }
  .gallery .swiper-gallery .swiper-button-prev,
  .gallery .swiper-gallery .swiper-button-next {
    bottom: -60px;
    top: initial;
    right: 15px;
    margin-top: 0; }
  .gallery .swiper-gallery .swiper-button-prev {
    left: initial;
    right: 72px; }

.numbers {
  background: #e0f2e3;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 40px;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px;
  margin-top: -30px;
  align-items: center; }
  @media (min-width: 1200px) {
    .numbers {
      flex-direction: row;
      padding-left: 0;
      padding-top: 70px;
      padding-right: 130px;
      padding-bottom: 50px;
      margin-bottom: 80px;
      align-items: flex-start; } }
  @media (min-width: 1200px) {
    .numbers::before {
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      width: calc((100vw - var(--container) + 15px) / 2);
      transform: translateX(calc(-100% + 1px));
      height: 100%;
      content: '';
      background: #e0f2e3; } }

.number-item {
  display: flex;
  flex-direction: column;
  color: var(--color-accent);
  letter-spacing: -0.01em;
  text-align: center; }
  @media (min-width: 1200px) {
    .number-item {
      text-align: left; } }
  .number-item__value {
    font-weight: 300;
    font-style: italic;
    font-size: 46px;
    line-height: 54px;
    color: var(--color-accent);
    margin-bottom: 0; }
  .number-item__desc {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0; }

.swiper-gallery-large {
  margin-bottom: 60px; }
  @media (min-width: 1200px) {
    .swiper-gallery-large {
      margin-bottom: 80px; } }
  .swiper-gallery-large .col-xl-10 {
    position: relative; }
  .swiper-gallery-large .swiper-pagination {
    bottom: -60px;
    font-size: 17px;
    font-weight: 500; }
  .swiper-gallery-large .swiper-button-prev,
  .swiper-gallery-large .swiper-button-next {
    bottom: -60px;
    top: initial;
    right: 15px;
    margin-top: 0; }

.banner-objectifs {
  background: #e0f2e3;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 40px;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px;
  margin-top: -30px;
  align-items: center; }
  @media (min-width: 1200px) {
    .banner-objectifs {
      flex-direction: row;
      padding-left: 0;
      padding-top: 70px;
      padding-right: 130px;
      padding-bottom: 50px;
      margin-bottom: 80px;
      align-items: flex-start; } }
  @media (min-width: 1200px) {
    .banner-objectifs::before {
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      width: calc((100vw - var(--container) + 30px) / 2);
      transform: translateX(calc(-100% + 1px));
      height: 100%;
      content: '';
      background: #e0f2e3; } }
  .banner-objectifs .title-objectif {
    font-size: 24px;
    color: var(--color-accent);
    font-weight: 600;
    margin-bottom: 0; }
    .banner-objectifs .title-objectif strong {
      font-weight: 800; }

.title-objectif {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 20px; }
  .title-objectif > figure {
    margin-bottom: 0;
    flex-shrink: 0; }
  .title-objectif::after {
    content: '';
    position: relative;
    width: 107px;
    border-bottom: 1px solid #84ddf1; }
  .title-objectif--horizontal {
    gap: 30px;
    flex-direction: column; }
    .title-objectif--horizontal::after {
      display: none; }
    @media (min-width: 768px) {
      .title-objectif--horizontal {
        flex-direction: row; } }
    @media (min-width: 1200px) {
      .title-objectif--horizontal {
        margin-bottom: 0; } }
  .title-objectif h2 {
    font-size: 30px;
    color: var(--color-accent);
    font-weight: 400;
    margin-bottom: 0; }
  .title-objectif h3 {
    font-size: 24px;
    color: var(--color-accent);
    font-weight: 600;
    margin-bottom: 0; }
    .title-objectif h3 strong {
      font-weight: 800; }

.block-pink {
  background-color: #ffeaef;
  padding-top: 45px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 60px; }
  @media (min-width: 1200px) {
    .block-pink {
      padding-left: 0;
      padding-right: 0;
      padding-top: 70px;
      padding-bottom: 120px;
      margin-top: 80px; } }
  .block-pink .col-xl-10 .row {
    margin-top: 20px; }
  .block-pink h3 {
    font-weight: 700;
    margin-bottom: 8px; }
  .block-pink strong {
    font-weight: 700; }
  .block-pink__content {
    background: white;
    padding: 27px 27px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    flex-direction: column; }
    @media (min-width: 1200px) {
      .block-pink__content {
        flex-direction: row;
        margin-bottom: 0; } }
    .block-pink__content p {
      margin-bottom: 0; }
    .block-pink__content img {
      flex-shrink: 0; }

.img-large img,
.size-large_image img {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }
@media (min-width: 1200px) {
  .img-large img,
  .size-large_image img {
    margin-top: 80px !important;
    margin-bottom: 80px !important; } }

.site-header {
  padding: 36px 23px;
  top: 0;
  position: absolute;
  z-index: 11; }
  @media (min-width: 1200px) {
    .site-header {
      padding: 44px 60px; } }

:root {
  --logo-color-front: #005886;
  --logo-color-back: #3cb8e3; }
body.page-node-4,
body.page-with-image-header,
body.is-nav-open {
  --logo-color-front: #fff;
  --logo-color-back: rgba(112, 112, 112, 0.3); }

.logo-desktop {
  display: none; }
  @media (min-width: 1200px) {
    .logo-desktop {
      display: block; } }

.logo-mobile {
  display: block; }
  @media (min-width: 1200px) {
    .logo-mobile {
      display: none; } }

#confort-plus-container {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 186px; }
  @media (min-width: 1200px) {
    #confort-plus-container {
      right: 153px;
      position: fixed; } }
  #confort-plus-container .btn-confort {
    background: white;
    color: #206f9b;
    font-size: 18px;
    text-decoration: none;
    border: 1px solid var(--nav-button-border);
    padding: 12.5px 15px; }
  #confort-plus-container .uci-plus-orange {
    color: #206f9b; }

.user-logged-in #confort-plus-container {
  top: 39px; }

:root {
  --nav-button-background: #fff;
  --nav-button-color: var(--color-accent);
  --nav-button-border: var(--mercury);
  --nav-social-color: #206f9b; }
body.is-nav-open {
  --nav-button-background: transparent;
  --nav-button-color: #fff;
  --nav-button-border: transparent;
  --nav-social-color: #fff;
  position: fixed;
  inset: 0; }

body {
  position: relative; }

.navigation-main {
  position: fixed;
  transform: translateY(-100%);
  inset: 0;
  background: #000e27;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1040.322 849.484'%3E%3Cpath fill='%233cb8e3' stroke='%233cb8e3' d='M573.491 848.378c115.48-7.938 455.837-209.074 465.964-542.568 1.744-57.388-2.671-138.035-24.854-232.815-277.887 82.947-597.359 261.082-589.495 642.393-1.071 69.667 32.867 140.854 148.385 132.99M388 411.721c26.41-53.986 24.328-259.24-122.994-350.367-25.355-15.684-62.76-34.633-111.133-49.268-34.85 146.486-37.686 336.378 135.808 431.83 31.046 18.57 71.867 21.788 98.32-32.195' opacity='.1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1039px 848.21px;
  background-position: center center;
  z-index: 10;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 250ms ease-in-out; }
  @media (max-width: 768px) {
    .navigation-main {
      overflow-x: scroll;
      padding-top: 50px; } }
  .navigation-main.show {
    transform: translateY(0); }
  .navigation-main .navigation-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    @media (min-width: 1200px) {
      .navigation-main .navigation-wrapper {
        flex-direction: row; } }
  @media (min-width: 1200px) {
    .navigation-main .main-navigation {
      max-width: 30ch; } }
  .navigation-main .main-navigation > ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 25px; }
    .navigation-main .main-navigation > ul > li {
      transform: translateX(0);
      transition: all 350ms ease-in-out; }
      .navigation-main .main-navigation > ul > li:hover {
        transform: translateX(20px); }
  .navigation-main .nav-link {
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -0.03em;
    line-height: 100%;
    color: #fff;
    text-decoration: none;
    padding: 0; }
    @media (min-width: 1674px) {
      .navigation-main .nav-link {
        font-size: 35px; } }
  .navigation-main .drop {
    position: relative;
    width: fit-content;
    z-index: 1; }
    .navigation-main .drop > .nav-link:hover {
      cursor: default; }
    .navigation-main .drop::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -54px;
      margin: auto;
      margin-left: 10px;
      width: 36px;
      height: 36px;
      border: 1px solid currentColor;
      border-radius: 50%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.021 12.66'%3E%3Cpath fill='none' stroke='%23fff' d='M0 6.33h14.314'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' d='m8.691.707 5.623 5.623m-5.623 5.623 5.623-5.623'/%3E%3C/svg%3E");
      background-size: 46.09px 13.59px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      transition: background-image 250ms ease-in-out, width 250ms ease-in-out; }
      @media (min-width: 1674px) {
        .navigation-main .drop::after {
          transform: translateY(5px); } }
      @media (min-width: 1920px) {
        .navigation-main .drop::after {
          transform: translateY(10px); } }
    .navigation-main .drop.active::after {
      display: none;
      border-color: transparent;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46.798 15'%3E%3Cpath fill='none' stroke='%23fff' d='M0 7.5h46.091'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' d='M39.298.707 46.091 7.5m-6.793 6.793L46.091 7.5'/%3E%3C/svg%3E");
      width: 60px;
      right: -85px;
      height: 40px;
      background-size: contain; }
      @media (min-width: 1200px) {
        .navigation-main .drop.active::after {
          display: inline-block; } }
    .navigation-main .drop.active .drop-menu {
      display: flex; }
    .navigation-main .drop.active > .nav-link {
      cursor: default; }
  .navigation-main .drop-menu {
    display: none;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 10px;
    padding-top: 20px; }
    @media (min-width: 1200px) {
      .navigation-main .drop-menu {
        padding-top: 6px;
        position: absolute;
        left: 100%;
        top: 0;
        padding-left: 105px; } }
    @media (min-width: 1674px) {
      .navigation-main .drop-menu {
        padding-top: 11px; } }
    @media (min-width: 1920px) {
      .navigation-main .drop-menu {
        padding-top: 30px; } }
    @media (min-width: 1200px) {
      .navigation-main .drop-menu li {
        margin-bottom: 10px; } }
  .navigation-main .dropmenu-link {
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    text-decoration: none; }
    .navigation-main .dropmenu-link:hover {
      text-decoration: underline; }
    @media (min-width: 1200px) {
      .navigation-main .dropmenu-link {
        white-space: nowrap; } }
    @media (min-width: 1674px) {
      .navigation-main .dropmenu-link {
        font-size: 26px; } }
  .navigation-main .secondary-navigation {
    display: flex;
    flex-direction: column;
    gap: 17px;
    align-self: flex-end;
    text-align: right;
    list-style: none;
    margin: 0;
    padding: 0; }
    .navigation-main .secondary-navigation a {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.05em;
      color: #fff;
      text-decoration: none;
      display: block;
      transition: all 350ms ease-in-out; }
      .navigation-main .secondary-navigation a:hover {
        transform: translateX(10px); }
      @media (min-width: 1200px) {
        .navigation-main .secondary-navigation a {
          font-size: 16px; } }
      @media (min-width: 1440px) {
        .navigation-main .secondary-navigation a {
          font-size: 20px; } }
      .navigation-main .secondary-navigation a::after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        width: 30px;
        height: 30px;
        border: 1px solid currentColor;
        border-radius: 50%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.021 12.66'%3E%3Cpath fill='none' stroke='%23fff' d='M0 6.33h14.314'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' d='m8.691.707 5.623 5.623m-5.623 5.623 5.623-5.623'/%3E%3C/svg%3E");
        background-size: 14.31px 11.25px;
        background-repeat: no-repeat;
        background-position: center center; }

.btn-nav,
.btn-search {
  position: absolute;
  top: 36px;
  right: 100px;
  z-index: 12; }
  @media (min-width: 1200px) {
    .btn-nav,
    .btn-search {
      position: fixed;
      top: 54px;
      right: 40px; } }

.btn-search {
  right: 23px; }
  @media (min-width: 1200px) {
    .btn-search {
      right: 40px;
      top: 132px; } }

.navigation-bottom {
  position: absolute;
  z-index: 11;
  top: 900px;
  right: 0;
  width: 100px;
  display: none;
  flex-direction: column;
  align-items: center;
  padding: 30px 30px;
  transform: translateY(-100%); }
  .navigation-bottom ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .navigation-bottom li {
    margin-bottom: 20px; }
  .navigation-bottom a {
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: var(--nav-social-color); }
    .navigation-bottom a:hover {
      color: var(--bs-nav-link-hover-color); }
  @media (min-width: 1200px) {
    .navigation-bottom {
      display: flex; } }
  @media (min-width: 1674px) {
    .navigation-bottom {
      padding: 54px 40px;
      width: 150px; } }

.path-frontpage .navigation-bottom {
  top: 100vh; }

.btn-nav {
  border: 1px solid var(--nav-button-border);
  color: var(--nav-button-color);
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 70px;
  height: 70px;
  padding-left: 19px;
  padding-right: 19px;
  font-size: 12px;
  appearance: none;
  background: var(--nav-button-background);
  text-align: right;
  transition: all 250ms ease-in-out; }
  .btn-nav .icon-bar {
    width: 32px;
    background-color: var(--nav-button-color);
    height: 2px;
    display: block;
    margin-bottom: 6px;
    transition: all 250ms ease-in-out; }
    .btn-nav .icon-bar:nth-of-type(2) {
      width: 20px; }
  .btn-nav.active span:not(.icon-bar) {
    display: none; }
  .btn-nav.active .icon-bar {
    margin-bottom: 0; }
    .btn-nav.active .icon-bar:nth-of-type(1) {
      transform: rotate(45deg);
      transform-origin: center center; }
    .btn-nav.active .icon-bar:nth-of-type(2) {
      transform: rotate(-45deg) translateY(-2px);
      transform-origin: center center;
      width: 32px; }

.btn-search {
  border: 1px solid var(--nav-button-border);
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--nav-button-background);
  transition: all 250ms ease-in-out; }

.site-footer {
  background: white;
  padding-top: 60px;
  padding-bottom: 50px; }
  .site-footer img {
    margin-bottom: 24px; }
  .site-footer .container > .row > .col-xl-4,
  .site-footer .container > .row > .col-xl-3 {
    margin-bottom: 30px; }
    @media (min-width: 1200px) {
      .site-footer .container > .row > .col-xl-4,
      .site-footer .container > .row > .col-xl-3 {
        margin-bottom: 0; } }

.socials {
  margin-top: 27px; }
  .socials ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px; }

.social-link {
  display: block;
  border-bottom: 0; }
  .social-link svg path {
    fill: var(--color-accent);
    transition: 250ms ease-in; }
  .social-link:hover svg path {
    fill: var(--bs-nav-link-hover-color); }

.footer-bottom {
  margin-top: 20px; }
  @media (min-width: 1200px) {
    .footer-bottom {
      margin-top: 70px; } }
  .footer-bottom a {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none; }
  .footer-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
    flex-wrap: wrap; }

.footer-nav {
  column-count: 2;
  column-gap: var(--bs-gutter-x);
  margin-bottom: 20px; }
  .footer-nav .nav-link-dummy {
    pointer-events: none;
    opacity: 0;
    display: none; }
    @media (min-width: 768px) {
      .footer-nav .nav-link-dummy {
        display: block;
        visibility: hidden; } }
  @media (min-width: 768px) {
    .footer-nav {
      column-count: 3; } }
  @media (min-width: 1200px) {
    .footer-nav {
      margin-bottom: 0; } }
  .footer-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; }
  .footer-nav li {
    break-inside: avoid-column; }
  .footer-nav a {
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    padding: 0;
    color: var(--color-accent);
    font-weight: 700;
    line-height: 1.1428;
    transition: 250ms ease-in; }
    .footer-nav a:hover {
      color: var(--bs-nav-link-hover-color); }
  .footer-nav span {
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    padding: 0;
    font-weight: 700;
    line-height: 1.1428;
    color: #2b2b2b; }

/* -----------------------------------------------------
   Components
   ----------------------------------------------------- */
.btn-primary:not(.wp-block-button),
.btn-primary .wp-block-button__link, .btn-secondary {
  color: var(--linen);
  text-decoration: none;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
  padding: 14px 20px;
  border: 0;
  border-radius: 5px;
  font-size: 15px;
  transition: all 250ms;
  cursor: pointer;
  appearance: none; }
  .btn-primary:not(.wp-block-button) svg,
  .btn-primary .wp-block-button__link svg, .btn-secondary svg {
    margin-right: 5px; }

.btn-primary:not(.wp-block-button),
.btn-primary .wp-block-button__link {
  color: white;
  background-color: var(--color-accent);
  border-radius: 22.5px;
  text-transform: uppercase; }
  .btn-primary:not(.wp-block-button):hover,
  .btn-primary .wp-block-button__link:hover {
    color: white;
    background-color: #175171; }

.btn-secondary {
  background-color: white;
  color: var(--color-accent); }
  .btn-secondary:hover {
    background-color: var(--color-accent);
    color: white; }

.btn-secondary:hover {
  color: var(--linen); }

br + .btn-primary {
  margin-top: 7px; }

.btn-faq {
  color: #000000;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  border-bottom: 1px solid #c4c5c7;
  padding-bottom: 18px;
  font-size: 17px;
  display: block; }
  .btn-faq::after {
    transition: transform 300ms ease-in-out;
    position: relative;
    content: '';
    display: inline-block;
    width: 14px;
    height: 11px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.474 12.404'%3E%3Cg fill='none' stroke='%23206f9b' stroke-width='2'%3E%3Cpath d='M0 6.207h13.646M8.646.707l5.424 5.427-5.424 5.573'/%3E%3C/g%3E%3C/svg%3E"); }
  .btn-faq:hover::after {
    transform: translateX(5px); }
  .btn-faq.btn--large {
    color: var(--color-accent);
    border-bottom: 0;
    padding: 0;
    font-weight: 600;
    font-size: 24px;
    display: block;
    margin-bottom: 28px; }

.btn-arrow {
  position: relative;
  background-color: var(--spray);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .btn-arrow:after {
    inset: 0;
    z-index: 2;
    display: block;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.474 12.404'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0 6.207h12.646m-5-5.5 5.424 5.427-5.424 5.573'/%3E%3C/svg%3E");
    width: 14.472px;
    height: 12.404px;
    background-repeat: no-repeat; }

.link-arrow {
  color: var(--color-accent);
  font-weight: 700;
  position: relative; }
  .link-arrow::after {
    transition: transform 300ms ease-in-out;
    position: relative;
    content: '';
    display: inline-block;
    width: 14px;
    height: 11px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.474 12.404'%3E%3Cg fill='none' stroke='%23206f9b' stroke-width='2'%3E%3Cpath d='M0 6.207h13.646M8.646.707l5.424 5.427-5.424 5.573'/%3E%3C/g%3E%3C/svg%3E"); }
  .link-arrow:hover::after {
    transform: translateX(5px); }

.btn-primary.vote {
  background-color: #FFEF9F;
  color: #002034 !important;
  text-transform: uppercase;
  padding: 15px !important;
  padding-right: 50px !important;
  position: relative;
  will-change: transform;
  overflow: hidden;
  border: none;
  border-radius: 50px;
  font-weight: bold;
  cursor: pointer;
  transition: color 0.3s ease; }
  .btn-primary.vote:hover {
    color: #002034;
    background-color: #ffffff; }
  .btn-primary.vote:after {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.404" height="15.474" viewBox="0 0 12.404 15.474"><g id="Groupe_250" data-name="Groupe 250" transform="translate(24.697 -11) rotate(90)"><g id="Groupe_144" data-name="Groupe 144" transform="translate(11 13)"><path id="Tracé_75" data-name="Tracé 75" d="M5.354,0H19" transform="translate(-5.354 5.5)" fill="none" stroke="%23012134" stroke-width="2"/><path id="Tracé_74" data-name="Tracé 74" d="M0,0,5.424,5.427,0,11" transform="translate(8.646)" fill="none" stroke="%23012134" stroke-width="2"/></g></g></svg>') !important;
    background-size: 14.31px 11.25px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid #002034 !important;
    border-radius: 50%;
    transform-origin: 50% 57%;
    margin: 0 !important;
    position: absolute;
    top: 14% !important;
    right: 3% !important;
    transform: rotate(-0.25turn); }
  .btn-primary.vote:hover:after {
    transform: rotate(-0.25turn);
    -webkit-animation: none !important;
    animation: none !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.404" height="15.474" viewBox="0 0 12.404 15.474"><g id="Groupe_250" data-name="Groupe 250" transform="translate(24.697 -11) rotate(90)"><g id="Groupe_144" data-name="Groupe 144" transform="translate(11 13)"><path id="Tracé_75" data-name="Tracé 75" d="M5.354,0H19" transform="translate(-5.354 5.5)" fill="none" stroke="%23206F9B" stroke-width="2"/><path id="Tracé_74" data-name="Tracé 74" d="M0,0,5.424,5.427,0,11" transform="translate(8.646)" fill="none" stroke="%23206F9B" stroke-width="2"/></g></g></svg>'); }

.section-home--vote .btn-primary.vote {
  padding: 25px !important;
  padding-right: 55px !important; }
  .section-home--vote .btn-primary.vote:after {
    border: none !important;
    border-radius: 50%;
    transform-origin: 50% 57%;
    margin: 0 !important;
    position: absolute;
    top: 26% !important;
    right: 8% !important;
    transform: rotate(-0.25turn); }

label {
  font-size: 18px;
  display: block;
  font-weight: 600;
  margin-bottom: 8px; }

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
textarea {
  border: 1px solid #89969e;
  background: white;
  padding: 10px 20px;
  width: 100%;
  resize: none; }

textarea {
  min-height: 170px; }

.filters {
  margin-top: 40px;
  margin-bottom: 20px; }
  .filters label {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 13px; }
  .filters .btn-primary {
    margin-bottom: 20px; }

select {
  width: 100%;
  padding: 11px 5px;
  border: 1px solid #687278;
  margin-bottom: 20px;
  background: white; }

.form-group {
  margin-bottom: 20px; }

.filter-form-grid {
  display: grid;
  gap: 10px var(--bs-gutter-x); }
  @media (min-width: 1200px) {
    .filter-form-grid {
      grid-template-columns: repeat(12, 1fr); } }
  @media (min-width: 1200px) {
    .filter-form-grid .form-type-select:nth-of-type(1) {
      grid-column-start: span 5; } }
  @media (min-width: 1200px) {
    .filter-form-grid .form-type-select:nth-of-type(2) {
      grid-column-start: span 5; } }
  .filter-form-grid #edit-actions {
    margin-bottom: 0 !important; }

.pagination-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 20px; }
  @media (min-width: 1200px) {
    .pagination-wrapper {
      margin-bottom: 50px; } }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  gap: 13px;
  margin-top: 60px; }

.page-link {
  position: relative;
  display: block;
  line-height: 1.14;
  color: #fff;
  background-color: var(--color-accent);
  text-decoration: none;
  font-size: 15px;
  border-radius: 22.5px;
  padding: 14px 20px;
  text-transform: uppercase;
  font-weight: 700; }
  .page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: #175171;
    text-decoration: none; }
  .page-link:focus {
    z-index: 3;
    outline: var(--color-accent);
    box-shadow: 0 0 0 0.2rem rgba(32, 111, 155, 0.25); }
  .page-link svg {
    transition: transform 250ms;
    display: inline-block;
    vertical-align: baseline; }

.page-item:first-child .page-link {
  margin-left: 0; }
  .page-item:first-child .page-link:hover svg {
    transform: translateX(-5px); }
.page-item:last-child .page-link:hover svg {
  transform: translateX(5px); }
.page-item.active .page-link {
  z-index: 3;
  color: #000;
  background-color: #c4c5c7; }
.page-item.disabled .page-link {
  color: grey;
  pointer-events: none;
  cursor: auto; }

@media (min-width: 1200px) {
  .alert {
    padding: 20px; } }

.alert-danger {
  color: #f90044;
  background: white;
  border: 1px solid #f90044; }
  .alert-danger h2 {
    color: #f90044; }
    .alert-danger h2::before {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      content: '';
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 33'%3E%3Cpath fill='none' stroke='%23f90044' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M10.29 1.5h12.42l8.79 8.79v12.42l-8.79 8.79H10.29L1.5 22.71V10.29Zm6.21 9v6m0 6h0'/%3E%3C/svg%3E");
      width: 30px;
      height: 30px;
      display: inline-block;
      margin-right: 15px; }

.alert-success {
  background: #c2e6c8;
  border: 1px solid #81e979; }

.alert .btn-close {
  --bs-btn-close-bg: $bs-btn-close-bg
  box-sizing: content-box;
  width: 1.5em;
  height: 1.5em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
  right: 20px;
  top: 20px; }
  .alert .btn-close:hover {
    opacity: 0.75; }

.field--name-field-care-network .field__items {
  display: flex;
  gap: 4px; }

.field--name-field-themes,
.field--name-field-care-network {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 10px; }

.categories {
  display: flex;
  gap: 4px;
  flex-wrap: wrap; }

.category {
  display: inline-block;
  padding: 6px;
  white-space: nowrap;
  font-size: 12px;
  text-decoration: none;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  background-color: #ebf2f3;
  background-color: #c4c5c7; }

.category--vivalia2025, .category--vivalia2030 {
  background-color: #c2e6c8; }
.category--chr_centre_sud, .category--chr_vivalia {
  background-color: #ffef9f; }
.category--csp {
  background-color: #d9cc3c; }
.category--centre_sante_proximite_arlon {
  background-color: #ffd6e0; }
.category--hopital_marche_en_famenne {
  background-color: #81e979; }
.category--les_hopitaux {
  background-color: #d3defd; }

.themes {
  display: flex;
  gap: 4px;
  flex-wrap: wrap; }

.field--name-field-themes .field__item a,
.theme {
  display: inline-block;
  padding: 10px 9px;
  white-space: nowrap;
  font-size: 12px;
  text-decoration: none;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  background: #c4c5c7; }

.field--name-field-themes .field__item a.theme--environnement,
.theme--environnement {
  background-color: #fea99a; }
.field--name-field-themes .field__item a.theme--investissement,
.theme--investissement {
  background-color: #d3defd; }
.field--name-field-themes .field__item a.theme--mobilite,
.theme--mobilite {
  background-color: #ffef9f; }
.field--name-field-themes .field__item a.theme--permis,
.theme--permis {
  background-color: #c1fba4; }
.field--name-field-themes .field__item a.theme--projet,
.theme--projet {
  background-color: #83e3b5; }

/* -----------------------------------------------------
    Available colors
   ----------------------------------------------------- */
.nav-tabs {
  border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * 1px);
  border: 1px solid transparent;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem; }

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: rgba(233, 236, 239, 0) rgba(233, 236, 239, 0) #dee2e6; }

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #000;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff; }

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * 1px);
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.swiper.wp-block-gallery {
  overflow: visible;
  margin-bottom: 122px;
  margin-top: 70px; }

.blocks-gallery-grid,
.wp-block-gallery {
  flex-wrap: nowrap; }

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  margin: 0; }

.swiper.wp-block-gallery .swiper-button-next {
  bottom: -62px;
  top: auto; }

.swiper.wp-block-gallery .swiper-button-prev {
  bottom: -62px;
  top: auto; }

.swiper.wp-block-gallery .swiper-pagination {
  bottom: -62px;
  left: 0;
  right: 0; }

.swiper--small.wp-block-gallery {
  margin-top: 70px;
  margin-bottom: 122px;
  position: relative;
  display: block; }
  .swiper--small.wp-block-gallery .blocks-gallery-grid {
    display: flex;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    flex-wrap: unset; }
  .swiper--small.wp-block-gallery .blocks-gallery-item {
    flex-grow: 0;
    flex-shrink: 0; }
  .swiper--small.wp-block-gallery .swiper-button-next {
    bottom: -62px;
    top: auto; }
  .swiper--small.wp-block-gallery .swiper-button-prev {
    bottom: -62px;
    top: auto;
    right: 66px;
    left: auto; }

.wp-block-gallery.swiper {
  display: block; }
  .wp-block-gallery.swiper .blocks-gallery-grid {
    flex-wrap: nowrap; }
  .wp-block-gallery.swiper .blocks-gallery-item {
    display: block;
    width: 100%; }

.field--name-field-category {
  margin-bottom: 20px; }

.faq-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px; }
  @media (min-width: 768px) {
    .faq-grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1200px) {
    .faq-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 80px 30px; } }
  @media (min-width: 1674px) {
    .faq-grid {
      grid-template-columns: repeat(4, 1fr);
      gap: 80px 30px; } }
  @media (min-width: 1200px) {
    .faq-grid .btn-faq.btn--large {
      position: absolute;
      top: 57px;
      transform: translateY(-100%);
      margin-bottom: 0; } }
  .faq-grid .faq-item-wrap {
    position: relative;
    height: 100%; }
    @media (min-width: 1200px) {
      .faq-grid .faq-item-wrap {
        padding-top: 77px; } }

.faq-item {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  padding: 30px 34px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px; }
  @media (min-width: 1200px) {
    .faq-item {
      height: 100%; } }
  @media (min-width: 1674px) {
    .faq-item {
      padding: 40px 44px; } }
  .faq-item .btn-primary {
    margin-top: auto;
    text-wrap: nowrap; }
  .faq-item ul {
    padding: 0 !important;
    margin: 0;
    list-style: none; }

.faq-large {
  border-radius: 5px;
  padding: 10px 20px;
  background: white;
  filter: drop-shadow(0px 3px 14px rgba(0, 0, 0, 0.16)); }
  @media (min-width: 1200px) {
    .faq-large {
      padding: 20px 40px; } }

.faq-element {
  width: 100%; }
  .faq-element__button {
    appearance: none;
    background: transparent;
    border: none;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    padding: 20px 0;
    padding-right: 20px; }
    .faq-element__button::after {
      content: '';
      width: 12.404px;
      height: 14.474px;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.404 14.474'%3E%3Cpath fill='none' stroke='%23206f9b' stroke-width='2' d='M6.197 0v12.646M11.697 7.646 6.27 13.07.697 7.646'/%3E%3C/svg%3E");
      transition: transform 300ms ease-in; }
  .faq-element__content {
    display: none;
    padding-bottom: 20px;
    margin-top: -11px;
    padding-right: 20px; }
    @media (min-width: 1200px) {
      .faq-element__content {
        padding-right: 60px; } }
    .faq-element__content p {
      color: #2b2b2b; }
  .faq-element + .faq-element {
    border-top: 1px solid #c4c5c7; }
  .faq-element.active .faq-element__button::after {
    transform: rotate(-180deg); }
  .faq-element.active .faq-element__content {
    display: block; }
  .faq-element .btn-faq {
    color: var(--color-accent);
    margin-top: 15px;
    border-bottom: none; }

details.faq-element .faq-element__button h3 {
  margin: 0;
  font-size: inherit; }
details.faq-element .faq-element__content {
  display: unset; }
details.faq-element[open] .faq-element__button::after {
  transform: rotate(-180deg); }

.faq-title {
  color: #206f9b;
  font-weight: 700; }
  @media (min-width: 1200px) {
    .faq-title {
      font-size: 40px; } }
  @media (min-width: 1674px) {
    .faq-title {
      font-size: 40px; } }

.faq-content {
  background: #ebf2f3;
  padding: 15px;
  position: relative;
  margin-bottom: 40px; }
  @media (min-width: 1200px) {
    .faq-content {
      padding-top: 50px;
      padding-bottom: 50px;
      padding-left: 0;
      padding-right: 0; } }
  .faq-content .col-xl-10 {
    position: relative;
    z-index: 1; }
  .faq-content footer {
    margin-top: 20px; }
  .faq-content::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 393.09 292.139'%3E%3Cdefs%3E%3CclipPath id='clipPathMain'%3E%3Crect fill='%2384ddf1' width='208.962' height='262.685'/%3E%3C/clipPath%3E%3CradialGradient id='a' cx='.811' cy='.217' r='.957' gradientTransform='matrix(-1 0 0 .855 1.622 .032)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2384ddf1'/%3E%3Cstop offset='1' stop-color='%23c2e6c8'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg opacity='.5' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Cg clip-path='url(%23clipPathMain)' transform='rotate(9 93.35 1186.125)'%3E%3Cpath fill='%2384ddf1' d='M51.874 259.906c38.325-2.635 151.28-69.386 154.641-180.063a302.263 302.263 0 0 0-8.248-77.265C106.043 30.106.019 89.224 2.629 215.771c-.357 23.12 10.908 46.746 49.245 44.136' data-name='Tracé 72'/%3E%3C/g%3E%3Cg clip-path='url(%23clipPathMain)' transform='rotate(-36 141.783 46.068)'%3E%3Cpath fill='%2384ddf1' d='M30.414 152.365c22.467-1.544 88.684-40.676 90.655-105.558a177.2 177.2 0 0 0-4.84-45.295C62.166 17.649.014 52.306 1.542 126.491c-.209 13.554 6.394 27.4 28.869 25.873' data-name='Tracé 72'/%3E%3C/g%3E%3Cg clip-path='url(%23clipPathMain)' transform='rotate(9 93.35 1186.125)'%3E%3Cpath fill='url(%23a)' d='M49.292 257.328c38.325-2.635 151.28-69.386 154.641-180.063A302.263 302.263 0 0 0 195.685 0C103.461 27.528-2.563 86.646.047 213.193c-.357 23.12 10.908 46.746 49.245 44.136' transform='translate(2.582 2.578)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 129.5px;
    height: 89.77px;
    background-size: 129.5px 89.77px;
    position: absolute;
    right: -20px;
    top: 0;
    content: '';
    transform: translateY(calc(-100% + 30px));
    pointer-events: none; }
    @media (min-width: 1200px) {
      .faq-content::after {
        width: 393.09px;
        height: 292.139px;
        background-size: 393.09px 292.139px;
        transform: translateY(-44%); } }

.news-listing {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .news-listing {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1200px) {
    .news-listing {
      margin-bottom: 45px;
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 1674px) {
    .news-listing {
      grid-template-columns: repeat(3, 1fr); } }

.news-sidebar {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 40px; }
  .news-sidebar .news-item__date-month {
    font-size: 16px; }
  .news-sidebar .news-item__date-year {
    font-size: 12px; }
  .news-sidebar .news-item__title {
    font-size: 20px;
    margin-top: 13px; }

.news-item {
  position: relative; }
  .news-item__image {
    position: relative;
    display: block;
    margin-bottom: 15px; }
    .news-item__image img {
      width: 100%;
      padding-left: 40px; }
  .news-item__date {
    position: absolute;
    transform: translateX(-100%) rotate(270deg);
    transform-origin: top right;
    text-align: right;
    top: 0; }
    .news-item__date-month {
      display: block;
      font-size: 20px;
      font-weight: 700;
      text-transform: uppercase;
      color: #000;
      line-height: 1; }
    .news-item__date-year {
      display: block;
      font-size: 16px;
      color: #000;
      line-height: 1; }
  .news-item__title {
    font-size: 24px;
    line-height: 1.333; }
  .news-item__content {
    padding-left: 40px; }
  .news-item__categories {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    padding-left: 40px; }

.news-highlight {
  display: grid;
  background: #ebf2f3;
  margin-bottom: 40px; }
  @media (min-width: 1200px) {
    .news-highlight {
      margin-bottom: 80px;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px; } }
  .news-highlight__categories {
    margin-bottom: 14px; }
  .news-highlight__content {
    padding: 30px; }
    @media (min-width: 1200px) {
      .news-highlight__content {
        padding: 60px;
        padding-right: 16.66666%; } }
  .news-highlight__title {
    font-size: 30px; }

.news-intro {
  position: relative;
  color: white;
  margin-bottom: 45px; }
  @media (min-width: 1200px) {
    .news-intro {
      margin-bottom: 45px; } }
  @media (min-width: 1920px) {
    .news-intro {
      margin-bottom: 90px; } }
  .news-intro__content {
    background: #595b61;
    padding: 40px 20px; }
    @media (min-width: 1200px) {
      .news-intro__content {
        padding: 60px 50px;
        position: absolute;
        width: calc(41.66666% - 15px);
        right: 8.333333%;
        bottom: -150px; } }
    @media (min-width: 1674px) {
      .news-intro__content {
        padding: 80px 70px; } }
    .news-intro__content svg {
      position: absolute;
      opacity: 0.5;
      top: 0;
      right: 0;
      transform: translate3d(35%, -50%, 0);
      pointer-events: none; }
    .news-intro__content h1 {
      margin-bottom: 30px; }
    .news-intro__content h1 span {
      font-weight: bold;
      font-size: 30px;
      line-height: 32px;
      text-align: left;
      color: #fff; }
      @media (min-width: 1674px) {
        .news-intro__content h1 span {
          font-size: 35px;
          line-height: 37px; } }
    .news-intro__content .field__label {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 10px; }
      @media (min-width: 1674px) {
        .news-intro__content .field__label {
          font-size: 24px; } }
    .news-intro__content .categories {
      margin-bottom: 20px; }
    .news-intro__content span {
      display: block;
      font-weight: 500;
      font-size: 17px;
      margin-bottom: 20px; }

@media (min-width: 1200px) {
  .news-headline {
    margin-bottom: 45px; } }
@media (min-width: 1920px) {
  .news-headline {
    margin-bottom: 90px; } }
.news-headline p {
  font-size: 19px;
  font-weight: 700;
  padding-right: 20px; }

.ctas-news-wrapper {
  margin-top: 150px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-left: -8.333333%;
  margin-right: -8.3333333%; }

.cta-news {
  padding: 30px 35px;
  background: white;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.16));
  margin-bottom: 30px; }
  .cta-news--gradient {
    background: linear-gradient(to right, #84ddf1 0%, #c2e6c8 100%); }
  @media (min-width: 1200px) {
    .cta-news {
      height: 100%; } }

.publication-highlight {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2fcfe;
  padding: 20px;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px; }
  @media (min-width: 1200px) {
    .publication-highlight {
      flex-direction: row;
      margin-bottom: 80px;
      padding: 100px 16.6666% 110px; } }
  .publication-highlight img {
    width: 100%; }
  .publication-highlight__categories {
    margin-bottom: 16px; }
  .publication-highlight__title {
    font-size: 30px; }
  .publication-highlight__author, .publication-highlight__date {
    display: block; }
  .publication-highlight__author {
    font-size: 600;
    font-style: italic;
    font-size: 20px; }
  .publication-highlight__date {
    font-size: 17px;
    font-weight: 500; }

.publication-listing {
  display: grid;
  gap: 30px; }
  @media (min-width: 1440px) {
    .publication-listing {
      grid-template-columns: repeat(2, 1fr); } }

.publication-item {
  display: flex;
  gap: 30px;
  flex-direction: column; }
  @media (min-width: 768px) {
    .publication-item {
      flex-direction: row;
      align-items: center; } }
  .publication-item__image {
    flex-shrink: 0;
    display: block; }
    .publication-item__image img {
      margin-left: auto;
      margin-right: auto;
      display: block; }
  .publication-item__categories {
    margin-bottom: 7px; }
  .publication-item__title {
    max-width: 30ch; }
  .publication-item__author, .publication-item__date {
    display: block; }
  .publication-item__author {
    font-weight: 600;
    font-style: italic;
    font-size: 18px; }
  .publication-item__date {
    font-size: 17px;
    font-weight: 500; }

.publication-item--sticky {
  background: #f2fcfe;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 40px; }
  @media (min-width: 1200px) {
    .publication-item--sticky {
      padding-top: 100px;
      padding-bottom: 110px;
      margin-bottom: 80px; } }
  .publication-item--sticky .publication-item__image {
    margin-bottom: 20px; }
    @media (min-width: 1200px) {
      .publication-item--sticky .publication-item__image {
        margin-bottom: 0; } }
  .publication-item--sticky .publication-item__title {
    font-size: 30px; }

.publication-intro {
  display: flex;
  flex-direction: column;
  background: #ebf2f3;
  position: relative;
  margin-bottom: 60px;
  padding: 30px; }
  @media (min-width: 1200px) {
    .publication-intro {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 160px;
      flex-direction: row;
      padding-top: 70px;
      padding-bottom: 120px; } }
  @media (min-width: 1674px) {
    .publication-intro {
      margin-bottom: 360px; } }
  .publication-intro h1 {
    font-size: 40px;
    line-height: 42px;
    text-align: left;
    color: #206f9b;
    font-weight: 700; }
  .publication-intro__content {
    font-size: 17px;
    font-weight: 500; }
    .publication-intro__content .field__label {
      font-size: 20px;
      margin-bottom: 10px;
      font-weight: 700; }
      @media (min-width: 1674px) {
        .publication-intro__content .field__label {
          font-size: 24px; } }
    .publication-intro__content div:not([class]) {
      margin-bottom: 30px; }
  .publication-intro .row {
    width: 100%; }
  .publication-intro .col-xl-5 {
    position: relative; }
  @media (min-width: 1200px) {
    .publication-intro__image {
      position: absolute;
      top: 70px;
      top: 0; } }
  .publication-intro .file--application-pdf {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.667 20'%3E%3Cpath fill='%23206f9b' d='M16.667 7.057h-4.76V0H4.76v7.057H0l8.333 8.234ZM0 17.646V20h16.667v-2.354Z'/%3E%3C/svg%3E%0A");
    background-size: 16.67px 20px;
    padding-left: 30px;
    font-size: 20px; }

@media (min-width: 1200px) {
  .publication-headline {
    margin-top: -140px;
    margin-bottom: 30px;
    min-height: 140px; } }
@media (min-width: 1674px) {
  .publication-headline {
    margin-top: -300px;
    min-height: 300px; } }
.publication-headline p {
  font-size: 19px;
  font-weight: 700;
  padding-right: 20px; }

.node--type-publication .layout-main-wrapper footer {
  margin-top: 20px; }

.event-listing {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .event-listing {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1200px) {
    .event-listing {
      margin-bottom: 45px;
      grid-template-columns: repeat(3, 1fr); } }
  .event-listing .event-item__content {
    padding: 40px 30px; }
  .event-listing .event-item__date-day {
    font-size: 100px; }
  .event-listing .event-item__date-month {
    font-size: 34px; }

.event-item {
  position: relative;
  border-radius: 5px;
  overflow: hidden; }
  .event-item::after {
    content: '';
    background: #000a2d;
    opacity: 0.34;
    inset: 0;
    z-index: 1;
    position: absolute; }
  .event-item__date {
    position: absolute;
    left: 0;
    bottom: 45px;
    display: flex;
    z-index: 2; }
    .event-item__date-day {
      font-size: 70px;
      font-weight: 700;
      text-transform: uppercase;
      color: #fff;
      line-height: 1;
      transform: translate3d(0, -30px, 0); }
      @media (min-width: 1200px) {
        .event-item__date-day {
          font-size: 136px; } }
    .event-item__date-month {
      font-size: 25px;
      color: #fff;
      line-height: 1;
      align-self: flex-end;
      transform: translate3d(-15px, 0, 0);
      text-transform: capitalize; }
      @media (min-width: 1200px) {
        .event-item__date-month {
          font-size: 46px; } }
  .event-item__title {
    margin-top: 10px;
    font-size: 30px;
    line-height: 35px; }
    .event-item__title a {
      color: #fff; }
  .event-item__categories {
    display: flex;
    gap: 14px;
    flex-wrap: wrap; }
  .event-item__content {
    position: absolute;
    z-index: 2;
    padding: 30px; }
    @media (min-width: 1200px) {
      .event-item__content {
        padding: 80px 100px; } }

.event-intro {
  display: flex;
  flex-direction: column;
  background: #ebf2f3;
  position: relative;
  padding: 20px;
  margin-bottom: 60px; }
  .event-intro h1 {
    font-size: 40px;
    line-height: 42px;
    text-align: left;
    color: #206f9b;
    font-weight: 700; }
    @media (min-width: 1200px) {
      .event-intro h1 {
        margin-bottom: 30px; } }
  @media (min-width: 1200px) {
    .event-intro {
      flex-direction: row;
      padding-top: 50px;
      padding-left: 8.33333%;
      padding-right: 8.33333%;
      padding-bottom: 120px;
      margin-bottom: 130px; } }
  @media (min-width: 1674px) {
    .event-intro {
      padding-left: 8.33333%;
      padding-right: 8.33333%;
      padding-top: 70px;
      padding-bottom: 120px;
      margin-bottom: 130px; } }
  .event-intro__content {
    font-size: 17px;
    font-weight: 500; }
    @media (min-width: 1200px) {
      .event-intro__content {
        width: 50%; } }
    .event-intro__content .field__label {
      font-size: 20px;
      margin-bottom: 10px;
      font-weight: 700; }
      @media (min-width: 1674px) {
        .event-intro__content .field__label {
          font-size: 24px; } }
    .event-intro__content div:not([class]) {
      margin-bottom: 30px; }
  @media (min-width: 1200px) {
    .event-intro__image {
      position: absolute;
      right: 8.33333%;
      bottom: -62px;
      max-width: 40%; } }

.form-agenda {
  background: #f2fcfe;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 60px;
  margin-bottom: 50px; }
  @media (min-width: 1200px) {
    .form-agenda {
      margin-top: 120px;
      margin-bottom: 100px;
      padding-left: 8.333333%;
      padding-right: 8.333333%; } }
  .form-agenda h2 {
    text-align: center;
    margin-bottom: 70px;
    color: #000000; }
  .form-agenda .btn-primary {
    margin: 0 auto;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px; }

main .form-agenda .row + .row {
  margin-top: 0; }

.press-listing {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .press-listing {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1200px) {
    .press-listing {
      margin-bottom: 45px;
      grid-template-columns: repeat(3, 1fr); } }

.press-item__image {
  position: relative;
  display: block;
  margin-bottom: 15px; }
  .press-item__image img {
    width: 100%; }
.press-item__date {
  font-weight: bold;
  font-size: 20px;
  line-height: 10px;
  text-align: left;
  color: #000; }
  .press-item__date__day {
    margin-right: 5px; }
  .press-item__date-month {
    margin-right: 5px; }
.press-item__title {
  font-size: 24px;
  line-height: 1.333; }
.press-item__categories {
  display: flex;
  gap: 14px;
  flex-wrap: wrap; }
  .press-item__categories .category {
    padding: 10px;
    background: #c4c5c7; }
.press-item--sticky {
  margin-bottom: 45px;
  background: #ebf2f3; }
  @media (min-width: 1200px) {
    .press-item--sticky {
      display: flex;
      flex-direction: row-reverse; } }
  @media (min-width: 1200px) {
    .press-item--sticky .press-item__image {
      flex-basis: 50%;
      margin-bottom: 0; } }
  .press-item--sticky .press-item__content {
    padding: 30px; }
    @media (min-width: 1200px) {
      .press-item--sticky .press-item__content {
        flex-basis: 50%;
        padding: 70px 90px; } }

.press-intro {
  background: #ebf2f3;
  position: relative;
  margin-bottom: 60px;
  padding: 30px; }
  @media (min-width: 1200px) {
    .press-intro {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 160px;
      flex-direction: row;
      padding-top: 70px;
      padding-bottom: 120px; } }
  .press-intro h1 {
    font-size: 40px;
    line-height: 42px;
    text-align: left;
    color: #206f9b;
    font-weight: 700; }
  .press-intro__content {
    font-size: 17px;
    font-weight: 500; }
    .press-intro__content .field__label {
      font-size: 20px;
      margin-bottom: 10px;
      font-weight: 700; }
      @media (min-width: 1674px) {
        .press-intro__content .field__label {
          font-size: 24px; } }
    .press-intro__content div:not([class]) {
      margin-bottom: 30px; }
  .press-intro .row {
    width: 100%; }
  .press-intro .col-xl-5 {
    position: relative; }
  @media (min-width: 1200px) {
    .press-intro__image {
      position: absolute;
      top: 112px; } }
  .press-intro .file--application-pdf {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.667 20'%3E%3Cpath fill='%23206f9b' d='M16.667 7.057h-4.76V0H4.76v7.057H0l8.333 8.234ZM0 17.646V20h16.667v-2.354Z'/%3E%3C/svg%3E%0A");
    background-size: 16.67px 20px;
    padding-left: 30px;
    font-size: 20px; }

#mapContainer {
  position: relative;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    #mapContainer {
      width: fit-content; } }
  @media (min-width: 1200px) {
    #mapContainer {
      margin-top: 0;
      margin-bottom: 0; } }
  #mapContainer img {
    opacity: 0.5;
    position: absolute; }
  #mapContainer svg {
    max-width: 100%; }

.map-markers {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0; }
  .map-markers .infos {
    width: calc(100vw - 40px);
    bottom: 100%;
    position: absolute;
    display: none;
    left: 13px;
    border: 1px solid #ff7d24;
    filter: drop-shadow(0px 13px 10px rgba(0, 0, 0, 0.1));
    background: white;
    padding: 12px 16px;
    border-radius: 5px; }
    @media (min-width: 480px) {
      .map-markers .infos {
        width: 385px; } }
    @media (min-width: 1200px) {
      .map-markers .infos {
        padding: 34px 40px; } }
    .map-markers .infos a {
      font-size: 20px;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 0.8rem; }
      @media (min-width: 1200px) {
        .map-markers .infos a {
          font-size: 25px; } }
      .map-markers .infos a:after {
        display: inline-block;
        inset: 0;
        z-index: 2;
        margin-left: 16px;
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.474 12.404'%3E%3Cpath fill='none' stroke='%23206f9b' stroke-width='2' d='M0 6.207h12.646m-5-5.5 5.424 5.427-5.424 5.573'/%3E%3C/svg%3E");
        width: 14.07px;
        height: 11px;
        background-repeat: no-repeat; }
    .map-markers .infos p {
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 0;
      color: #2b2b2b;
      max-width: initial !important; }
      @media (min-width: 1200px) {
        .map-markers .infos p {
          font-size: 16px; } }
    .map-markers .infos:after {
      display: block;
      position: absolute;
      content: '';
      top: 100%;
      pointer-events: none;
      transform: translateY(-50%) rotate(45deg) translateZ(0) skew(20deg, 20deg);
      transform-origin: center center;
      right: 0;
      left: 0;
      margin: auto;
      height: 30px;
      width: 30px;
      background: linear-gradient(-45deg, #fff 50%, transparent 0);
      border: inherit;
      border-width: 0 1px 1px 0;
      border-radius: 0 0 10px 0; }
  .map-markers .infos--mobile {
    left: 0; }
    .map-markers .infos--mobile::after {
      display: none; }
  .map-markers .infos--mobile.show {
    display: block; }

.marker {
  background: white;
  width: 26px;
  height: 26px;
  position: absolute;
  border-radius: 50%;
  isolation: isolate;
  z-index: 1;
  cursor: pointer;
  transition: all 250ms ease-in-out; }
  .marker .border {
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: -5px;
    left: -5px;
    border: 5px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%; }
  .marker[data-ambulance='true'] span.ambulance {
    pointer-events: none;
    position: absolute;
    left: 124%;
    top: 16.7%;
    width: 40px;
    height: 32.28px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 32.381' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23005f82' d='M17.913 2.677a.67.67 0 0 0 .669-.669V.669a.669.669 0 1 0-1.338 0v1.339a.67.67 0 0 0 .669.669m-3.312.98a.669.669 0 0 0 .946-.946l-.946-.948a.669.669 0 1 0-.946.946Zm6.151.197a.672.672 0 0 0 .474-.2l.946-.948a.669.669 0 1 0-.946-.946l-.948.946a.669.669 0 0 0 .474 1.143M5.866 25.433a3.346 3.346 0 1 0 3.346 3.346 3.35 3.35 0 0 0-3.346-3.346'/%3E%3Cpath fill='%23005f82' d='M37.992 6.693H19.921v-.669a2.008 2.008 0 1 0-4.016 0v.669h-.669a2.01 2.01 0 0 0-2.008 2.008v3.346H8.111a2 2 0 0 0-1.863 1.262l-2.226 5.564-2.807.936a2 2 0 0 0-1.372 1.907v5.728a2 2 0 0 0 1.4 1.9 4.618 4.618 0 0 1-.058-.564 4.685 4.685 0 1 1 9.37 0 4.609 4.609 0 0 1-.068.669h14.856a4.8 4.8 0 0 1-.067-.669 4.685 4.685 0 1 1 9.37 0 4.609 4.609 0 0 1-.068.669h3.415a2.01 2.01 0 0 0 2.008-2.008V8.701a2.01 2.01 0 0 0-2.008-2.008M13.229 18.74H5.516l1.976-4.934a.662.662 0 0 1 .62-.42h5.117Zm5.354-12.047h-1.34v-.669a.67.67 0 1 1 1.339 0ZM30.63 16.732a.67.67 0 0 1-.669.669h-2.008v2.008a.67.67 0 0 1-.669.669h-2.678a.67.67 0 0 1-.669-.669v-2.007h-2.008a.67.67 0 0 1-.669-.669v-2.678a.67.67 0 0 1 .669-.669h2.008v-2.008a.67.67 0 0 1 .669-.669h2.677a.67.67 0 0 1 .669.669v2.008h2.008a.67.67 0 0 1 .669.669Z'/%3E%3Cpath fill='%23005f82' d='M26.615 14.055v-2.008h-1.339v2.008a.67.67 0 0 1-.669.669h-2.008v1.339h2.008a.67.67 0 0 1 .669.669v2.008h1.339v-2.008a.67.67 0 0 1 .669-.669h2.008v-1.339h-2.008a.67.67 0 0 1-.669-.669m3.345 11.378a3.346 3.346 0 1 0 3.346 3.346 3.35 3.35 0 0 0-3.346-3.346'/%3E%3C/svg%3E"); }
  .marker::before, .marker::after {
    content: '';
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    inset: 0;
    opacity: 0;
    background: white;
    z-index: -1;
    mix-blend-mode: multiply;
    transition: transform 250ms ease-in-out; }
  .marker::after {
    transform: scale(2.7); }
  .marker .infos {
    transform: translate3d(-50%, -20%, 0); }
  .marker:hover, .marker.active {
    background-color: #ff7d24;
    filter: unset;
    z-index: 3; }
    .marker:hover::before, .marker:hover::after, .marker.active::before, .marker.active::after {
      opacity: 0.45; }
    .marker:hover::before, .marker.active::before {
      transform: scale(2.7); }
    .marker:hover::after, .marker.active::after {
      transform: scale(4.4); }
    .marker:hover .border, .marker.active .border {
      border: 5px solid white; }
  .marker.show .infos {
    display: block; }

@media (max-width: 1199px) {
  .col-xl-1.offset-xl-1 {
    order: -1; } }

.steps-navigation {
  margin-bottom: 30px; }
  @media (min-width: 1200px) {
    .steps-navigation {
      position: sticky;
      right: 0;
      top: 180px;
      margin-bottom: 0; } }
  .steps-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 27px; }
    @media (min-width: 1200px) {
      .steps-navigation ul {
        flex-direction: column;
        align-items: flex-end; } }
  .steps-navigation a {
    color: var(--blaze-orange);
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative; }
    .steps-navigation a::after {
      content: '';
      width: 0;
      height: 1px;
      background-color: var(--blaze-orange);
      transition: all 500ms ease-in-out; }
      @media (max-width: 1199px) {
        .steps-navigation a::after {
          position: absolute;
          bottom: -2px; } }
    .steps-navigation a.active::after {
      content: '';
      display: inline-block;
      width: 50px;
      background-color: var(--blaze-orange); }
      @media (max-width: 1199px) {
        .steps-navigation a.active::after {
          width: 100%; } }
    .steps-navigation a:hover::after {
      width: 50px; }

@media (min-width: 1200px) {
  .scrolled .steps-navigation {
    top: 280px; } }
@media (min-width: 1674px) {
  .scrolled .steps-navigation {
    top: 180px; } }

.step-panel {
  --main-color: var(--mine-shaft);
  position: relative;
  margin-bottom: 50px;
  position: relative; }
  .step-panel:first-child {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .step-panel:first-child {
        margin-top: 0; } }
  @media (min-width: 1200px) {
    .step-panel {
      margin-bottom: 200px;
      padding-top: 200px; } }
  @media (min-width: 1674px) {
    .step-panel {
      padding-top: 170px; } }
  @media (min-width: 1200px) {
    .step-panel h2 {
      font-size: 30px; } }
  @media (min-width: 1674px) {
    .step-panel h2 {
      font-size: 40px; } }

.step-panel__year {
  font-size: 50px;
  line-height: 1;
  font-weight: 900;
  color: transparent;
  opacity: 0.5;
  font-family: var(--font-sofia);
  display: block;
  -webkit-text-stroke: 2px var(--main-color);
  z-index: 2;
  display: block; }
  @media (min-width: 1200px) {
    .step-panel__year {
      font-size: 250px;
      position: absolute; } }
  @media (min-width: 1674px) {
    .step-panel__year {
      font-size: 300px; } }

.step-panel__month {
  font-size: 26px;
  font-weight: 500;
  color: #000;
  display: block;
  background-color: var(--main-color);
  display: inline-block;
  padding: 9px 10px;
  margin-bottom: 18px; }

.step-image {
  position: relative;
  width: fit-content; }
  .step-image video {
    max-width: 100%; }
  .step-image::after {
    width: 150px;
    height: 80px;
    content: '';
    position: absolute;
    content: '';
    pointer-events: none;
    background: var(--main-color);
    z-index: -1; }
    @media (min-width: 1200px) {
      .step-image::after {
        width: 300px;
        height: 300px; } }
  .step-image--top-right::after {
    top: -15px;
    right: -15px; }
    @media (min-width: 1200px) {
      .step-image--top-right::after {
        top: -30px;
        right: -30px; } }
  .step-image--bottom-right::after {
    bottom: -15px;
    right: -15px; }
    @media (min-width: 1200px) {
      .step-image--bottom-right::after {
        bottom: -30px;
        right: -30px; } }
  .step-image--bottom-left::after {
    bottom: -15px;
    left: -15px; }
    @media (min-width: 1200px) {
      .step-image--bottom-left::after {
        bottom: -30px;
        left: -30px; } }
  .step-image.step-floating-image::after {
    width: 100px;
    height: 100px; }
    @media (min-width: 1200px) {
      .step-image.step-floating-image::after {
        width: 198px;
        height: 198px; } }
  @media (min-width: 1200px) {
    .step-image::after {
      width: 150px;
      height: 150px; } }

.steps-page #block-vivalia2030-page-title,
.steps-page #block-vivalia2025-page-title {
  display: none; }
.steps-page .navigation-bottom {
  display: none; }

@media (min-width: 1200px) {
  .page-node-96 .step-panel {
    padding-top: 250px; } }
.page-node-96 .step-panel__year {
  top: 0;
  right: 0; }

@media (min-width: 1200px) {
  .page-node-97 .step-panel {
    padding-top: 170px; } }
@media (min-width: 1674px) {
  .page-node-97 .step-panel {
    padding-top: 230px; } }
.page-node-97 .step-panel__year {
  top: 0;
  left: 30%; }

.page-node-98 .step-panel__year {
  top: 7%;
  left: 40%; }
  @media (min-width: 1674px) {
    .page-node-98 .step-panel__year {
      top: -3%; } }
@media (min-width: 1200px) {
  .page-node-98 .step-panel.step-1 {
    margin-bottom: 120px; } }

.page-node-99 .step-panel__year {
  top: 0;
  left: 16%; }
  @media (min-width: 1200px) {
    .page-node-99 .step-panel__year {
      top: -7px; } }
  @media (min-width: 1674px) {
    .page-node-99 .step-panel__year {
      left: 14%; } }
@media (min-width: 1200px) {
  .page-node-99 .step-panel {
    padding-top: 160px; } }
.page-node-99 .step-panel.step-2 .step-panel__year {
  bottom: -200px;
  top: auto;
  left: 0; }
@media (min-width: 1200px) {
  .page-node-99 .step-panel.step-2 {
    padding-top: 40px; } }

@media (min-width: 1200px) {
  .page-node-100 .step-panel.step-1 {
    padding-top: 185px; } }
.page-node-100 .step-panel.step-1 .step-panel__year {
  top: 0;
  left: 42%; }
  @media (min-width: 1200px) {
    .page-node-100 .step-panel.step-1 .step-panel__year {
      top: 0; } }
@media (min-width: 1200px) {
  .page-node-100 .step-panel.step-2 {
    padding-top: 180px;
    margin-bottom: 370px; } }
.page-node-100 .step-panel.step-2 .step-panel__year {
  top: -10%;
  left: 18%; }
  @media (min-width: 1200px) {
    .page-node-100 .step-panel.step-2 .step-panel__year {
      top: -4%; } }
@media (min-width: 1200px) {
  .page-node-100 .step-panel.step-2 .step-floating-image {
    position: absolute;
    top: 507px;
    left: 21%; } }

@media (min-width: 1200px) {
  .page-node-101 .step-panel.step-1 {
    padding-top: 180px; } }
.page-node-101 .step-panel.step-1 .step-panel__year {
  top: 0;
  left: 42%; }
@media (min-width: 1200px) {
  .page-node-101 .step-panel.step-2 {
    padding-top: 170px; } }
.page-node-101 .step-panel.step-2 .step-panel__year {
  top: 0%;
  left: 6%; }
@media (min-width: 1200px) {
  .page-node-101 .step-panel.step-3 {
    padding-top: 140px;
    margin-bottom: 330px; } }
@media (min-width: 1674px) {
  .page-node-101 .step-panel.step-3 {
    margin-bottom: 280px;
    padding-top: 145px; } }
.page-node-101 .step-panel.step-3 .step-panel__year {
  top: -7%;
  left: 40%;
  z-index: 0; }
@media (min-width: 1200px) {
  .page-node-101 .step-panel.step-3 .step-image {
    position: absolute;
    top: 572px;
    left: 40%; } }

.page-node-102 .step-panel.step-1 {
  padding-top: 60px; }
  @media (min-width: 1674px) {
    .page-node-102 .step-panel.step-1 {
      padding-top: 100px; } }
  .page-node-102 .step-panel.step-1 .step-panel__year {
    bottom: -75px;
    left: 0; }
@media (min-width: 1200px) {
  .page-node-102 .step-panel.step-2 {
    margin-bottom: 290px; } }
@media (min-width: 1674px) {
  .page-node-102 .step-panel.step-2 {
    padding-top: 215px; } }
.page-node-102 .step-panel.step-2 .step-panel__year {
  top: -65px;
  left: 40%;
  z-index: -1; }
  @media (min-width: 1200px) {
    .page-node-102 .step-panel.step-2 .step-panel__year {
      top: -65px;
      top: -35px; } }
  @media (min-width: 1674px) {
    .page-node-102 .step-panel.step-2 .step-panel__year {
      top: -50px; } }
@media (min-width: 1200px) {
  .page-node-102 .step-panel.step-2 .step-floating-image {
    position: absolute;
    transform: translateY(-40px);
    left: 31%; } }

.page-node-103 .step-panel.step-1 {
  padding-top: 60px; }
  @media (min-width: 1674px) {
    .page-node-103 .step-panel.step-1 {
      padding-top: 100px; } }
  .page-node-103 .step-panel.step-1 .step-panel__year {
    bottom: -70px;
    left: 60%; }

.page-node-104 .step-panel.step-1 .step-panel__year {
  top: 0;
  left: 40%; }
@media (min-width: 1200px) {
  .page-node-104 .step-panel.step-2 {
    padding-top: 30px; } }
.page-node-104 .step-panel.step-2 .step-panel__year {
  bottom: -100px;
  left: 0; }
.page-node-104 .step-panel.step-3 {
  padding-top: 240px; }
  .page-node-104 .step-panel.step-3 .step-panel__year {
    top: 0;
    left: 20%; }
    @media (min-width: 1200px) {
      .page-node-104 .step-panel.step-3 .step-panel__year {
        transform: translateY(5%); } }

@media (min-width: 1674px) {
  .page-node-109 .step-panel.step-1 {
    padding-top: 190px; } }
.page-node-109 .step-panel.step-1 .step-panel__year {
  top: -25px;
  left: 40%; }
@media (min-width: 1200px) {
  .page-node-109 .step-2024__content {
    padding-top: 5rem; } }

/* -----------------------------------------------------
   Pages
   ----------------------------------------------------- */
.section-home--intro {
  padding-top: 230px; }
  @media (min-width: 1200px) {
    .section-home--intro {
      padding-top: 300px; } }
  .section-home--intro .container {
    position: relative; }
  .section-home--intro .home-intro__content {
    position: relative; }
    .section-home--intro .home-intro__content h2 {
      font-size: 33px;
      letter-spacing: 0.01em;
      line-height: 1.18;
      color: var(--prussian-blue);
      font-weight: 400;
      margin-bottom: 48px;
      text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.92); }
      @media (min-width: 1200px) {
        .section-home--intro .home-intro__content h2 {
          font-size: 50px; } }
      @media (min-width: 1674px) {
        .section-home--intro .home-intro__content h2 {
          font-size: 60px; } }
  @media (min-width: 1200px) {
    .section-home--intro .col-xxl-5 {
      left: 0;
      top: 0;
      bottom: 0;
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; } }
  .section-home--intro .col-xxl-5 svg {
    position: absolute;
    left: calc(-8.3333% + 30px);
    top: 0;
    transform: translate3d(-50%, -100%, 0);
    opacity: 0.5;
    width: 120px; }
    @media (min-width: 1200px) {
      .section-home--intro .col-xxl-5 svg {
        width: auto; } }
  .section-home--intro img {
    object-fit: cover; }
    @media (max-width: 1199px) {
      .section-home--intro img {
        margin-top: 40px;
        position: relative;
        right: 50%;
        left: 50%;
        width: 100vw;
        max-width: 100vw;
        margin-right: -50vw;
        margin-left: -50vw; } }
  @media (min-width: 1200px) {
    .section-home--intro {
      padding-top: 0;
      margin-bottom: 115px; }
      .section-home--intro img {
        height: 100vh; } }

.btn-scroll {
  position: absolute;
  bottom: 54px;
  right: 0;
  z-index: 2;
  background: var(--spray);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-iteration-count: 5;
  display: none; }
  @media (min-width: 1200px) {
    .btn-scroll {
      left: 0;
      display: flex; } }

@keyframes bounce {
  50% {
    opacity: 0.9;
    transform: translateY(-15px); } }
.section-home--vote {
  background-color: #121d26;
  background-image: url(../img/bg_home-vote.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 450px; }
  .section-home--vote h1,
  .section-home--vote h2 {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    max-width: 24ch; }
    @media (min-width: 1200px) {
      .section-home--vote h1,
      .section-home--vote h2 {
        font-size: 55px; } }
  .section-home--vote p {
    color: #fff;
    font-size: 20px; }
    @media (min-width: 1200px) {
      .section-home--vote p {
        font-size: 24px; } }

.section-home--map {
  padding: 45px 0; }
  @media (min-width: 1200px) {
    .section-home--map {
      padding: 115px 0; } }
  .section-home--map h2 {
    margin-bottom: 24px; }
  .section-home--map .row > div:first-child h2 {
    max-width: 19ch; }
  .section-home--map .row > div:first-child p {
    max-width: 32ch; }
  .section-home--map .align-self-end {
    text-align: right; }

.section-home--large-cta {
  background: linear-gradient(rgba(9, 46, 67, 0.3), rgba(9, 46, 67, 0.3)), url("../img/bg_large-cta.jpg") center/cover;
  background-size: cover;
  margin-bottom: 60px;
  overflow-x: clip;
  background-attachment: fixed; }
  @media (min-width: 1200px) {
    .section-home--large-cta {
      margin-bottom: 120px; } }
  .section-home--large-cta h1 {
    text-align: center;
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);
    line-height: 68px;
    margin: 200px 0;
    position: relative; }
    @media (min-width: 1200px) {
      .section-home--large-cta h1 {
        margin: 300px 0; } }
    .section-home--large-cta h1::after {
      content: '';
      width: 140px;
      height: 96px;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      transform: translate3d(25%, -65%, 0);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 275.886 216.733'%3E%3Cpath fill='none' stroke='%23fff' d='M118.897 183.016c25.973 6.029 114.478-15.354 139.166-88.125a209.767 209.767 0 0 0 10.2-52.952c-66.788-.447-149.147 17.28-173.092 101.794-4.929 15.273-2.248 33.235 23.726 39.283m-50.621-54.275c13.263-8.266 41.089-53.819 21.157-94.217a122.971 122.971 0 0 0-17.72-26.18c-27.87 27.504-54.664 68.99-29.557 113.949 4.288 8.373 12.847 14.708 26.119 6.449'/%3E%3C/svg%3E");
      background-repeat: no-repeat; }
      @media (min-width: 1200px) {
        .section-home--large-cta h1::after {
          width: 275px;
          height: 216px; } }
  .section-home--large-cta h1 span {
    font-weight: 700;
    font-size: 40px;
    display: block;
    letter-spacing: -0.01em;
    line-height: 57px; }

.section-home--future .gallery {
  margin-top: 36px;
  margin-bottom: 130px; }

.section-home--steps {
  margin-bottom: 67px; }
  .section-home--steps h1 {
    margin-bottom: 30px; }

.steps {
  margin-bottom: 37px;
  display: grid;
  grid-template-columns: 1fr; }
  .steps img {
    height: 644px;
    object-fit: cover; }
    @media (min-width: 1200px) {
      .steps img {
        height: auto; } }

.step-item {
  position: relative;
  grid-row-start: 1;
  grid-column-start: 1;
  opacity: 0;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.13);
  overflow: hidden;
  pointer-events: none;
  transform: scale(0.9);
  transition: all 0.75s ease-in-out; }
  .step-item.active {
    opacity: 1;
    transform: scale(1);
    pointer-events: all; }
    .step-item.active .step-item__content {
      opacity: 1;
      transform: translateX(0); }
  .step-item__content {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    background: white;
    padding: 20px;
    width: 80%;
    opacity: 0;
    transform: translateX(-100%);
    transition: all 0.5s 0.2s ease-in-out; }
    @media (min-width: 1200px) {
      .step-item__content {
        width: auto;
        top: 50px;
        left: 50px;
        padding: 50px; } }
    .step-item__content p {
      max-width: 40ch;
      font-size: 16px; }
      @media (min-width: 1200px) {
        .step-item__content p {
          max-width: 50ch;
          font-size: 20px; } }
  .step-item__date {
    text-transform: uppercase;
    color: var(--color-accent);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.416;
    margin: 0; }

.steps-navs {
  position: relative; }
  .steps-navs::before {
    border-bottom: 1px solid var(--blaze-orange);
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 1px;
    bottom: 19px;
    left: 0;
    display: block;
    content: ''; }
  .steps-navs::after {
    position: absolute;
    z-index: 3;
    width: 30px;
    height: 1px;
    bottom: 19px;
    right: 0;
    display: block;
    content: '';
    background-image: linear-gradient(to right, white 33%, transparent 0%);
    background-position: bottom;
    background-size: 14px 1px;
    background-repeat: repeat-x; }

.steps-nav-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 20px;
  scrollbar-color: var(--blaze-orange) transparent;
  scrollbar-width: thin; }
  .steps-nav-wrapper::-webkit-scrollbar {
    height: 8px; }
  .steps-nav-wrapper::-webkit-scrollbar-thumb {
    background: var(--blaze-orange); }
  .steps-nav-wrapper::-webkit-scrollbar-thumb:hover {
    background: #ff5733; }

.steps-nav {
  display: flex;
  position: relative;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
  gap: 60px; }

.step-btn {
  text-align: center;
  position: relative;
  appearance: none;
  background: transparent;
  border: 0; }
  .step-btn::after {
    content: '';
    width: 1px;
    background-color: var(--blaze-orange);
    position: relative;
    display: block;
    margin: auto;
    height: 50px; }
  .step-btn__month {
    text-transform: uppercase;
    display: block;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.1875;
    color: var(--blaze-orange); }
  .step-btn__year {
    text-transform: uppercase;
    display: block;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--blaze-orange);
    transition: color 250ms ease-in-out; }
  .step-btn:hover .step-btn__year, .step-btn.active .step-btn__year {
    color: var(--blaze-orange); }

.section-home--faq {
  background-image: url("../img/bg_faq.png"), linear-gradient(rgba(60, 184, 227, 0.2) 0%, rgba(194, 230, 200, 0.2) 100%);
  background-position: bottom, top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 70px;
  padding-bottom: 370px;
  margin-bottom: 120px; }
  @media (min-width: 1200px) {
    .section-home--faq {
      padding-top: 124px;
      padding-bottom: 647px; } }

.swiper-faq .swiper-slide {
  height: auto;
  display: grid;
  grid-template-rows: 70px auto; }
.swiper-faq .swiper-button-prev,
.swiper-faq .swiper-button-next {
  opacity: 1;
  bottom: -60px;
  top: initial;
  left: initial;
  right: 0;
  margin-top: 0;
  width: auto;
  height: auto;
  border-radius: 50px;
  background-color: var(--color-accent);
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
  padding: 14px 20px;
  font-size: 15px;
  transition: all 250ms;
  cursor: pointer; }
  .swiper-faq .swiper-button-prev::before, .swiper-faq .swiper-button-prev::after,
  .swiper-faq .swiper-button-next::before,
  .swiper-faq .swiper-button-next::after {
    position: relative;
    left: initial;
    right: initial;
    display: inline-block; }
  .swiper-faq .swiper-button-prev:hover,
  .swiper-faq .swiper-button-next:hover {
    background-color: #175171; }
  .swiper-faq .swiper-button-prev.swiper-button-disabled,
  .swiper-faq .swiper-button-next.swiper-button-disabled {
    background-color: #757575; }
.swiper-faq .swiper-button-prev {
  right: 140px; }
  .swiper-faq .swiper-button-prev::after {
    display: none; }
  .swiper-faq .swiper-button-prev::before {
    margin-right: 5px;
    content: '';
    width: 14.472px;
    height: 12.404px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.474 12.404'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M14.473 6.207H1.827m5.001-5.5L1.404 6.134l5.424 5.573'/%3E%3C/svg%3E"); }
.swiper-faq .swiper-button-next::after {
  margin-left: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.474 12.404'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M0 6.207h12.646m-5-5.5 5.424 5.427-5.424 5.573'/%3E%3C/svg%3E"); }

.section-home--news {
  margin-bottom: 160px; }

.section-home--agenda {
  margin-bottom: 60px; }
  @media (min-width: 1200px) {
    .section-home--agenda {
      margin-bottom: 130px; } }
  .section-home--agenda .row {
    position: relative;
    margin-bottom: 23px; }
  @media (min-width: 1200px) {
    .section-home--agenda h1 {
      position: absolute;
      bottom: 0;
      transform: rotate(-90deg) translateY(100%);
      transform-origin: left bottom;
      margin-bottom: 0; } }
  .section-home--agenda .col-xl-5 {
    position: relative; }
    .section-home--agenda .col-xl-5 svg {
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      opacity: 0.5;
      transform: translate3d(-45%, -55%, 0);
      display: none; }
      @media (min-width: 1200px) {
        .section-home--agenda .col-xl-5 svg {
          display: block; } }
  .section-home--agenda .event-item {
    margin-bottom: 40px; }
    @media (min-width: 1200px) {
      .section-home--agenda .event-item {
        margin-bottom: 0; } }

.section-home--ctas {
  overflow-x: clip;
  margin-bottom: 91px; }
  @media (min-width: 1200px) {
    .section-home--ctas {
      margin-bottom: 182px; } }

.ctas {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: 100px; }
  @media (min-width: 1200px) {
    .ctas {
      gap: 30px;
      flex-direction: row; } }
  .ctas svg {
    position: absolute;
    pointer-events: none;
    right: 0;
    top: -118px;
    z-index: 2;
    transform: translateX(50%);
    opacity: 0.5;
    display: none; }
    @media (min-width: 1200px) {
      .ctas svg {
        display: block; } }

.cta-item {
  position: relative; }
  .cta-item__img {
    overflow: hidden; }
  .cta-item img {
    transition: transform 500ms ease-in-out; }
  .cta-item span {
    position: absolute;
    width: 80%;
    bottom: 0;
    z-index: 2;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.16);
    display: block;
    text-align: center;
    color: #121d26;
    font-weight: 700;
    font-size: 24px;
    padding: 36px 0;
    line-height: 36px;
    transform: translateY(50%); }
    .cta-item span::after {
      transition: transform 300ms ease-in-out;
      position: relative;
      content: '';
      display: inline-block;
      width: 14px;
      height: 11px;
      margin-left: 20px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.474 12.404'%3E%3Cg fill='none' stroke='%23206f9b' stroke-width='2'%3E%3Cpath d='M0 6.207h13.646M8.646.707l5.424 5.427-5.424 5.573'/%3E%3C/g%3E%3C/svg%3E"); }
  @media (min-width: 1200px) {
    .cta-item:nth-child(odd) {
      transform: translateY(50px); } }
  .cta-item:hover img {
    transform: scale(1.05); }
  .cta-item:hover span::after {
    transform: translateX(5px); }

body:not(.page-with-image-header):not(.path-frontpage):not(.page-node-4) {
  padding-top: 180px; }
  @media (min-width: 1200px) {
    body:not(.page-with-image-header):not(.path-frontpage):not(.page-node-4) {
      padding-top: 180px; } }

body.user-logged-in .featured-top {
  padding-top: 180px; }
  @media (min-width: 1200px) {
    body.user-logged-in .featured-top {
      padding-top: 180px; } }

.page-user-login #main-wrapper {
  padding-top: 0 !important; }

#main-wrapper {
  overflow-x: clip; }

.page-node-4 h1,
.page-with-image-header h1 {
  color: #fff;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
  top: 400px; }
  @media (min-width: 1200px) {
    .page-node-4 h1,
    .page-with-image-header h1 {
      top: 535px; } }
  @media (min-width: 1674px) {
    .page-node-4 h1,
    .page-with-image-header h1 {
      top: 735px; } }

.page-with-image-header #content {
  overflow: visible; }

.page-node-4 .node__content .field--name-body .hero,
.page-with-image-header .node__content .field--name-body .hero {
  background-repeat: no-repeat;
  object-fit: cover;
  position: relative;
  margin-bottom: 30px;
  margin-top: -71px;
  z-index: -1;
  height: 503px; }
  .page-node-4 .node__content .field--name-body .hero::before,
  .page-with-image-header .node__content .field--name-body .hero::before {
    content: '';
    position: absolute;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover; }
  .page-node-4 .node__content .field--name-body .hero img,
  .page-with-image-header .node__content .field--name-body .hero img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  @media (max-width: 1199px) {
    .page-node-4 .node__content .field--name-body .hero,
    .page-with-image-header .node__content .field--name-body .hero {
      right: 50%;
      left: 50%;
      width: 100vw;
      margin-right: -50vw;
      margin-left: -50vw; } }
  @media (min-width: 1200px) {
    .page-node-4 .node__content .field--name-body .hero,
    .page-with-image-header .node__content .field--name-body .hero {
      height: 663px;
      width: calc((100vw - var(--container)) / 2 + var(--container));
      left: calc((100vw - var(--container)) / 2 * -1 - var(--bs-gutter-x)); } }
  @media (min-width: 1674px) {
    .page-node-4 .node__content .field--name-body .hero,
    .page-with-image-header .node__content .field--name-body .hero {
      height: 863px; } }
  @media (min-width: 1921px) {
    .page-node-4 .node__content .field--name-body .hero,
    .page-with-image-header .node__content .field--name-body .hero {
      width: calc((100vw - var(--container)) / 2 + var(--container));
      left: calc((100vw - var(--container)) / 2 * -1 - var(--bs-gutter-x)); } }

/* -----------------------------------------------------
    Objectifs
   ----------------------------------------------------- */
/* -----------------------------------------------------
    Presentation
   ----------------------------------------------------- */
.presentation-map {
  margin-bottom: 30px; }

.presentation-map .wp-block-embed__wrapper {
  max-height: 790px; }

/* -----------------------------------------------------
    FAQ
   ----------------------------------------------------- */
.faq {
  background-image: linear-gradient(rgba(60, 184, 227, 0.2) 0%, rgba(194, 230, 200, 0.2) 100%); }
  .faq main {
    background-image: url("../img/bg_faq.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 250px; }
    @media (min-width: 1200px) {
      .faq main {
        padding-bottom: 450px; } }

/* -----------------------------------------------------
    News
   ----------------------------------------------------- */
@media (min-width: 1200px) {
  .news .news-listing {
    grid-template-columns: repeat(3, 1fr); } }

.infrastructure .hero,
.objectifs .hero {
  margin-bottom: 0; }

/* -----------------------------------------------------
    Search
   ----------------------------------------------------- */
@media (min-width: 1200px) {
  #search-api-form .flex-fields {
    display: flex;
    gap: 20px; }
    #search-api-form .flex-fields > * {
      flex: 1 0 auto; }
    #search-api-form .flex-fields .checkbox {
      display: flex;
      gap: 13px; }
  #search-api-form > div:first-of-type {
    width: 100%; } }
#search-api-form .form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem; }
#search-api-form .form-check .form-check-input {
  float: left;
  margin-left: -1.5em; }
#search-api-form .form-check-input {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-print-color-adjust: exact;
  color-adjust: exact; }
#search-api-form .form-actions {
  text-align: end; }

@media (min-width: 1200px) {
  .path-recherche .main-content #block-vivalia2025-content .content,
  .path-recherche .main-content #block-vivalia2030-content .content {
    padding-left: 8.33333%; } }

#map-vivalia2025,
#map-vivalia2030 {
  margin-bottom: 34px; }
  #map-vivalia2025.size-full,
  #map-vivalia2030.size-full {
    height: 100%; }
  @media (min-width: 1674px) {
    #map-vivalia2025:not(.size-full),
    #map-vivalia2030:not(.size-full) {
      height: 790px !important; } }

#MapCSP g {
  pointer-events: bounding-box; }
#MapCSP .marker-center:hover .marker-text {
  opacity: 1; }
#MapCSP .marker-text div {
  transition: opacity 250ms ease-in-out;
  background: white;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  padding: 4px 0;
  font-weight: bold; }

/* ------------------------------------------------------
    page-node-109 - page étape 2024
   ----------------------------------------------------- */
.page-node-109 .step-panel.step-2 .step-panel__year {
  top: -150px; }
.page-node-109 .step-panel.step-2 .step-image--bottom-left {
  position: relative;
  transform: translateY(40px); }
  @media (min-width: 990px) {
    .page-node-109 .step-panel.step-2 .step-image--bottom-left {
      left: 31%; } }

/* ------------------------------------------------------
    page-node-116- page étape 2025
   ----------------------------------------------------- */
.page-node-116 .step-panel.step-1 .step-panel__year {
  bottom: -150px;
  left: -40px; }

.contact-intro {
  margin-bottom: 40px;
  display: grid;
  flex-direction: column; }
  .contact-intro img {
    width: 100%; }
  .contact-intro strong {
    font-weight: 700; }
  @media (min-width: 1200px) {
    .contact-intro {
      grid-template-columns: 4fr 6fr;
      gap: 30px;
      align-items: center;
      margin-bottom: 80px; } }
  .contact-intro__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: #ebf2f3;
    position: relative;
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 40px; }
    @media (min-width: 1200px) {
      .contact-intro__content {
        height: calc(100% - 90px); }
        .contact-intro__content::before {
          content: '';
          width: 30px;
          position: absolute;
          background: #ebf2f3;
          left: -30px;
          top: 0;
          bottom: 0; } }

.centers {
  margin-bottom: 40px;
  display: grid;
  gap: 30px; }
  @media (min-width: 768px) {
    .centers {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 1200px) {
    .centers {
      margin-bottom: 80px;
      grid-template-columns: repeat(5, 1fr); } }
  @media (min-width: 1440px) {
    .centers {
      padding-left: 8.333333%;
      padding-right: 8.333333%; } }

.center {
  padding: 35px 33px;
  background: white;
  filter: drop-shadow(0px 3px 14px rgba(0, 0, 0, 0.16));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 20px; }
  @media (min-width: 1200px) {
    .center {
      align-items: flex-start;
      text-align: left;
      height: 100%;
      margin-bottom: 0; } }
  .center h4 {
    font-weight: 600;
    max-width: 14ch; }
  .center h4 strong {
    font-weight: 800; }

.form-contact {
  background: #f2fcfe;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 1200px) {
    .form-contact {
      padding-left: 8.333333%;
      padding-right: 8.333333%; } }
  @media (min-width: 1200px) {
    .form-contact .webform-submission-contact-form {
      flex: 0 0 auto;
      width: 66.66666667%;
      margin-left: auto;
      margin-right: auto; } }
  .form-contact h2,
  .form-contact p {
    text-align: center; }
  .form-contact p {
    max-width: 40ch;
    margin: 0 auto;
    margin-bottom: 70px; }
    @media (min-width: 1200px) {
      .form-contact p {
        max-width: 52ch; } }
  .form-contact .btn-primary {
    margin: 0 auto;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    display: block; }

main .form-contact .row + .row {
  margin-top: 0; }

.consultation-populaire-nom {
  background-color: #002034;
  background-image: url("../img/background-schema.png");
  background-attachment: fixed;
  /* Styles avant l'apparition */
  /* Styles après l'apparition */
  /******************** page merci ********************/ }
  .consultation-populaire-nom .ytp-gradient-top, .consultation-populaire-nom .ytp-gradient-top {
    display: none !important; }
  .consultation-populaire-nom .gradient {
    position: absolute;
    width: 1400px;
    height: 1400px;
    border-radius: 50%;
    z-index: -1; }
  .consultation-populaire-nom .gradient-right {
    background: radial-gradient(circle, rgba(239, 188, 213, 0.65) 0%, rgba(239, 188, 213, 0.5) 10%, rgba(239, 188, 213, 0) 50%, rgba(239, 188, 213, 0) 100%);
    top: -20%;
    right: -45%; }
  .consultation-populaire-nom .gradient-left {
    background: radial-gradient(circle, rgba(194, 230, 200, 0.6) 0%, rgba(194, 230, 200, 0) 50%, rgba(194, 230, 200, 0) 100%);
    top: -26%;
    left: -30%; }
  .consultation-populaire-nom .gradient-bottom-left {
    background: radial-gradient(circle, rgba(239, 188, 213, 0.65) 0%, rgba(239, 188, 213, 0.5) 10%, rgba(239, 188, 213, 0) 50%, rgba(239, 188, 213, 0) 100%);
    top: 45%;
    left: -50%; }
  .consultation-populaire-nom .gradient-bottom-right {
    background: radial-gradient(circle, rgba(194, 230, 200, 0.4) 0%, rgba(194, 230, 200, 0) 50%, rgba(194, 230, 200, 0) 100%);
    top: 65%;
    right: -55%; }
  .consultation-populaire-nom .logo-desktop path {
    fill: #fff; }
    .consultation-populaire-nom .logo-desktop path:nth-of-type(2) {
      fill: rgba(255, 255, 255, 0.5); }
  .consultation-populaire-nom h1, .consultation-populaire-nom h2 {
    font-size: 36px; }
    @media (min-width: 760px) {
      .consultation-populaire-nom h1, .consultation-populaire-nom h2 {
        font-size: 40px; } }
    @media (min-width: 1440px) {
      .consultation-populaire-nom h1, .consultation-populaire-nom h2 {
        font-size: 48px; } }
    @media (min-width: 1800px) {
      .consultation-populaire-nom h1, .consultation-populaire-nom h2 {
        font-size: 60px; } }
  .consultation-populaire-nom .white-title {
    color: #ffffff; }
  .consultation-populaire-nom .text-3 {
    color: inherit;
    font-weight: 900;
    position: relative;
    top: 5px; }
  .consultation-populaire-nom .intro-consultation div h1, .consultation-populaire-nom .intro-consultation div h2, .consultation-populaire-nom .intro-consultation div button {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s; }
    .consultation-populaire-nom .intro-consultation div h1.intro-visible, .consultation-populaire-nom .intro-consultation div h2.intro-visible, .consultation-populaire-nom .intro-consultation div button.intro-visible {
      opacity: 1;
      transform: translateX(0); }
  .consultation-populaire-nom .intro-consultation h1, .consultation-populaire-nom .intro-consultation h2 {
    color: #ffffff;
    margin-bottom: 0; }
  .consultation-populaire-nom .intro-consultation h2 {
    margin: 10px 0 55px 0;
    font-weight: 200; }
    .consultation-populaire-nom .intro-consultation h2 div {
      display: inline-block;
      overflow: hidden;
      white-space: nowrap; }
      .consultation-populaire-nom .intro-consultation h2 div:first-of-type {
        opacity: 0;
        animation: showup 9s 1 forwards;
        animation-delay: 1.5s; }
      .consultation-populaire-nom .intro-consultation h2 div:last-of-type {
        width: 0px;
        animation: reveal 9s 1 forwards;
        animation-delay: 1.5s; }
        .consultation-populaire-nom .intro-consultation h2 div:last-of-type span {
          margin-left: -355px;
          animation: slidein 9s 1 forwards;
          animation-delay: 1s; }
    .consultation-populaire-nom .intro-consultation h2.trigger-animations {
      line-height: 75px; }
      .consultation-populaire-nom .intro-consultation h2.trigger-animations div:first-of-type {
        animation-delay: 0s;
        line-height: 75px; }
      .consultation-populaire-nom .intro-consultation h2.trigger-animations div:last-of-type {
        animation-delay: 0s;
        line-height: 75px; }
        .consultation-populaire-nom .intro-consultation h2.trigger-animations div:last-of-type span {
          animation-delay: 0s;
          line-height: 75px; }
  .consultation-populaire-nom .btn-primary {
    background-color: #FFEF9F;
    color: #002034;
    text-transform: uppercase;
    padding: 25px;
    padding-right: 50px;
    position: relative;
    will-change: transform;
    overflow: hidden;
    border: none;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease; }
    .consultation-populaire-nom .btn-primary:before {
      content: '';
      display: block;
      background: #ffffff;
      position: absolute;
      width: 200%;
      height: 500%;
      border-radius: 100%;
      transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
      transform: translate(30%, 10%) translateZ(0);
      z-index: 0; }
    .consultation-populaire-nom .btn-primary:hover:before {
      transform: translate(-45%, -34%) translateZ(0); }
    .consultation-populaire-nom .btn-primary:hover, .consultation-populaire-nom .btn-primary:focus {
      color: #fff;
      /* Change la couleur du texte au survol */
      outline: none;
      /* Retire les bordures sur focus */
      background-color: #FFEF9F; }
    .consultation-populaire-nom .btn-primary .pseudo-text {
      position: relative;
      color: #000;
      z-index: 1;
      /* Assure que le texte reste visible par-dessus l'effet */ }
    .consultation-populaire-nom .btn-primary:after {
      content: "";
      display: inline-block;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.404" height="15.474" viewBox="0 0 12.404 15.474"><g id="Groupe_250" data-name="Groupe 250" transform="translate(24.697 -11) rotate(90)"><g id="Groupe_144" data-name="Groupe 144" transform="translate(11 13)"><path id="Tracé_75" data-name="Tracé 75" d="M5.354,0H19" transform="translate(-5.354 5.5)" fill="none" stroke="%23012134" stroke-width="2"/><path id="Tracé_74" data-name="Tracé 74" d="M0,0,5.424,5.427,0,11" transform="translate(8.646)" fill="none" stroke="%23012134" stroke-width="2"/></g></g></svg>');
      background-size: contain;
      background-repeat: no-repeat;
      width: 15px;
      height: 13px;
      transition: .2s;
      transform-origin: 50% 60%;
      margin: 2px 0 0 10px;
      position: absolute;
      top: 38%;
      right: 10%; }
    .consultation-populaire-nom .btn-primary:hover:after {
      -webkit-animation: bouncer .5s alternate ease 5;
      animation: bouncer .5s alternate ease 5; }
  .consultation-populaire-nom .btn {
    color: #002034;
    transition: all 0.2s; }
    .consultation-populaire-nom .btn:hover, .consultation-populaire-nom .btn:focus {
      border-color: #3CB8E3;
      color: #002034; }
  .consultation-populaire-nom .raise {
    padding-right: 40px;
    position: relative;
    /*  &:hover,
      &:focus {
        box-shadow: 0px 15px 25px -10px #8ba8ba;
        transform: translateY(-0.25em);
      }*/ }
  .consultation-populaire-nom .wp-block-embed-youtube {
    border-radius: 20px;
    overflow: hidden;
    margin: 30px 0; }
    @media (min-width: 1180px) {
      .consultation-populaire-nom .wp-block-embed-youtube {
        border-radius: 30px; } }
    .consultation-populaire-nom .wp-block-embed-youtube::after, .consultation-populaire-nom .wp-block-embed-youtube::before {
      display: none; }
  .consultation-populaire-nom .consultation-description__center h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 600; }
    @media (min-width: 760px) {
      .consultation-populaire-nom .consultation-description__center h2 {
        font-size: 40px; } }
    @media (min-width: 990px) {
      .consultation-populaire-nom .consultation-description__center h2 {
        font-size: 42px; } }
    @media (min-width: 1440px) {
      .consultation-populaire-nom .consultation-description__center h2 {
        font-size: 49px; } }
    @media (min-width: 1800px) {
      .consultation-populaire-nom .consultation-description__center h2 {
        font-size: 50px; } }
  .consultation-populaire-nom .consultation-description__center p {
    color: #ffffff;
    font-size: 18px; }
    @media (min-width: 1800px) {
      .consultation-populaire-nom .consultation-description__center p {
        font-size: 20px; } }
    .consultation-populaire-nom .consultation-description__center p.highlight {
      font-size: 22px; }
      @media (min-width: 1800px) {
        .consultation-populaire-nom .consultation-description__center p.highlight {
          font-size: 26px; } }
  .consultation-populaire-nom .consultation-description img {
    max-width: 100%;
    height: auto; }
    @media (max-width: 990px) {
      .consultation-populaire-nom .consultation-description img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; } }
  @media (min-width: 1180px) {
    .consultation-populaire-nom .consultation-description__left {
      will-change: transform;
      /* Optimisation pour le parallaxe */
      transition: transform 1.3s ease-out;
      /* Lissage optionnel */
      position: relative;
      top: -30px; } }
  .consultation-populaire-nom .consultation-description__left .wp-block-image {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 20px; }
    @media (min-width: 767px) {
      .consultation-populaire-nom .consultation-description__left .wp-block-image {
        width: auto;
        height: 350px; } }
    @media (min-width: 990px) {
      .consultation-populaire-nom .consultation-description__left .wp-block-image {
        width: auto;
        height: 290px; } }
    @media (min-width: 1180px) {
      .consultation-populaire-nom .consultation-description__left .wp-block-image {
        border-radius: 30px;
        width: 200px;
        height: 278px;
        float: right; } }
    @media (min-width: 1400px) {
      .consultation-populaire-nom .consultation-description__left .wp-block-image {
        width: 280px;
        height: 390px;
        float: none; } }
    @media (min-width: 1800px) {
      .consultation-populaire-nom .consultation-description__left .wp-block-image {
        width: 315px;
        height: 439px; } }
    .consultation-populaire-nom .consultation-description__left .wp-block-image img {
      width: 100%;
      /* L'image s'adapte à la largeur du conteneur */
      height: auto;
      /* Garde les proportions de l'image */
      transition: transform 5s ease 0.5s;
      /* Animation fluide pour le zoom */ }
  .consultation-populaire-nom .consultation-description__right {
    text-align: right; }
    @media (min-width: 990px) {
      .consultation-populaire-nom .consultation-description__right {
        will-change: transform;
        /* Optimisation pour le parallaxe */
        transition: transform 1.3s ease-out;
        /* Lissage optionnel */
        position: relative;
        top: 150px; } }
    .consultation-populaire-nom .consultation-description__right .wp-block-image {
      width: 100%;
      height: 300px;
      overflow: hidden;
      /* Masque l'image dépassant le cadre */
      position: relative;
      /* Nécessaire pour le positionnement absolu de l'image */
      border-radius: 20px; }
      @media (min-width: 767px) {
        .consultation-populaire-nom .consultation-description__right .wp-block-image {
          width: auto;
          height: 350px; } }
      @media (min-width: 990px) {
        .consultation-populaire-nom .consultation-description__right .wp-block-image {
          width: auto;
          height: 267px; } }
      @media (min-width: 1180px) {
        .consultation-populaire-nom .consultation-description__right .wp-block-image {
          border-radius: 30px;
          width: 200px;
          height: 255px; } }
      @media (min-width: 1400px) {
        .consultation-populaire-nom .consultation-description__right .wp-block-image {
          width: 280px;
          height: 350px; } }
      @media (min-width: 1800px) {
        .consultation-populaire-nom .consultation-description__right .wp-block-image {
          width: 385px;
          height: 490px; } }
      .consultation-populaire-nom .consultation-description__right .wp-block-image img {
        transition: transform 5s ease 0.8s;
        /* Animation fluide pour le zoom */ }
  @media (min-width: 980px) {
    .consultation-populaire-nom .consultation-description.scroll-visible img {
      transform: scale(1.2);
      /* Zoom de 20% au survol */ } }
  @media (min-width: 981px) {
    .consultation-populaire-nom .consultation-description {
      margin-bottom: 150px; }
      .consultation-populaire-nom .consultation-description__center {
        padding-top: 0rem; } }
  @media (min-width: 1800px) {
    .consultation-populaire-nom .consultation-description .consultation-description__center p {
      padding-right: 110px; } }
  .consultation-populaire-nom .consultation-description-nom {
    background-color: #ffffff;
    padding: 2.5rem;
    border-radius: 30px;
    position: relative;
    z-index: 2; }
    @media (min-width: 760px) {
      .consultation-populaire-nom .consultation-description-nom {
        padding: 4rem;
        border-radius: 40px; } }
    @media (min-width: 990px) {
      .consultation-populaire-nom .consultation-description-nom {
        padding: 7rem 0; } }
    .consultation-populaire-nom .consultation-description-nom__left {
      margin-bottom: 50px; }
      @media (min-width: 760px) {
        .consultation-populaire-nom .consultation-description-nom__left {
          margin-bottom: 0px; } }
    .consultation-populaire-nom .consultation-description-nom h3 {
      font-size: 26px; }
      @media (min-width: 760px) {
        .consultation-populaire-nom .consultation-description-nom h3 {
          font-size: 30px; } }
    .consultation-populaire-nom .consultation-description-nom p {
      font-size: 18px; }
      @media (min-width: 760px) {
        .consultation-populaire-nom .consultation-description-nom p {
          font-size: 20px; } }
    .consultation-populaire-nom .consultation-description-nom .btn-secondary {
      border-radius: 50px;
      background-color: #206F9B;
      color: #ffffff;
      border: 2px solid #206F9B;
      text-transform: uppercase;
      position: relative;
      will-change: transform;
      overflow: hidden;
      cursor: pointer;
      transition: color 0.3s ease; }
      .consultation-populaire-nom .consultation-description-nom .btn-secondary:hover, .consultation-populaire-nom .consultation-description-nom .btn-secondary:focus {
        background-color: #206F9B;
        color: #206F9B;
        border: 2px solid #206F9B; }
      .consultation-populaire-nom .consultation-description-nom .btn-secondary:before {
        content: '';
        display: block;
        background: #fff;
        position: absolute;
        width: 200%;
        height: 500%;
        border-radius: 100%;
        transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
        transform: translate(30%, 10%) translateZ(0);
        z-index: 0; }
      .consultation-populaire-nom .consultation-description-nom .btn-secondary:hover:before {
        transform: translate(-45%, -34%) translateZ(0); }
      .consultation-populaire-nom .consultation-description-nom .btn-secondary .pseudo-text {
        position: relative;
        z-index: 1;
        /* Assure que le texte reste visible par-dessus l'effet */ }
      .consultation-populaire-nom .consultation-description-nom .btn-secondary:after {
        content: "";
        display: inline-block;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.404" height="15.474" viewBox="0 0 12.404 15.474"><g id="Groupe_250" data-name="Groupe 250" transform="translate(24.697 -11) rotate(90)"><g id="Groupe_144" data-name="Groupe 144" transform="translate(11 13)"><path id="Tracé_75" data-name="Tracé 75" d="M5.354,0H19" transform="translate(-5.354 5.5)" fill="none" stroke="%23ffffff" stroke-width="2"/><path id="Tracé_74" data-name="Tracé 74" d="M0,0,5.424,5.427,0,11" transform="translate(8.646)" fill="none" stroke="%23ffffff" stroke-width="2"/></g></g></svg>');
        background-size: contain;
        background-repeat: no-repeat;
        width: 15px;
        height: 13px;
        transition: .2s;
        transform-origin: 50% 60%;
        margin: 2px 0 0 10px;
        position: absolute;
        top: 33%;
        right: 8%; }
      .consultation-populaire-nom .consultation-description-nom .btn-secondary:hover:after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.404" height="15.474" viewBox="0 0 12.404 15.474"><g id="Groupe_250" data-name="Groupe 250" transform="translate(24.697 -11) rotate(90)"><g id="Groupe_144" data-name="Groupe 144" transform="translate(11 13)"><path id="Tracé_75" data-name="Tracé 75" d="M5.354,0H19" transform="translate(-5.354 5.5)" fill="none" stroke="%23206F9B" stroke-width="2"/><path id="Tracé_74" data-name="Tracé 74" d="M0,0,5.424,5.427,0,11" transform="translate(8.646)" fill="none" stroke="%23206F9B" stroke-width="2"/></g></g></svg>'); }
  .consultation-populaire-nom .consultation-vote-titre {
    margin-top: 40px; }
    .consultation-populaire-nom .consultation-vote-titre h2 {
      color: #ffffff;
      font-size: 34px;
      font-weight: 600; }
      @media (min-width: 760px) {
        .consultation-populaire-nom .consultation-vote-titre h2 {
          font-size: 40px; } }
      @media (min-width: 990px) {
        .consultation-populaire-nom .consultation-vote-titre h2 {
          font-size: 42px; } }
      @media (min-width: 1440px) {
        .consultation-populaire-nom .consultation-vote-titre h2 {
          font-size: 49px; } }
      @media (min-width: 1800px) {
        .consultation-populaire-nom .consultation-vote-titre h2 {
          font-size: 50px; } }
    .consultation-populaire-nom .consultation-vote-titre p {
      color: #ffffff;
      font-size: 18px; }
      @media (min-width: 760px) {
        .consultation-populaire-nom .consultation-vote-titre p {
          font-size: 19px; } }
    @media (min-width: 981px) {
      .consultation-populaire-nom .consultation-vote-titre {
        margin-top: 140px; } }
  .consultation-populaire-nom .consultation-populaire__formulaire {
    position: relative;
    z-index: 10; }
    .consultation-populaire-nom .consultation-populaire__formulaire label {
      color: #ffffff; }
    .consultation-populaire-nom .consultation-populaire__formulaire .form-item--error-message {
      font-weight: bold;
      color: var(--blaze-orange); }
    .consultation-populaire-nom .consultation-populaire__formulaire [type="radio"]:checked + label,
    .consultation-populaire-nom .consultation-populaire__formulaire [type="radio"]:not(:checked) + label {
      position: relative;
      cursor: pointer;
      line-height: 20px;
      display: inline-block; }
    .consultation-populaire-nom .consultation-populaire__formulaire [type="radio"]:checked + label:before,
    .consultation-populaire-nom .consultation-populaire__formulaire [type="radio"]:not(:checked) + label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 25px;
      width: 31px;
      height: 31px;
      border: 1px solid #363636;
      border-radius: 100%;
      background: #fff; }
    .consultation-populaire-nom .consultation-populaire__formulaire [type="radio"]:checked + label:after,
    .consultation-populaire-nom .consultation-populaire__formulaire [type="radio"]:not(:checked) + label:after {
      content: '';
      width: 31px;
      height: 31px;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41"><g id="Groupe_544" data-name="Groupe 544" transform="translate(-340.5 -4415.657)"><g id="Tracé_160" data-name="Tracé 160" transform="translate(340.5 4415.657)" fill="%231f6b95"><path d="M 20.5 40 C 17.86708068847656 40 15.31344032287598 39.48455810546875 12.91003036499023 38.46799850463867 C 10.58810043334961 37.48590850830078 8.502590179443359 36.07975006103516 6.711420059204102 34.28858184814453 C 4.920249938964844 32.49740982055664 3.514090061187744 30.41189956665039 2.532000064849854 28.08996963500977 C 1.515439987182617 25.68655967712402 1 23.13291931152344 1 20.5 C 1 17.86708068847656 1.515439987182617 15.31344032287598 2.532000064849854 12.91003036499023 C 3.514090061187744 10.58810043334961 4.920249938964844 8.502590179443359 6.711420059204102 6.711420059204102 C 8.502590179443359 4.920249938964844 10.58810043334961 3.514090061187744 12.91003036499023 2.532000064849854 C 15.31344032287598 1.515439987182617 17.86708068847656 1 20.5 1 C 23.13291931152344 1 25.68655967712402 1.515439987182617 28.08996963500977 2.532000064849854 C 30.41189956665039 3.514090061187744 32.49740982055664 4.920249938964844 34.28858184814453 6.711420059204102 C 36.07975006103516 8.502590179443359 37.48590850830078 10.58810043334961 38.46799850463867 12.91003036499023 C 39.48455810546875 15.31344032287598 40 17.86708068847656 40 20.5 C 40 23.13291931152344 39.48455810546875 25.68655967712402 38.46799850463867 28.08996963500977 C 37.48590850830078 30.41189956665039 36.07975006103516 32.49740982055664 34.28858184814453 34.28858184814453 C 32.49740982055664 36.07975006103516 30.41189956665039 37.48590850830078 28.08996963500977 38.46799850463867 C 25.68655967712402 39.48455810546875 23.13291931152344 40 20.5 40 Z" stroke="none"/><path d="M 20.5 2 C 15.55846977233887 2 10.91271018981934 3.924339294433594 7.418521881103516 7.418521881103516 C 3.924339294433594 10.91271018981934 2 15.55846977233887 2 20.5 C 2 25.44153022766113 3.924339294433594 30.08728981018066 7.418521881103516 33.58148193359375 C 10.91271018981934 37.07566070556641 15.55846977233887 39 20.5 39 C 25.44153022766113 39 30.08728981018066 37.07566070556641 33.58148193359375 33.58148193359375 C 37.07566070556641 30.08728981018066 39 25.44153022766113 39 20.5 C 39 15.55846977233887 37.07566070556641 10.91271018981934 33.58148193359375 7.418521881103516 C 30.08728981018066 3.924339294433594 25.44153022766113 2 20.5 2 M 20.5 0 C 31.82184028625488 0 41 9.178159713745117 41 20.5 C 41 31.82184028625488 31.82184028625488 41 20.5 41 C 9.178159713745117 41 0 31.82184028625488 0 20.5 C 0 9.178159713745117 9.178159713745117 0 20.5 0 Z" stroke="none" fill="%23206f9b"/></g><path id="check-solid" d="M18.388,96.42a1.349,1.349,0,0,1,0,1.907L7.613,109.1a1.349,1.349,0,0,1-1.907,0L.32,103.713a1.348,1.348,0,0,1,1.907-1.907l4.436,4.432,9.823-9.819a1.349,1.349,0,0,1,1.907,0Z" transform="translate(351.646 4333.396)" fill="%23fff"/></g></svg>');
      background-size: contain;
      position: absolute;
      top: 25px;
      left: 0px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .consultation-populaire-nom .consultation-populaire__formulaire [type="radio"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0); }
    .consultation-populaire-nom .consultation-populaire__formulaire [type="radio"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .consultation-populaire-nom .consultation-populaire__formulaire .form-item-email {
      margin: 25px; }
      @media (max-width: 760px) {
        .consultation-populaire-nom .consultation-populaire__formulaire .form-item-email {
          margin: 25px 0; } }
      .consultation-populaire-nom .consultation-populaire__formulaire .form-item-email .form-email {
        margin-bottom: 10px; }
      @media (min-width: 981px) {
        .consultation-populaire-nom .consultation-populaire__formulaire .form-item-email {
          width: 50%;
          margin: 0 auto;
          margin-bottom: 50px !important; } }
    .consultation-populaire-nom .consultation-populaire__formulaire .form-item-nom > label {
      display: none; }
    .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom {
      z-index: 3;
      background-color: #ffffff;
      border: 3px solid #ffffff;
      border-radius: 20px;
      padding: 50px;
      width: 100%; }
      .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom input {
        display: none; }
      @media (max-width: 990px) {
        .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom {
          margin: 25px; } }
      @media (max-width: 760px) {
        .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom {
          margin: 25px 0;
          padding: 30px; } }
      @media (min-width: 981px) {
        .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom {
          flex: 0 0 auto;
          width: 47%; } }
      .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom:has(input[type="radio"]:checked) {
        border: 3px solid #fff;
        transition: border ease 0.3s;
        animation: pulse 1s;
        box-shadow: 0 0 0 2em transparent; }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #fff; } }
      .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom .webform-element-description {
        font-size: 20px;
        color: #206F9B;
        font-weight: 700;
        margin-bottom: 30px;
        width: 100%; }
        @media (min-width: 990px) {
          .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom .webform-element-description {
            font-size: 24px;
            max-width: 25ch; } }
        @media (min-width: 1440px) {
          .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom .webform-element-description {
            font-size: 28px; } }
        @media (min-width: 1800px) {
          .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom .webform-element-description {
            font-size: 30px; } }
      .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios .form-item-nom .form-check-label {
        color: #206F9B;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: bold;
        padding-left: 45px;
        padding-top: 30px;
        border-top: 1px solid #D1D1D1;
        width: 100%; }
    @media (min-width: 981px) {
      .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios {
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1* var(--bs-gutter-y));
        margin-right: calc(-0.5* var(--bs-gutter-x));
        margin-left: calc(-0.5* var(--bs-gutter-x));
        gap: 30px; }
        .consultation-populaire-nom .consultation-populaire__formulaire .js-webform-radios > * {
          flex-shrink: 0;
          width: 100%;
          max-width: 100%;
          padding-right: calc(var(--bs-gutter-x)* 0.5);
          padding-left: calc(var(--bs-gutter-x)* 0.5);
          margin-top: var(--bs-gutter-y); } }
    .consultation-populaire-nom .consultation-populaire__formulaire .form-actions {
      display: block;
      margin-right: auto;
      margin-left: auto;
      width: 250px; }
      .consultation-populaire-nom .consultation-populaire__formulaire .form-actions button {
        padding: 35px;
        padding-right: 60px;
        border-radius: 50px;
        text-transform: uppercase;
        margin-top: 40px;
        margin-bottom: 100px;
        position: relative; }
        @media (min-width: 981px) {
          .consultation-populaire-nom .consultation-populaire__formulaire .form-actions button {
            margin-top: 40px;
            margin-bottom: 140px; } }
        .consultation-populaire-nom .consultation-populaire__formulaire .form-actions button:after {
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15.474" height="12.404" viewBox="0 0 15.474 12.404"><g id="Groupe_514" data-name="Groupe 514" transform="translate(-11 -12.293)"><g id="Groupe_144" data-name="Groupe 144" transform="translate(11 13)"><path id="Tracé_75" data-name="Tracé 75" d="M5.354,0H19" transform="translate(-5.354 5.5)" fill="none" stroke="%23002034" stroke-width="2"/><path id="Tracé_74" data-name="Tracé 74" d="M0,0,5.424,5.427,0,11" transform="translate(8.646)" fill="none" stroke="%23002034" stroke-width="2"/></g></g></svg>');
          position: absolute;
          top: 41%;
          right: 15%; }
        .consultation-populaire-nom .consultation-populaire__formulaire .form-actions button:hover:after {
          -webkit-animation: bouncer-right .5s alternate ease 5;
          animation: bouncer-right .5s alternate ease 5; }
  .consultation-populaire-nom .webform-confirmation__message {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .consultation-populaire-nom .webform-confirmation__message * {
      color: #ffffff; }
    @media (min-width: 981px) {
      .consultation-populaire-nom .webform-confirmation__message {
        width: 75%;
        margin: 0 auto;
        padding-top: 2rem;
        padding-bottom: 4rem; } }
  .consultation-populaire-nom .appear {
    opacity: 0;
    transform: translateY(50px);
    /* Décalage vers le bas */
    transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s; }
    .consultation-populaire-nom .appear.video {
      transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s; }
  .consultation-populaire-nom .appear.scroll-visible {
    opacity: 1;
    transform: translateY(0);
    /* Ramène à la position normale */ }
@-webkit-keyframes bouncer {
  from {
    -webkit-transform: translateY(3px); }
  to {
    -webkit-transform: translateY(0); } }
@keyframes bouncer {
  from {
    transform: translateY(3px); }
  to {
    transform: translateY(0); } }
@keyframes showup {
  0% {
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes slidein {
  0% {
    margin-left: -800px; }
  20% {
    margin-left: -800px; }
  35% {
    margin-left: 0px; }
  100% {
    margin-left: 0px; } }
@keyframes reveal {
  0% {
    opacity: 0;
    width: 0px; }
  20% {
    opacity: 1;
    width: 0px; }
  30% {
    width: 600px; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1;
    width: 600px; } }
@-webkit-keyframes bouncer-right {
  from {
    -webkit-transform: translateX(3px); }
  to {
    -webkit-transform: translateX(0); } }
@keyframes bouncer-right {
  from {
    transform: translateX(3px); }
  to {
    transform: translateX(0); } }
  .consultation-populaire-nom.path-webform #main {
    margin-bottom: 80px; }
    @media (min-width: 981px) {
      .consultation-populaire-nom.path-webform #main {
        margin-bottom: 280px; } }
    .consultation-populaire-nom.path-webform #main p {
      font-size: 22px; }
      @media (min-width: 981px) {
        .consultation-populaire-nom.path-webform #main p {
          font-size: 30px; } }
  .consultation-populaire-nom .alert-wrapper svg {
    display: none; }
  .consultation-populaire-nom .alert-wrapper .alert-heading {
    font-size: 2rem;
    color: #58151c; }
  .consultation-populaire-nom .alert-wrapper .alert-danger {
    border: 1px solid #58151c;
    background-color: #f1aeb5;
    color: #58151c; }
    .consultation-populaire-nom .alert-wrapper .alert-danger h2::before {
      display: none; }