/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./wp-content/themes/kn/sass/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
:root {
  --bg-f: 12px;
}

#wpadminbar {
  position: absolute !important;
}

@media (min-width: 992px) {
  .col-lg-fifth {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1200px) {
  .col-xl-fifth {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1400px) {
  .col-xxl-fifth {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

* {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

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

html {
  min-height: 100vh;
  overflow-x: hidden;
}

body {
  color: var(--dark-blue2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: var(--main-font);
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
  margin: 0;
  min-height: 100vh;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--blue);
}

a.btnselection {
  cursor: pointer;
  display: none;
}

a.btnselection.active {
  display: block;
}

a.btnselection::after {
  border: 1px solid #50a0f0;
  border-radius: 100%;
  content: "\f004";
  font-family: "Font Awesome 6 Free";
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
  padding: 9px;
}

a.btnselection:hover::after {
  border-color: #28385a;
}

a.btnselection_active {
  cursor: pointer;
  display: none;
}

a.btnselection_active.active {
  display: block;
}

a.btnselection_active::after {
  border: 1px solid #50a0f0;
  border-radius: 100%;
  content: "\f004";
  font-family: "FontAwesome";
  font-size: 16px;
  margin-left: 5px;
  padding: 9px;
}

a.btnselection_active:hover::after {
  border-color: #28385a;
}

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

figure {
  background: #f2f4fa;
  max-width: 100%;
  overflow: hidden;
}

figure img.size-full {
  border-radius: 0;
}

figure figcaption {
  padding: 10px 40px;
  text-align: center;
}

iframe {
  max-width: 100%;
}

iframe[src*=youtube] {
  aspect-ratio: 16/9;
  border-radius: 8px;
  display: block;
  height: auto;
  overflow: hidden;
  width: 100%;
}

ul:not([class]),
ol:not([class]) {
  line-height: 1.5;
  margin-bottom: 24px;
  padding-left: 24px;
}

ul:not([class]) {
  list-style: none !important;
}

ul:not([class]) li {
  position: relative;
}

ul:not([class]) li::before {
  content: "";
  background-image: url(../img/bullet.svg);
  display: inline-block;
  height: 10px;
  margin: -2px 7px 0 -18px;
  width: 10px;
}

p {
  line-height: 1.25;
}

b {
  font-weight: 700;
}

[type=text],
[type=email],
[type=number],
[type=tel],
[type=password],
textarea,
select {
  background: none;
  border: 0;
  border-bottom: 1px solid #e8eaf0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 12.5px 0;
  width: 100%;
}

textarea {
  border: 1px solid #e8eaf0;
  padding: 16px;
}

.section__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 36px 0 0;
  text-align: center;
}

main section {
  padding: 40px 0;
}

@media (min-width: 768px) {
  main section {
    padding: 60px 0;
  }
}

@media (min-width: 992px) {
  main section {
    padding: 80px 0;
  }
}

@media (min-width: 1200px) {
  main section {
    padding: 100px 0;
  }
}

@media (min-width: 1400px) {
  main section {
    padding: 120px 0;
  }
}

.aligncenter,
.alignleft,
.alignright {
  display: block;
  margin: 0 auto 15px;
}

.txtcenter {
  text-align: center;
}

.txtright {
  text-align: right;
}

.txtjustify {
  text-align: justify;
}

blockquote {
  border-left: 2px solid #28385a;
  color: #28385a;
  font-size: 1.5rem;
  font-weight: 600;
  max-width: calc(600px + 2rem);
  padding-left: 2rem;
}

blockquote p {
  line-height: 2.25rem;
}

.paragraphs .row {
  gap: 40px 0;
  justify-content: center;
}

.paragraphs .para h2,
.paragraphs .para h3,
.paragraphs .para h4,
.paragraphs .para h5 {
  margin-bottom: 20px !important;
}

.paragraphs .para p:has(+p) {
  margin-bottom: 0px !important;
}

.paragraphs .para p:has(.bouton),
.paragraphs .para p:has(.bouton + .bouton) {
  margin: auto;
}

.encart {
  background: #e8eaf0;
  border-radius: 8px;
  margin-bottom: 2rem;
  padding: 1rem;
}

.encart p:last-child,
.encart ul:last-child {
  margin-bottom: 0;
}

.encart::after {
  clear: both;
  content: "";
}

.nopadding {
  padding-bottom: 0;
  padding-top: 0;
}

.cta {
  margin-top: 32px;
}

@media (max-width: 768px) {
  .cta {
    text-align: center;
  }
}

.wp-pagenavi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  position: relative;
  width: 100%;
  gap: 0;
  margin-top: 3rem;

  span,
  a,
  li {
    border-color: var(--blue) !important;
  }

  .current {
    width: 32px;
    height: 32px;
    margin: 0 0.25rem;
    border: 1.5px solid var(--blue);
    border-radius: 50px;
    background: var(--blue);
    color: var(--white);
    transition: var(--transition);
  }

  .page {
    width: 32px;
    height: 32px;
    margin: 0 0.25rem;
    border: 1.5px solid var(--blue);
    border-radius: 50px;
    padding: 6px;
    transition: var(--transition);

    &:hover {
      background: var(--blue);
      color: var(--white);
    }
  }

  span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
  }

  .nextpostslink,
  .previouspostslink {
    width: auto;
    padding: 0 1rem;
    border: 2px solid var(--blue);
    padding: 13px 17px;
    border-radius: 100px;
    transition: var(--transition);
    color: var(--dark);
    position: absolute;

    &:hover {
      background: var(--blue);
      color: var(--white);
    }
  }

  .nextpostslink {
    right: 0;
  }

  .previouspostslink {
    left: 0;
  }
}

.socials {
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.socials li {
  list-style: none;
}

.socials li::before {
  display: none;
}

.socials__item a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px;
  width: 32px;
}

.socials__item a:not(:hover) {
  color: #fff;
}

.socials__item a::before {
  font-family: "FontAwesome";
  font-size: 16px;
}

.socials__item a:hover {
  color: #28385a;
}

.socials__item a[data-social*=facebook]::before {
  content: "\f39e";
}

.socials__item a[data-social*=twitter]::before {
  content: "\e61b";
}

.socials__item a[data-social*=linkedin]::before {
  content: "\f0e1";
}

.socials__item a[data-social*=instagram]::before {
  content: "\f16d";
}

.socials__item a[data-social*=youtube]::before {
  content: "\f167";
}

.socials__item a[data-social*=vimeo]::before {
  content: "\f27d";
}

.socials__item a[data-social*=whatsapp]::before {
  content: "\f232";
}

.socials__item a[data-social*=tiktok]::before {
  content: "\e07b";
}

.socials__item a[data-social*=mail]::before {
  content: " \f0e0";
}

.sharing {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e8eaf0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 16px 12px 32px;
  text-align: right;
}

.sharing__list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sharing__list li {
  list-style: none;
}

.sharing__list li::before {
  display: none;
}

.sharing__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px;
  width: 32px;
  color: var(--red) !important;
}

.sharing__item {
  margin-bottom: 0px;
  height: fit-content;
}

.sharing__icon::before {
  content: "";
  display: block;
  font-family: "FontAwesome";
  font-size: 1rem;
}

.sharing__item[data-rs*=facebook] .sharing__icon::before {
  content: "\f39e";
}

.sharing__item[data-rs*=twitter] .sharing__icon::before {
  content: "\e61b";
}

.sharing__item[data-rs*=linkedin] .sharing__icon::before {
  content: "\f0e1";
}

.sharing__item[data-rs*=instagram] .sharing__icon::before {
  content: "\f16d";
}

.sharing__item[data-rs*=youtube] .sharing__icon::before {
  content: "\f167";
}

.sharing__item[data-rs*=vimeo] .sharing__icon::before {
  content: "\f27d";
}

.twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}

.gform_button,
.gform-button {
  background: #50a0f0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  overflow: hidden;
  padding: 10px 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
  padding: 5px 12px;
}

.gform_button::before,
.gform-button::before {
  background: #28385a;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  z-index: -1;
}

.gform_button:hover,
.gform-button:hover {
  color: #fff;
}

.gform_button:hover::before,
.gform-button:hover::before {
  height: 100%;
}

.hidden_label label {
  display: none;
}

@media (min-width: 768px) {
  .alignleft {
    float: left;
    margin-right: 20px;
  }

  .alignright {
    float: right;
    margin-left: 15px;
  }

  ul:not([class]),
  ol:not([class]) {
    padding-left: 3rem;
  }
}

.hdp_not_home,
.hdp_home,
.form_hdp .form {
  background: var(--dark);
  position: relative;

  &:before {
    content: '';
    background: var(--radial-gradient);
    width: 100%;
    height: 1000px;
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 0;
    transform: translate(50%, -10%);
    pointer-events: none;
  }
}

.header {
  background: var(--dark);
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1000;
  padding-bottom: 35px;
}

@media (max-width: 991px) {
  .header__main {
    overflow: hidden;
  }
}

.header__main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 40px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;

  @media (max-width: 991px) {
    padding-top: 85px;
  }
}

.header__main .container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header.scrolling {
  background: #fff;
  display: flex;
  justify-content: center;

  @media (min-width: 992px) {

    .header__main {
      position: fixed;
      top: 0px;
      transition: top 1s ease;
      padding: 40px 30px 0 30px;

      &:after {
        content: '';
        background: var(--white);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 20px;
        border-radius: 20px;
        z-index: -1;
        left: 0px;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.24);
      }

      .menu__main {
        li {
          margin-bottom: 4px;

          a {
            color: var(--dark-blue3);

            &:hover {
              color: var(--red);
            }
          }
        }
      }

      .header__logo_white {
        opacity: 0;
        visibility: hidden;
        position: absolute;
      }

      .header__logo_black {
        opacity: 1;
        visibility: visible;
        position: relative;
      }
    }
  }
}

.header__logo {
  -ms-flex-item-align: center;
  align-self: center;
  display: block;
  position: relative;
}

.header__logo img {
  width: 200px;
}

.header__logo:hover img {
  opacity: 0.7;
}

.header__boutons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  right: 60px;
  padding: 0 24px;
  top: 12px;
}

.header__boutons .bouton {
  border-radius: 8px 0 8px 0;
  width: 100%;
}

.header .menu__socials a:not(:hover) {
  color: #fff;
}

.menu {
  background: var(--dark-blue3);
  bottom: 150vh;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  padding-bottom: 24px;
  -webkit-transition: all 1s;
  transition: all 1s;
  width: 100%;
  z-index: 9;
  position: fixed;
  overflow: auto;
}

.menu.open {
  bottom: 0;

  @media (max-width: 991px) {
    .language-switcher {
      display: flex;
      gap: 10px;
      position: absolute;
      top: 130px;
      right: 15px;

      li {
        list-style: none;
        text-transform: uppercase;
        font-weight: var(--semibold);
        border-radius: 50px;
        padding: 7px;
        transition: var(--transition);

        &.current-lang,
        &:hover {
          border: 1px solid var(--red) !important;
          background-color: var(--red);

          a {
            color: var(--white);
          }
        }

        &:not(.current-lang) {
          border: 1px solid var(--white);

          a {
            color: var(--white);
          }
        }
      }
    }
  }
}

.menu.open .menu__main {
  margin-top: 200px;
}

.menu.open .menu__main li a {
  color: var(--white) !important;
}

@media (min-width: 992px) {
  .menu {
    background: transparent;
    bottom: auto;
    bottom: initial;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: visible;
    overflow: initial;
    padding: 0;
    position: static;
    width: auto;
  }
}

.menu__main {
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  overflow: hidden;
  margin-top: 5rem;
}

.menu__main li {
  list-style: none;
}

.menu__main li::before {
  display: none;
}

@media (min-width: 992px) {
  .menu__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 0;
  }
}

.menu__main .menu-item,
.menu-panel .menu-item {
  padding: 10px 24px;
  width: 100%;

  @media (max-width: 991px) {
    padding: 15px 24px;
    background: var(--dark-blue2);
    margin-bottom: 4px !important;
    text-transform: uppercase;
    border: 0px !important;

    &>a:has(>.menu-item-description) {
      display: flex;
      flex-direction: column;

      .menu-item-description {
        text-transform: math-auto;
        font-weight: 400;
        margin-top: 10px;
      }
    }
  }
}

.menu-panel+.menu-panel {
  padding: 0px;

  li {
    list-style: none;
    padding-left: 24px;

    &:first-child {
      a {
        color: var(--blue) !important;
      }
    }

    a {
      color: var(--white) !important;
      font-weight: var(--semibold);
    }

    img {
      display: none;
    }
  }
}

* .menu-item a {
  transition: var(--transition);
}

* .menu-item a:hover {
  color: var(--red) !important;
}

@media (min-width: 992px) {
  .menu__main .menu-item {
    padding: 0;
    width: auto;
  }

  .menu__main .menu-item:not(:last-child) {
    border-bottom: 0;
  }

  .menu__main>.menu-item {
    margin-bottom: 0;
  }
}

.header__main .menu__main>.menu-item a {
  color: var(--white);

  &:hover {
    color: var(--red);
  }
}

.header__main.submenu_open .menu__main>.menu-item a,
.header__main.submenu_open .menu__main>.menu-item.hover_submenu a,
.header__main .menu__main>.menu-item.hover_submenu a,
.header__main.submenu_open .menu__main>.menu-item span,
.header__main.submenu_open .menu__main>.menu-item.hover_submenu span,
.header__main .menu__main>.menu-item.hover_submenu span {
  color: var(--dark-blue3);
}

.menu__main .menu-item a,
.menu__main .menu-item span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-size: 14px;
  padding: 4px 20px;
  font-weight: var(--semibold);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 992px) {

  .menu__main .menu-item a,
  .menu__main .menu-item span {
    font-size: 14px;
  }

  .menu__main .menu-item:not(.image_left_menu):hover a {
    color: var(--red) !important;
  }
}

.menu__main .menu-item i {
  padding: 0.5rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media (max-width: 991px) {
  .col_images {
    display: none;
  }

  .menu__main .menu-item {
    margin: 0px;
  }

  .menu__main .sub-menu li {
    margin: 10px 0;
    border-bottom: 0px !important;
  }

  .menu__main .sub-menu li a span {
    display: none !important;
  }
}

.menu__main .sub-menu {
  margin: 0;
  padding: 0;

  @media (min-width:992px) {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
  }
}

.menu__main .sub-menu li {
  list-style: none;
}

.menu__main .sub-menu li::before {
  display: none;
}

.menu__main .sub-menu .menu-item {
  padding: 8px 0;
}

.menu__main .sub-menu .menu-item a {
  font-size: 14px;
}

.menu__main .open i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.menu__main .open .sub-menu {
  border-color: #50a0f0;
  max-height: 500px;
}

.menu__toggle {
  cursor: pointer;
  display: block;
  height: 32px;
  width: 32px;
  z-index: 11;
  position: relative;
}

.menu__toggle span {
  background: var(--red);
  display: block;
  height: 3px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 32px;
}

.menu__toggle span::before,
.menu__toggle span::after {
  background: var(--red);
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 32px;
}

.menu__toggle span::before {
  top: -10px;
}

.menu__toggle span::after {
  top: 10px;
}

.menu__toggle.open span {
  background: transparent;
}

.menu__toggle.open span::before,
.menu__toggle.open span::after {
  background: var(--red);
}

.menu__toggle.open span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu__toggle.open span::after {
  top: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.menu__footer {
  margin: 0;
  padding: 0;
}

.menu__footer li {
  list-style: none;
}

.menu__footer li::before {
  display: none;
}

[class*=menu__] .current-menu-ancestor>a,
[class*=menu__] .current-menu-item>a {
  color: var(--red) !important;
}

.footer {
  font-size: 12px;
  margin-top: auto;
  position: relative;
  text-align: center;
  z-index: 5;
}

.footer strong {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.footer p:last-child {
  margin-bottom: 0;
}

.footer a {
  color: #ffffff;
}

.footer a:hover {
  color: #50a0f0;
}

.footer__main {
  --bs-gutter-x: 24px;
  padding: 24px;
  margin-bottom: 40px;
}

.footer__main [class*=col] {
  margin-bottom: 1.5rem;
}

.footer__last ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 300;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
  width: fit-content
}

.footer__last ul li {
  list-style: none;
}

.footer__last ul li::before {
  display: none;
}

.footer__last ul li {
  color: #ffffff;
  position: relative;
  border: 1px solid var(--red);
  border-radius: 50px;
  transition: var(--transition);
}

.footer__last ul li:hover {
  background: var(--red);
  color: var(--white);
}

.footer__last ul li a,
.footer__last ul li span {
  color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer__last ul li a:hover,
.footer__last ul li span:hover {
  color: #50a0f0;
}

/* 
.c_dark h2,
.c_dark h3,
.c_dark h4,
.c_dark .soustitre,
.c_dark .surtitre,
.c_dark .top,
.c_dark .chiffre_label,
.c_dark span,
.c_dark p {
  color: #50a0f0;
}

.c_dark .bouton {
  background: transparent;
  border: 1px solid #fff;
}

.c_dark .bouton::before {
  background: #fff;
}

.c_dark .bouton:hover {
  color: var(--dark-blue2);
}

.c_dark .bouton--alt {
  border-color: #fff;
  color: #fff;
}

.c_dark .bouton--alt:hover {
  border-color: #50a0f0;
} */

.c_white+.c_white {
  padding-top: 0;
}

/* [data-color="#50a0f0"] {
  background: #50a0f0;
}

[data-color="#f2f4fa"] {
  background: #f2f4fa;
} */

.section__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
  text-align: center;
}

.section__title p {
  margin: 24px auto 0;
  max-width: 960px;
}

.section__title p+ul {
  margin-top: 20px;
}

.basic_2cols {
  overflow: hidden;
}

.basic_2cols__content {
  position: relative;
  align-items: center;
}

.basic_2cols__para {
  position: relative;
  z-index: 3;
}

.basic_2cols__para p:last-child {
  margin-bottom: 0;
}

.basic_2cols__content:has(.basic_2cols__media.cover) {
  align-items: stretch;
}

.basic_2cols__media {
  position: relative;
  margin-top: 16px;
}

@media (min-width: 768px) {
  .basic_2cols__media {
    margin-top: 0;

    &.cover {
      height: auto;

      img {
        object-fit: cover;
        height: 100% !important;
      }
    }
  }
}

.basic_2cols__media img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  border-radius: 16px;
}

.basic_2cols__media .wp-video {
  position: sticky;
  top: 0;
}

.basic_2cols__media:not(.cover) {
  -ms-flex-item-align: center;
  align-self: center;
}

@media (min-width: 768px) {
  .basic_2cols__content:not(.reverse) .basic_2cols__para {
    padding-right: 80px;
  }

  .reverse .basic_2cols__para {
    padding-left: 48px;
  }
}

@media (min-width: 992px) {
  .content .limited {
    max-width: 824px;
  }
}

.columns {
  text-align: center;
}

.columns__list.row {
  gap: 12px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.columns__item {
  padding: 0 12px;
}

.columns__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  aspect-ratio: 4/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 16px;
  -o-object-fit: content;
  object-fit: content;
}

.cpt {
  position: relative;
  text-align: center;
}

.cpt .teaser {
  padding: 0;
  position: relative;
  z-index: 2;
}

.cpt .teaser-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cpt .teaser-slider .slick-slide {
  float: none;
  height: auto;
}

.cpt .teaser-slider .teaser__item {
  padding: 15px;
}

.cpt[data-color="#50a0f0"] h4 {
  color: var(--dark-blue2);
}

.etapes__list {
  text-align: center;
}

.etapes__step {
  border-top: 2px solid #e8eaf0;
  margin-top: 12px;
  padding: 16px 24px 0;
  position: relative;
}

.etapes__step::before {
  background: #50a0f0;
  border-radius: 100%;
  content: "";
  height: 16px;
  left: calc(50% - 8px);
  position: absolute;
  top: -10px;
  width: 16px;
}

.full_2cols__para {
  -ms-flex-item-align: center;
  align-self: center;
}

@media (min-width: 768px) {
  .full_2cols__para {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}

@media (min-width: 768px) {
  .full_2cols__para {
    padding-left: calc(50% - 360px + 12px);
    padding-right: 48px;
  }
}

@media (min-width: 992px) {
  .full_2cols__para {
    padding-left: calc(50% - 480px + 12px);
  }
}

@media (min-width: 1200px) {
  .full_2cols__para {
    padding-left: calc(50% - 570px + 12px);
  }
}

@media (min-width: 1400px) {
  .full_2cols__para {
    padding-left: calc(50% - 660px + 12px);
  }
}

@media (min-width: 768px) {
  .full_2cols__para.order-md-2 {
    padding-left: 48px;
    padding-right: calc(50% - 360px + 12px);
  }
}

@media (min-width: 992px) {
  .full_2cols__para.order-md-2 {
    padding-right: calc(50% - 480px + 12px);
  }
}

@media (min-width: 1200px) {
  .full_2cols__para.order-md-2 {
    padding-right: calc(50% - 570px + 12px);
  }
}

@media (min-width: 1400px) {
  .full_2cols__para.order-md-2 {
    padding-right: calc(50% - 660px + 12px);
  }
}

.full_2cols__media {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .full_2cols__media {
    margin-top: 0;
  }
}

.full_2cols__media img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 1400px) {
  .carrousel__list {
    margin: 0 -24px;
  }
}

.carrousel__item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.carrousel__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px;
}

.carrousel .square img {
  aspect-ratio: 1/1;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.carrousel .square_nocrop img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
}

.carrousel .horizontal img {
  aspect-ratio: 16/9;
  -o-object-fit: contain;
  object-fit: contain;
}

.carrousel .vertical img {
  aspect-ratio: 9/16;
  -o-object-fit: contain;
  object-fit: contain;
}

.key_nbs {
  text-align: center;
}

.key_nbs .row {
  gap: 24px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.key_nbs .container {
  --bs-gutter-x: 24px;
}

.key_nbs .top {
  color: #000;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 12px;
  font-weight: 500;
}

@media (min-width: 1200px) {
  .key_nbs .top {
    font-size: 48px;
    margin-bottom: 24px;
  }
}

.key_nbs .chiffre__label {
  margin: 0;
}

.key_nbs .chiffre__prefix,
.key_nbs .chiffre__suffix {
  font-size: 0.75em;
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slick-slide {
  float: none;
  height: auto;
  height: initial;
}

.slick-slider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.slick-arrows {
  background: #50a0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3px 10px;
}

.slick-disabled {
  opacity: 0;
}

.slick-arrow {
  background: none;
  border: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  font-size: 0;
  height: 16px;
  line-height: 1;
  padding: 0;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 16px;
}

.slick-arrow::before {
  aspect-ratio: 1/1;
  border: solid black;
  border-width: 0 4px 4px 0;
  content: "";
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.slick-arrow:hover::before {
  border-color: #fff;
}

.slick-prev::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.slick-next {
  right: 0;
}

.slick-next::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.slick-dots {
  margin: 0;
  padding: 0;
  bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slick-dots li {
  list-style: none;
}

.slick-dots li::before {
  display: none;
}

.slick-dots button {
  background: #fff;
  border: 0;
  border-radius: 18px;
  font-size: 0;
  height: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 18px;
}

.slick-dots button:hover {
  background: #000;
}

.slick-active button {
  background: #50a0f0;
}

.slider__item {
  position: relative;
}

.slider__item img {
  width: 100%;
}

.slider__text:not(.dates) {
  background: #fff;
  padding: 30px 40px;
  transform: translateY(-5%);
  width: 90%;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  position: relative;

  @media (max-width: 991px) {
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .slider__text:not(.dates) {
    right: 50%;
    max-width: 360px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 500px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
    border-radius: 16px;
  }
}

@media (min-width: 1200px) {
  .slider__text:not(.dates) {
    max-width: 440px;
  }
}

.slider .slick-arrow {
  position: absolute;
  z-index: 2;
}

.slider .slick-arrow::before {
  border-color: #fff;
}

.slider .slick-arrow:hover::before {
  border-color: #50a0f0;
}

.slider .slick-prev {
  left: 12px;
}

.slider .slick-next {
  right: 12px;
}

.tab .tabs_wrapper {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.tab .nav-link {
  border: 0;
  color: var(--dark-blue2);
  font-weight: 700;
}


/* .accordion {
  margin: 0 auto;
  max-width: 960px;
} */

/* .accordion-item {
  background: none;
  border: 1px solid #50a0f0;
  overflow: hidden;
}

.accordion-item:hover .accordion-button {
  color: #28385a;
} */

/* .accordion-body {
  background: #fff;
  padding: 0 16px 16px;
}

.accordion-body> :last-child {
  margin-bottom: 0;
}

.accordion-button {
  background: #fff;
  color: #50a0f0;
  gap: 12px;
  font-size: 18px;
  font-weight: 700;
  padding: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 768px) {
  .accordion-button {
    font-size: 22px;
  }
}

.accordion-button:not(.collapsed) {
  background: #fff;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--dark-blue2);
}

.accordion-button::after {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #50a0f0;
  color: #fff;
  content: "+";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "FontAwesome";
  font-size: 10px;
  font-weight: 100;
  height: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  padding-top: 1px;
  width: 24px;
} */

.wp-video {
  margin: auto;
}

.content {
  .container {
    .mejs-container {
      border-radius: 16px;

      .mejs-mediaelement {
        video {
          border-radius: 16px;
        }
      }

      .mejs-overlay-button {
        width: 120px !important;
        height: 120px !important;
        background: url('../img/control_play.png') no-repeat center !important;
        background-size: contain !important;
      }

      .mejs-controls {
        border-radius: 16px;
        opacity: 0;

        &:hover {
          opacity: 1;
        }
      }
    }
  }
}

.team__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.team__item {
  padding: 0 12px;
  text-align: center;
  width: 50%;
}

@media (min-width: 768px) {
  .team__item {
    width: 33.3333333333%;
  }
}

@media (min-width: 992px) {
  .team__item {
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .team__item {
    width: 20%;
  }
}

@media (min-width: 1400px) {
  .team__item {
    width: 16.6666666667%;
  }
}

.team__poste {
  color: #50a0f0;
}

.team img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}

.notfound {
  text-align: center;
}

.gform_wrapper {
  background: #fff;
}

.gform_body,
.gform_footer {
  max-width: 770px;
}

.gform_fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px 40px;
}

@media (min-width: 768px) {
  .gform_fields {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.gform_fields#gform_fields_1 {
  gap: 24px;
}

.gform_required_legend {
  display: none;
}

.gform_title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  .gform_title {
    font-size: 55px;
  }
}

.gform_validation_errors {
  color: #50a0f0;
}

.gform_validation_errors h2 {
  font-size: 16px;
}

.gform_next_button,
.gform_previous_button,
.gform_button {
  background: #50a0f0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  overflow: hidden;
  padding: 10px 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
  background: none;
  color: var(--dark-blue2);
}

.gform_next_button::before,
.gform_previous_button::before,
.gform_button::before {
  background: #28385a;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  z-index: -1;
}

.gform_next_button:hover,
.gform_previous_button:hover,
.gform_button:hover {
  color: #fff;
}

.gform_next_button:hover::before,
.gform_previous_button:hover::before,
.gform_button:hover::before {
  height: 100%;
}

.gform_next_button:hover,
.gform_previous_button:hover,
.gform_button:hover {
  background: #28385a;
  border-color: #28385a;
  color: #fff;
}

.gfield_label {
  color: var(--dark-blue2);
  display: block;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 5px;
}

.gfield_required {
  color: #cd143c;
  font-size: 14px;
  margin-left: 1px;
  padding-left: 0;
}

.gfield_description {
  margin-bottom: 8px;
}

.gfield_select {
  font-size: 14px;
  width: 100%;
}

.gfield--width-full>.ginput_container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.gfield_list_group {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  margin-bottom: 15px;
}

.gfield_list_group_item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.gsection {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  text-align: center;
}

.gsection_title {
  color: #28385a;
  font-size: 15px;
  text-transform: uppercase;
}

fieldset {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

fieldset.hidden_label legend {
  display: none;
}

fieldset.hidden_label label {
  display: inline;
  font-size: 14px;
}

fieldset.hidden_label label a {
  color: #50a0f0;
}

fieldset .ginput_container_consent {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

fieldset .ginput_container_consent_password {
  gap: 30px;
}

fieldset .ginput_container_consent_password>span {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.gform_footer {
  margin-top: -6px;
  text-align: right;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.gform_footer [type=submit] {
  background: transparent;
  border: 1px inset #50a0f0;
  color: #50a0f0;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  overflow: hidden;
  padding: 9px 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}

.gform_footer [type=submit]::before {
  background: #50a0f0;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  z-index: -1;
}

.gform_footer [type=submit]:hover {
  border: 1px solid #50a0f0;
  color: #fff;
}

.gform_footer [type=submit]:hover::before {
  height: 100%;
}

.gform_footer [type=submit]:hover {
  background: var(--dark-blue2);
  border-color: var(--dark-blue2);
}

.ginput_container [type=file] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid var(--dark-blue2);
  border-radius: 4px;
  color: var(--dark-blue2);
  padding: 5px;
  width: 100%;
}

.ginput_container [type=radio],
.ginput_container [type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 4px solid #fff;
  cursor: pointer;
  height: 16px;
  outline: 1px solid var(--dark-blue2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 16px;
}

.ginput_container [type=radio]:hover,
.ginput_container [type=checkbox]:hover {
  background: #50a0f0;
  outline: 1px solid var(--dark-blue2);
}

.ginput_container [type=radio]:checked,
.ginput_container [type=checkbox]:checked {
  background: var(--dark-blue2);
  border: 4px solid #fff;
  outline: 1px solid var(--dark-blue2);
}

.ginput_container [type=radio]+label,
.ginput_container [type=checkbox]+label {
  cursor: pointer;
  padding-left: 8px;
}

.ginput_container [type=radio] {
  border-radius: 100%;
}

.ginput_container [type=checkbox] {
  border-radius: 2px;
}

.ginput_container textearea {
  display: block;
}

.ginput_container .gfield_radio,
.ginput_container .gfield_checkbox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}

.ginput_container .gfield_radio .gchoice,
.ginput_container .gfield_checkbox .gchoice {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  position: relative;
}

.gform_wrapper.gravity-theme .gf_progressbar {
  background: rgba(20, 28, 45, 0.15);
  margin-bottom: 3rem;
}

.gform_wrapper.gravity-theme .gf_progressbar_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-top: 24px;
}

.gform_wrapper.gravity-theme .gf_progressbar_wrapper+.gform_body .gform_page {
  padding: 0 20px;
}

.gform_wrapper.gravity-theme .gf_progressbar_title {
  color: #28385a;
  font-size: 1rem;
  text-transform: uppercase;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage {
  background: #28385a;
  height: 8px;
  position: relative;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage::after {
  content: url(../img/contact_rocket.png);
  position: absolute;
  right: -70px;
  top: calc(50% - 16px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage[style="width:0%;"]::after,
.gform_wrapper.gravity-theme .gf_progressbar_percentage[style="width: 0%;"]::after {
  right: -70px;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentagepercentbar_100,
.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
  display: none;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
  background: #fff;
  border-radius: 4px;
  color: red;
  display: inline-block;
  font-size: 11px;
  margin-top: 10px;
  max-width: 100%;
  padding: 10px;
  position: relative;
}

.gform_wrapper .gfield_validation_message::before,
.gform_wrapper .validation_message::before {
  content: "";
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  position: absolute;
  left: 50%;
  top: -10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.gform_validation_container,
.gform_wrapper.gravity-theme .gform_validation_container,
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container,
body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container,
body .gform_wrapper.gravity-theme .gform_validation_container {
  display: none;
}

.hidden_label label {
  display: none;
}

@media (min-width: 576px) {
  .gfield--width-half {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
  }

  .gfield--width-third {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.3333333333% - 27px);
    flex: 0 0 calc(33.3333333333% - 27px);
  }

  .gfield--width-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media (min-width: 768px) {
  .gform_fields#gform_fields_1 {
    gap: 22px 62px;
  }

  .gfield--width-half {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 31px);
    flex: 0 0 calc(50% - 31px);
  }

  .gfield--width-third {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.3333333333% - 20.3px);
    flex: 0 0 calc(33.3333333333% - 20.3px);
  }

  .gfield--width-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .gfield_html {
    margin-bottom: 26px;
  }
}

@media (min-width: 768px) {
  .gform_fields#gform_fields_1 {
    gap: 32px 62px;
  }

  .gfield_html {
    margin-bottom: 18px;
  }
}

/* Le conteneur carte doit pouvoir contenir la vidéo en fond */
.container_title .container,
.container_title .container.has-video {
  position: relative;
  overflow: hidden;
}

/* Si tu utilises déjà .img_bg avec ton --bg, on garde ton système */
.container_title .container.img_bg {
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Calque vidéo plein écran, sous le contenu */
.card__video-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* évite de bloquer les interactions */
}

.card__video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Le contenu passe au-dessus de la vidéo */
.container_title .container .content {
  position: relative;
  z-index: 2;
}

/* Optionnel : léger voile pour lisibilité du texte */
.container_title .container.has-video::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}

.video-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.25);
}

.single-post {
  .notes__add {
    background: var(--grey);
    padding: 20px 30px;
    border-radius: 8px;
    position: relative;

    &:before {
      content: '';
      width: 100%;
      background: rgba(32, 48, 96, 0.16);
      height: 1px;
      position: absolute;
      top: -40px;
      left: 0;
    }
  }

  .content {

    h2,
    h3,
    h4,
    h5,
    h6 {
      margin-bottom: 20px;
    }

    span {
      font-style: normal !important;
    }

    h2 {
      color: var(--bs-link-color);
    }

    figure {
      background: none;
    }

    figure figcaption {
      background: var(--grey);
      border-radius: 8px;
      max-width: 80%;
      width: auto;
      margin: 10px auto;
      font-style: italic;
      color: rgba(32, 48, 96, 0.5);
    }



    .sharing {
      margin-top: 50px;
      border-top: 1px solid rgba(32, 48, 96, 0.16) !important;
    }
  }
}