:root {
  /* color-scheme: light dark; */
  --grimoires-deep-dark: #3c3c3c;
  --grimoires-deep-dark-shadow: #3c3c3c33;
  --grimoires-black: #545454;
  --grimoires-black-filter: #545454bb;
  --grimoires-black-shadow: #54545433;
  --grimoires-grey: #a8aaac;
  --grimoires-grey-shadow: #a8aaac33;
  --grimoires-light-grey: #eaeaea;
  --grimoires-white: #fafafa;
  --grimoires-white-filter: #fafafabb;
  --grimoires-white-shadow: #fafafa33;
  --grimoires-dark-blue: #314c78;
  --grimoires-dark-blue-shadow: #314c7833;
  --grimoires-blue: #2382c1;
  --grimoires-blue-shadow: #2382c133;
  --grimoires-light-blue: #b8dafc;
  --grimoires-light-blue-shadow: #b8dafc33;
  --grimoires-dark-green: #2694a2;
  --grimoires-dark-green-shadow: #2694a233;
  --grimoires-green: #5dbbba;
  --grimoires-green-shadow: #5dbbba33;
  --grimoires-light-green: #a5e1e1;
  --grimoires-light-green-shadow: #a5e1e133;
  --grimoires-dark-pink: #924f6a;
  --grimoires-dark-pink-shadow: #924f6a33;
  --grimoires-pink: #e591b4;
  --grimoires-pink-shadow: #e591b433;
  --grimoires-light-pink: #fdc8dd;
  --grimoires-light-pink-shadow: #fdc8dd33;
  --grimoires-dark-purple: #735092;
  --grimoires-dark-purple-shadow: #73509233;
  --grimoires-purple: #cca7f5;
  --grimoires-purple-shadow: #cca7f533;
  --grimoires-light-purple: #e4cffc;
  --grimoires-light-purple-shadow: #e4cffc33;
  --grimoires-dark-red: #ce3732;
  --grimoires-dark-red-shadow: #ce373233;
  --grimoires-red: #ef6359;
  --grimoires-red-shadow: #ef635933;
  --grimoires-light-red: #ffcbc6;
  --grimoires-light-red-shadow: #ffcbc633;
  --grimoires-dark-orange: #855d1b;
  --grimoires-dark-orange-shadow: #855d1b33;
  --grimoires-orange: #e4a63f;
  --grimoires-orange-shadow: #e4a63f33;
  --grimoires-light-orange: #fbcd8e;
  --grimoires-light-orange-shadow: #fbcd8e33;
  --grimoires-dark-beige: #8c8162;
  --grimoires-dark-beige-shadow: #8c816233;
  --grimoires-beige: #cfbe93;
  --grimoires-beige-shadow: #cfbe9333;
  --grimoires-light-beige: #ecdbb4;
  --grimoires-light-beige-shadow: #ecdbb433;
  --grimoires-light-required: #ffffee;
  --grimoires-dark-required: #545443;
  --menu-height-desktop: 5rem;
  --menu-height-tablet: 3rem;
  --menu-height-mobile: 3rem;
  --level-one-title-height-desktop: 4rem;
  --level-one-title-height-tablet: 2.5rem;
  --level-one-title-height-mobile: 2rem;
  --footer-height-desktop: 17.5rem;
  --footer-height-tablet: 13.5rem;
  --footer-height-mobile: 18.875rem;
  --carousel-total-items: 33;
  --carousel-desktop-items-onview: 5; /*max : --carousel-total-items*/
  --carousel-tablet-items-onview: 3; /*max : --carousel-total-items*/
  --carousel-mobile-items-onview: 2; /*max : --carousel-total-items*/
}

/* html[data-theme="light"] {
  color-scheme: light;
  .navigationMenu {
    .logoTerenui {
      content: url("images/logo_terenui.svg");
    }
    .burger-icon {
      content: url("images/icons/Burger_black.svg");
    }
    .sendMail {
      content: url("images/icons/SendMail_black.svg");
    }
    .logIn {
      content: url("images/icons/Profile_black.svg");
    }
  }
  .blockAndAnesthesia {
    .manInBedClock {
      content: url("images/icons/ManInBedClock_white.svg");
    }
    .heartECG {
      content: url("images/icons/HeartECG_white.svg");
    }
    .chat {
      content: url("images/icons/Chat_white.svg");
    }
    .complex {
      content: url("images/icons/Complex_white.svg");
    }
    .easyErgo {
      content: url("images/icons/EasyErgo_white.svg");
    }
    .fullWeb {
      content: url("images/icons/FullWeb_white.svg");
    }
    .lockedLock {
      content: url("images/icons/LockedLock_white.svg");
    }
    .touch {
      content: url("images/icons/Touch_white.svg");
    }
    .doubleHalfArrows {
      content: url("images/icons/DoubleHalfArrows_white.svg");
    }
    .lightBulb {
      content: url("images/icons/LightBulb_white.svg");
    }
  }
  .marquageCE {
    content: url("/images/certifications/CE_black.svg");
  }
  .logoGrimoires {
    content: url("/images/logos-Grimoires/GRIMOIRES_logo_2020_black.svg");
  }
  .homePageOrganigramBackground {
    content: url("/images/grimoires-solutions/mapGrimoires_black.svg");
  }
  .homePageOrganigramBackgroundEn {
    content: url("/images/grimoires-solutions/mapGrimoires_black_en.svg");
  }
  .logoResu {
    content: url("/images/logos-Grimoires/Grimoires_Rea_logo_black.svg");
  }
  .logoBlEtAn {
    content: url("/images/logos-Grimoires/Grimoires_BeA_logo_black.svg");
  }
  .logoUrge {
    content: url("/images/logos-Grimoires/Grimoires_Urg_logo_black.svg");
  }
  .logoExpr {
    content: url("/images/logos-Grimoires/Grimoires_Exp_logo_black.svg");
  }
  .manInBedClock {
    content: url("images/icons/ManInBedClock_black.svg");
  }
  .heartECG {
    content: url("images/icons/HeartECG_black.svg");
  }
  .chat {
    content: url("images/icons/Chat_black.svg");
  }
  .complex {
    content: url("images/icons/Complex_black.svg");
  }
  .easyErgo {
    content: url("images/icons/EasyErgo_black.svg");
  }
  .fullWeb {
    content: url("images/icons/FullWeb_black.svg");
  }
  .lockedLock {
    content: url("images/icons/LockedLock_black.svg");
  }
  .touch {
    content: url("images/icons/Touch_black.svg");
  }
  .doubleHalfArrows {
    content: url("images/icons/DoubleHalfArrows_black.svg");
  }
  .lightBulb {
    content: url("images/icons/LightBulb_black.svg");
  }
  .boldness {
    content: url("images/icons/boldness_black.svg");
  }
  .autonomy {
    content: url("images/icons/Autonomy_black.svg");
  }
  .solidarity {
    content: url("images/icons/Solidarity_black.svg");
  }
  .humility {
    content: url("images/icons/Humility_black.svg");
  }
  .blockOrganigram {
    display: none;
  }
  .anesthesiaOrganigram {
    display: none;
  }
  .interOpOrganigramVF {
    content: url("/images/organigrams/OrganigramInterop_black_VF.svg");
    max-height: 100vh;
  }
  .interOpOrganigramVE {
    content: url("/images/organigrams/OrganigramInterop_black_VE.svg");
    max-height: 100vh;
  }
  .blockAndAnesthesiaOrganigramVF {
    content: url("images/organigrams/AB-organigram-fs_black_VF.svg");
  }
  .blockAndAnesthesiaOrganigramVE {
    content: url("images/organigrams/AB-organigram-fs_black_VE.svg");
  }
  @media (max-width: 40rem) {
    .blockOrganigram {
      display: flex;
      width: 100%;
    }
    .blockOrganigramVF {
      content: url("images/organigrams/BlocMobile_black_VF.svg");
    }
    .blockOrganigramVE {
      content: url("images/organigrams/BlocMobile_black_VE.svg");
    }
    .anesthesiaOrganigram {
      display: flex;
      width: 100%;
    }
    .anesthesiaOrganigramVF {
      content: url("images/organigrams/AnestMobile_black_VF.svg");
    }
    .anesthesiaOrganigramVE {
      content: url("images/organigrams/AnestMobile_black_VE.svg");
    }
    .blockAndAnesthesiaOrganigramVF {
      content: url("images/organigrams/BlocAnestMobile_black_VF.svg");
      flex: unset !important;
      width: 100% !important;
    }
    .blockAndAnesthesiaOrganigramVE {
      content: url("images/organigrams/BlocAnestMobile_black_VE.svg");
      flex: unset !important;
      width: 100% !important;
    }
    .homePageOrganigramBackground {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_black.svg");
    }
    .homePageOrganigramBackgroundEn {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_black.svg");
    }
  }
}
html[data-theme="dark"] {
  color-scheme: dark;
  .navigationMenu {
    .logoTerenui {
      content: url("images/logo_terenui_dm.svg");
    }
    .burger-icon {
      content: url("images/icons/Burger_white.svg");
    }
    .sendMail {
      content: url("images/icons/SendMail_white.svg");
    }
    .logIn {
      content: url("images/icons/Profile_white.svg");
    }
  }
  .marquageCE {
    content: url("/images/certifications/CE_white.svg");
  }
  .logoGrimoires {
    content: url("/images/logos-Grimoires/GRIMOIRES_logo_2020_white.svg");
  }
  .homePageOrganigramBackground {
    content: url("/images/grimoires-solutions/mapGrimoires_white.svg");
  }
  .homePageOrganigramBackgroundEn {
    content: url("/images/grimoires-solutions/mapGrimoires_white_en.svg");
  }
  .logoResu {
    content: url("/images/logos-Grimoires/Grimoires_Rea_logo_white.svg");
  }
  .logoBlEtAn {
    content: url("/images/logos-Grimoires/Grimoires_BeA_logo_white.svg");
  }
  .logoUrge {
    content: url("/images/logos-Grimoires/Grimoires_Urg_logo_white.svg");
  }
  .logoExpr {
    content: url("/images/logos-Grimoires/Grimoires_Exp_logo_white.svg");
  }
  .manInBedClock {
    content: url("images/icons/ManInBedClock_white.svg");
  }
  .heartECG {
    content: url("images/icons/HeartECG_white.svg");
  }
  .chat {
    content: url("images/icons/Chat_white.svg");
  }
  .easyErgo {
    content: url("images/icons/EasyErgo_white.svg");
  }
  .fullWeb {
    content: url("images/icons/FullWeb_white.svg");
  }
  .complex {
    content: url("images/icons/Complex_white.svg");
  }
  .lockedLock {
    content: url("images/icons/LockedLock_white.svg");
  }
  .touch {
    content: url("images/icons/Touch_white.svg");
  }
  .doubleHalfArrows {
    content: url("images/icons/DoubleHalfArrows_white.svg");
  }
  .lightBulb {
    content: url("images/icons/LightBulb_white.svg");
  }
  .boldness {
    content: url("images/icons/boldness_white.svg");
  }
  .autonomy {
    content: url("images/icons/Autonomy_white.svg");
  }
  .solidarity {
    content: url("images/icons/Solidarity_white.svg");
  }
  .humility {
    content: url("images/icons/Humility_white.svg");
  }
  .blockOrganigram {
    display: none;
  }
  .anesthesiaOrganigram {
    display: none;
  }
  .interOpOrganigramVF {
    content: url("/images/organigrams/OrganigramInterop_white_VF.svg");
    max-height: 100vh;
  }
  .interOpOrganigramVE {
    content: url("/images/organigrams/OrganigramInterop_white_VE.svg");
    max-height: 100vh;
  }
  .blockAndAnesthesiaOrganigramVF {
    content: url("images/organigrams/AB-organigram-fs_white_VF.svg");
  }
  .blockAndAnesthesiaOrganigramVE {
    content: url("images/organigrams/AB-organigram-fs_white_VE.svg");
  }
  @media (max-width: 40rem) {
    .blockAndAnesthesiaFusion {
      width: 100%;
    }
    .blockOrganigram {
      display: flex;
      flex: 1;
    }
    .blockOrganigramVF {
      content: url("images/organigrams/BlocMobile_white_VF.svg");
    }
    .blockOrganigramVE {
      content: url("images/organigrams/BlocMobile_white_VE.svg");
    }
    .anesthesiaOrganigram {
      display: flex;
      flex: 1;
    }
    .anesthesiaOrganigramVF {
      content: url("images/organigrams/AnestMobile_white_VF.svg");
    }
    .anesthesiaOrganigramVE {
      content: url("images/organigrams/AnestMobile_white_VE.svg");
    }
    .blockAndAnesthesiaOrganigramVF {
      width: 100%;
      content: url("images/organigrams/BlocAnestMobile_white_VF.svg");
    }
    .blockAndAnesthesiaOrganigramVE {
      width: 100%;
      content: url("images/organigrams/BlocAnestMobile_white_VE.svg");
    }
    .homePageOrganigramBackground {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_white.svg");
    }
    .homePageOrganigramBackgroundEn {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_white.svg");
    }
  }
} */

* {
  font-family: "calibri", arial, sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}

.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-unset {
  flex: unset;
}
.flex-auto {
  flex: auto;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.gap-s {
  gap: 0.5rem;
}
.gap-n {
  gap: 1rem;
}
.gap-l {
  gap: 2rem;
}

.grid-2-cols {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 2rem;
}

.left-align {
  text-align: unset;
  padding-left: 0.75rem;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}

acronym {
  text-decoration-thickness: from-font;
}

abbr {
  text-decoration-thickness: from-font;
}

.navigationMenu {
  /* box-shadow: 0 0 1rem 0.25rem rgba(0,0,0,0.5); */
  /* position: fixed;
    top: 0; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* z-index: 1000; */
  width: 100%;
  background: light-dark(var(--grimoires-white), var(--grimoires-black));
  .chevron {
    img {
      height: 1rem;
      /* width: 2rem; */
      margin-left: 0.5rem;
    }
  }
  .burger {
    /* display: none; */
    position: absolute;
    opacity: 0;
    /* visibility: hidden; */
  }
  .burger-label {
    display: none;
    cursor: pointer;
    &:hover {
      transition: 300ms;
      background: light-dark(
        var(--grimoires-light-grey),
        var(--grimoires-deep-dark)
      );
    }
  }
  .logoTerenui {
    margin: 0 5rem;
    width: 10rem;
    height: var(--menu-height-desktop);
    padding: 0.25rem 0.5rem;
    &:hover {
      transition: 300ms;
      /* background: var(--grimoires-light-grey); */
    }
  }
  /* .menuBtn{
        background: var(--grimoires-white);
    } */
  a {
    display: flex;
    justify-content: center;
    align-items: center;
    /* white-space: nowrap; */
    padding: 0.25rem;
    -webkit-user-select: none;
    user-select: none;
    /* width: 100%; */
    text-decoration: none;
    font-size: 1.5rem;
    height: var(--menu-height-desktop);
    /* box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); */
    &:hover {
      transition: 300ms;
      background: light-dark(
        var(--grimoires-light-grey),
        var(--grimoires-deep-dark)
      );
    }
  }
  .menu {
    display: flex;
    max-height: var(--menu-height-desktop);
    overflow: visible;
    flex: 1;
    li {
      display: flex;
      flex-direction: column;
      flex: 1;
      min-height: var(--menu-height-desktop);
      overflow: visible;
      max-width: 13rem;
      a {
        position: relative;
        text-transform: uppercase;
        white-space: nowrap;
        transition: 300ms;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        min-height: var(--menu-height-desktop);
        color: light-dark(var(--grimoires-black), var(--grimoires-white));
        &.active {
          transition: 300ms;
          background: light-dark(
            var(--grimoires-light-grey),
            var(--grimoires-deep-dark)
          );
          font-weight: bold;
          color: light-dark(
            var(--grimoires-dark-blue),
            var(--grimoires-light-blue)
          );
          &::before {
            content: "";
            width: 100%;
            position: absolute;
            bottom: 0px;
            left: 0;
            border-bottom: 0.125rem solid
              light-dark(
                var(--grimoires-dark-blue),
                var(--grimoires-light-blue)
              );
          }
        }
        &:hover {
          /* background: var(--grimoires-light-grey); */
          color: light-dark(
            var(--grimoires-dark-blue),
            var(--grimoires-light-blue)
          );
          &::before {
            content: " ";
            width: 100%;
            position: absolute;
            bottom: 0px;
            left: 0;
            border-bottom: 0.125rem solid
              light-dark(
                var(--grimoires-dark-blue),
                var(--grimoires-light-blue)
              );
          }
        }
      }
      &:hover .solutionsList,
      &:focus-within .solutionsList {
        display: flex;
        border: 1px solid var(--grimoires-grey-shadow);
      }
    }
    .solutionsList {
      display: none;
      /* position: absolute; */
      top: var(--menu-height-desktop);
      /* display: flex; */
      flex-direction: column;
      background: light-dark(var(--grimoires-white), var(--grimoires-black));
      align-items: flex-start;
      li {
        width: 100%;
        a {
          white-space: normal;
          justify-content: flex-start;
          text-transform: unset;
          /* font-size: 1.25rem; */
          padding: 0.25rem 0.75rem;
          line-height: 1.25rem;
        }
        .resuscitation {
          color: light-dark(
            var(--grimoires-green),
            var(--grimoires-light-green)
          );
          /* &:hover, &.active {
                        color: var(--grimoires-green);
                    } */
        }

        .blockAndAnesthesia {
          color: light-dark(
            var(--grimoires-dark-purple),
            var(--grimoires-light-purple)
          );
          /* &:hover, &.active {
                        color: var(--grimoires-purple);
                    } */
        }

        .emergencies {
          color: light-dark(var(--grimoires-blue), var(--grimoires-light-blue));
          /* &:hover, &.active {
                        color: var(--grimoires-blue);
                    } */
        }

        .express {
          color: light-dark(
            var(--grimoires-dark-red),
            var(--grimoires-light-red)
          );
          /* &:hover {
                        color: var(--grimoires-red);
                    }
                    &.active{
                        color: var(--grimoires-red);
                    } */
        }
      }
    }
  }
  .rightSideMenu {
    display: flex;
    img {
      height: 1.5rem;
      padding: 0 0.25rem;
    }
    a {
      width: 4rem;
    }
    .restrain {
      display: none;
    }
  }
  /* .lang{
        margin-left:auto;
    }     */
}

body {
  position: relative;
  transition: background 0.3s, color 0.3s;
  h1,
  h2,
  h3,
  p,
  li,
  a,
  figure {
    -webkit-user-select: none;
    user-select: none;
  }
}

main {
  .toTopButton {
    transition: 300ms;
    background: var(--grimoires-dark-blue);
    align-self: center;
    padding: 1rem;
    border-radius: 3rem;
    rotate: 180deg;
    width: fit-content;
    height: 3rem;
    width: 3rem;
    &:hover {
      background: var(--grimoires-blue);
    }
    img {
      height: 100%;
      width: 100%;
    }
  }
  /* #top {
        top: 10rem;
    } */
  display: flex;
  flex-direction: column;
  gap: 0;
  top: calc(var(--menu-height-desktop) + var(--level-one-title-height-desktop));
  position: relative;
  background: light-dark(var(--grimoires-white), var(--grimoires-black));
  color: light-dark(var(--grimoires-black), var(--grimoires-white));
  h1 {
    /* position: sticky; */
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: var(--menu-height-desktop);
    z-index: 100;
    width: 100%;
    font-size: 2rem;
    line-height: 2rem;
    min-height: var(--level-one-title-height-desktop);
    font-weight: normal;
    text-align: center;
    color: var(--grimoires-white);
    /* background-blend-mode: multiply; */
    background-image: url("/images/headband/technoBand.svg");
    &.home {
      background-color: var(--grimoires-dark-green);
    }
    &.solutions {
      background-color: var(--grimoires-dark-green);
    }
    &.resuscitation {
      background-color: var(--grimoires-green);
    }
    &.blockAndAnesthesia {
      background-color: var(--grimoires-dark-purple);
    }
    &.emergencies {
      background-color: var(--grimoires-blue);
    }
    &.express {
      background-color: var(--grimoires-dark-red);
    }
    &.services {
      background-color: var(--grimoires-dark-green);
    }
    &.company {
      background-color: var(--grimoires-dark-blue);
    }
    &.career {
      background-color: var(--grimoires-black);
    }
    &.privacy {
      background-color: var(--grimoires-dark-blue);
    }
    &.contact {
      background-color: var(--grimoires-dark-blue);
    }
    &.LegalNotices {
      background-color: var(--grimoires-dark-blue);
    }
    &.MDregulation {
      background-color: var(--grimoires-dark-blue);
    }
  }
  a[href^="http"] {
    color: light-dark(var(--grimoires-dark-blue), var(--grimoires-light-blue));
  }
  .legalnotice {
    .address {
      /* font-style: italic;
      font-size: 1rem;
      font-weight: normal; */
      font-style: normal;
      font-size: 1.25rem;
      font-weight: lighter;
      padding: 0.25rem;
      a[href^="tel:"] {
        color: light-dark(
          var(--grimoires-dark-blue),
          var(--grimoires-light-blue)
        );
        text-decoration: none;
        font-weight: normal;
      }
      a[href^="mailto:"] {
        color: light-dark(
          var(--grimoires-dark-green),
          var(--grimoires-light-green)
        );
      }
    }
  }
  .MDreg {
    address {
      font-style: normal;
      font-size: 1.25rem;
      font-weight: lighter;
    }
  }
  .mainPage {
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: column;
    gap: 1rem;
    position: relative;
    background: light-dark(var(--grimoires-white), var(--grimoires-black));
    padding: 2rem 10%;
    box-shadow: 0 0 1rem 0
      light-dark(var(--grimoires-black), var(--grimoires-white));
    /* padding: 0 15rem; */
    /* &:first-of-type{
            top: 7rem;
        } */
    .bossTrombi {
      margin-inline: auto;
    }
  }
  .homePageOrganigram {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    row-gap: 20rem;
    column-gap: 20%;
    .homePageOrganigramBackground {
      align-self: center;
      justify-self: center;
      position: absolute;
      height: 100%;
      padding: 2rem;
    }
    .homePageOrganigramBackgroundEn {
      align-self: center;
      justify-self: center;
      position: absolute;
      height: 100%;
      padding: 2rem;
    }
    a {
      transition: 300ms;
      align-self: center;
      justify-self: center;
      width: min(100%, 30rem);
      z-index: 1;
      &.logoResu {
        filter: drop-shadow(2px 2px 0rem var(--grimoires-black-shadow));
        &:hover,
        &:focus {
          filter: drop-shadow(1rem 1rem 0rem var(--grimoires-green-shadow));
        }
      }
      &.logoBlEtAn {
        filter: drop-shadow(-2px 2px 0rem var(--grimoires-black-shadow));
        &:hover,
        &:focus {
          filter: drop-shadow(-1rem 1rem 0rem var(--grimoires-purple-shadow));
        }
      }
      &.logoUrge {
        filter: drop-shadow(2px -2px 0rem var(--grimoires-black-shadow));
        &:hover,
        &:focus {
          filter: drop-shadow(1rem -1rem 0rem var(--grimoires-blue-shadow));
        }
      }
      &.logoExpr {
        filter: drop-shadow(-2px -2px 0rem var(--grimoires-black-shadow));
        &:hover,
        &:focus {
          filter: drop-shadow(-1rem -1rem 0rem var(--grimoires-red-shadow));
        }
      }
    }
  }
  .solutionsPage {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    width: 100%;
    height: calc(
      100vh -
        calc(var(--menu-height-desktop) + var(--level-one-title-height-desktop))
    );
    .solution {
      transition: 600ms;
      background-repeat: no-repeat;
      background-size: cover;
      background-blend-mode: multiply;
      height: 25vh;
      color: var(--grimoires-white);
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 3rem;
      font-weight: bold;
      /* text-transform: uppercase; */
      text-align: center;
      &:hover,
      &:focus {
        padding: 1rem;
      }
      &.resuscitation {
        background-image: url(/images/headband/reaBand.jpg);
        background-color: light-dark(
          var(--grimoires-light-green),
          var(--grimoires-green)
        );
        &:hover {
          background-color: light-dark(
            var(--grimoires-green),
            var(--grimoires-light-green)
          );
        }
      }
      &.blockAndAnesthesia {
        background-image: url("/images/headband/blocAnesBand.jpg");
        background-color: light-dark(
          var(--grimoires-light-purple),
          var(--grimoires-purple)
        );
        &:hover {
          background-color: light-dark(
            var(--grimoires-purple),
            var(--grimoires-light-purple)
          );
        }
      }
      &.emergencies {
        background-image: url("/images/headband/urgBand.jpg");
        background-color: light-dark(
          var(--grimoires-light-blue),
          var(--grimoires-blue)
        );
        &:hover {
          background-color: light-dark(
            var(--grimoires-blue),
            var(--grimoires-light-blue)
          );
        }
      }
      &.express {
        background-image: url("/images/headband/exprBand.jpg");
        background-color: light-dark(
          var(--grimoires-light-red),
          var(--grimoires-red)
        );
        &:hover {
          background-color: light-dark(
            var(--grimoires-red),
            var(--grimoires-light-red)
          );
        }
      }
    }
    a {
      max-height: 25%;
      max-width: 100%;
      padding: 3rem;
      &:nth-child(2n) {
        padding-left: 40%;
      }
      &:nth-child(2n + 1) {
        padding-right: 40%;
      }
      &.resuscitation {
        content: url(/images/logos-Grimoires/logo_g_reanimation_white.svg);
      }
      &.blockAndAnesthesia {
        content: url(/images/logos-Grimoires/logo_g_bloc_anesthesie_white.svg);
      }
      &.emergencies {
        content: url(/images/logos-Grimoires/logo_g_urgences_white.svg);
      }
      &.express {
        content: url(/images/logos-Grimoires/logo_g_express_white.svg);
      }
    }
  }
  section {
    /* border: 1px solid var(--grimoires-grey);
        border-radius: 1rem; */
    padding: 0.5rem 1rem 0.75rem 1rem;
    display: flex;
    /* align-items: center; */
    flex: 1;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 20rem;
    section {
      padding: 0;
    }
  }
  ul {
    /* position: relative; */
    padding-left: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  p,
  ul {
    font-weight: lighter;
    font-size: 1.25rem;
  }
  h2 {
    font-size: 2rem;
    text-align: center;
    font-weight: normal;
  }
  h2,
  p {
    /* position: relative; */
    /* background: light-dark(var(--grimoires-white), var(--grimoires-black)); */
    padding: 0.25rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  .encadre {
    color: var(--grimoires-white);
    font-size: 1.5rem;
    text-align: center;
    width: min(100%, 20rem);
    padding: 0.75rem;
    border: 0.25rem solid
      light-dark(var(--grimoires-white), var(--grimoires-black));
  }
  .express {
    &:not(h1) {
      flex-direction: column;
    }
    section {
      /* background-color: var(--grimoires-light-red-shadow);
            section {
                background-color: light-dark(var(--grimoires-white), var(--grimoires-black));
            } */
      div {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
      }
    }
  }
  .homePageBackground {
    position: absolute;
    p {
      position: absolute;
      top: 3rem;
      left: 6rem;
      font-size: 2rem;
      color: var(--grimoires-white);
    }
    .grimoiresLogo {
      position: absolute;
      bottom: 0rem;
      right: 0rem;
      width: 25rem;
      content: url(/images/logos-Grimoires/GRIMOIRES_logiciels_soins_critiques_white.svg);
    }
  }
  .homePage {
    content: url(/images/accueil.jpg);
    background-repeat: no-repeat;
    object-fit: cover;
    height: calc(
      100vh -
        calc(var(--menu-height-desktop) + var(--level-one-title-height-desktop))
    );
    width: 100%;
  }
  .thanksPage {
    height: calc(
      100vh -
        calc(
          var(--menu-height-desktop) + var(--level-one-title-height-desktop) +
            var(--footer-height-desktop)
        )
    );
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    min-height: 6rem;
    .contactButton {
      background-color: var(--grimoires-dark-blue);
      filter: drop-shadow(
        0 0 0.25rem
          light-dark(
            var(--grimoires-dark-blue-shadow),
            var(--grimoires-light-blue-shadow)
          )
      );
      &:hover {
        background: var(--grimoires-blue);
        filter: drop-shadow(
          0 0 0.125rem
            light-dark(
              var(--grimoires-dark-blue-shadow),
              var(--grimoires-light-blue-shadow)
            )
        );
      }
      &:focus {
        background: var(--grimoires-blue);
      }
    }
  }
  .contactPageBackground {
    position: absolute;
  }
  .contactPage {
    content: url(/images/blocContact.jpg);
    background-repeat: no-repeat;
    object-fit: cover;
    height: calc(
      100vh -
        calc(var(--menu-height-desktop) + var(--level-one-title-height-desktop))
    );
    width: 100%;
  }
  .contactDetails {
    position: absolute;
    top: 5rem;
    left: 10rem;
    background-color: light-dark(
      var(--grimoires-white-filter),
      var(--grimoires-black-filter)
    );
    -webkit-backdrop-filter: blur(0.25rem);
    backdrop-filter: blur(0.25rem);
    border-bottom-right-radius: 5rem;
    padding-right: 5rem;
    font-size: 1.5rem;
    color: light-dark(var(--grimoires-dark-blue), var(--grimoires-light-blue));
    p {
      font-weight: lighter;
    }
    a {
      color: light-dark(
        var(--grimoires-dark-blue),
        var(--grimoires-light-blue)
      );
    }
    address {
      font-style: normal;
      font-weight: lighter;
    }
  }
  .sticky-image {
    position: sticky;
    top: calc(
      var(--menu-height-desktop) + var(--level-one-title-height-desktop)
    );
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    &.band {
      height: 20vw;
      .backgroundBlurEffect {
        position: absolute;
        bottom: 0;
        right: 0;
        max-height: 50%;
        max-width: 25%;
        &::before {
          content: "";
          position: absolute;
          background: inherit;
          filter: blur(1rem);
          z-index: -1;
          width: 100%;
          height: 100%;
          border-radius: 5rem;
          background: var(--grimoires-white-filter);
        }
        img {
          width: 100%;
          height: 100%;
          position: relative;
          z-index: 1;
        }
      }
    }
    &.resuscitationBand {
      background-image: url("/images/headband/reaBand.jpg");
      /* background-color: light-dark(var(--grimoires-light-green), var(--grimoires-green)); */
    }
    &.blockAndAnesthesiaBand {
      background-image: url("/images/headband/blocAnesBand.jpg");
      /* background-color: light-dark(var(--grimoires-light-purple), var(--grimoires-purple)); */
    }
    &.emergenciesBand {
      background-image: url("/images/headband/urgBand.jpg");
      /* background-color: light-dark(var(--grimoires-light-blue), var(--grimoires-blue)); */
    }
    &.expressBand {
      background-image: url("/images/headband/exprBand.jpg");
      /* background-color: light-dark(var(--grimoires-light-red), var(--grimoires-red)); */
    }
    &.servicesBand {
      background-image: url("/images/headband/servBand.jpg");
      /* background-color: light-dark(var(--grimoires-light-green), var(--grimoires-green)); */
    }
    &.companyBand {
      background-image: url("/images/headband/companyBandDrone.jpg");
      /* background-color: light-dark(var(--grimoires-light-blue), var(--grimoires-blue)); */
    }
    &.careerBand {
      background-image: url("/images/headband/joinUsBand.jpg");
      /* background-color: light-dark(var(--grimoires-light-purple), var(--grimoires-purple)); */
    }
  }
  .certifications {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-evenly;
    align-items: center;
    div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 0.25rem;
    }
    img {
      /* flex: 1; */
      height: 5rem;
      /* margin-left: 1rem; */
    }
    figcaption {
      flex: 1;
      text-align: center;
      min-width: 10rem;
      max-width: 20rem;
      /* margin-right: 1rem; */
    }
  }
  .partenairesLogos {
    display: flex;
    gap: 0.5rem;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    img {
      background: var(--grimoires-white);
      /* padding: 1rem; */
      max-height: 7rem;
      max-width: 100%;
      /* flex: 1; */
    }
  }
}

.card-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.flip-card {
  /* background-color: transparent; */
  flex: 1;
  min-width: 15rem;
  height: 17rem;
  perspective: 128rem;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
}

.flip-card:hover .flip-card-inner,
.flip-card:focus-within .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 0.5rem;
  border-color: light-dark(var(--grimoires-white), var(--grimoires-black));
  border-style: solid;
  border-width: 0.25rem;
  /* border-radius: 0.5rem; */
  /* background-color: var(--grimoires-green); */
  /* color: var(--grimoires-white); */
  /* filter: drop-shadow(0 0 0.5rem light-dark(var(--grimoires-black-shadow), var(--grimoires-white-shadow))); */
  img {
    height: 4rem;
  }
}

.flip-card-back {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 0.5rem;
  border-color: light-dark(var(--grimoires-white), var(--grimoires-black));
  border-style: solid;
  border-width: 0.25rem;
  /* border-radius: 0.5rem; */
  /* background-color: var(--grimoires-dark-green);
    color: var(--grimoires-white); */
  transform: rotateY(180deg);
  /* filter: drop-shadow(0 0 0.5rem light-dark(var(--grimoires-black-shadow), var(--grimoires-white-shadow))); */
  p,
  ul {
    font-size: 1rem;
  }
}

.contactButton {
  transition: 300ms;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--grimoires-white);
  text-decoration: none;
  font-size: 1.25rem;
  padding: 0.5rem;
  border-radius: 2rem;
  width: fit-content;
  img {
    height: 1rem;
  }
}

.resuscitation {
  /* section {
        background-color: var(--grimoires-light-green-shadow);
        section {
            background-color: light-dark(var(--grimoires-white), var(--grimoires-black));
        }
    } */
  .encadre {
    background-color: var(--grimoires-green);
    box-shadow: 0 0 0 0.5rem var(--grimoires-green);
  }
  .contactButton {
    align-self: flex-end;
    background-color: var(--grimoires-green);
    filter: drop-shadow(
      0 0 0.25rem
        light-dark(
          var(--grimoires-green-shadow),
          var(--grimoires-light-green-shadow)
        )
    );
    &:hover {
      background: var(--grimoires-dark-green);
      filter: drop-shadow(
        0 0 0.125rem
          light-dark(
            var(--grimoires-green-shadow),
            var(--grimoires-light-green-shadow)
          )
      );
    }
    &:focus {
      background: var(--grimoires-dark-green);
    }
  }
  .flip-card-front {
    background-color: var(--grimoires-green);
    color: light-dark(var(--grimoires-black), var(--grimoires-white));
    filter: drop-shadow(
      0.25rem 0.25rem 0.5rem
        light-dark(var(--grimoires-black-shadow), var(--grimoires-green-shadow))
    );
  }
  .flip-card-back {
    background-color: var(--grimoires-dark-green);
    color: var(--grimoires-white);
    filter: drop-shadow(
      0.25rem 0.25rem 0.5rem
        light-dark(var(--grimoires-black-shadow), var(--grimoires-green-shadow))
    );
  }
}

.blockAndAnesthesia {
  .encadre {
    background-color: var(--grimoires-dark-purple);
    box-shadow: 0 0 0 0.5rem var(--grimoires-dark-purple);
  }
  .contactButton {
    align-self: flex-end;
    background-color: var(--grimoires-dark-purple);
    filter: drop-shadow(
      0 0 0.25rem
        light-dark(
          var(--grimoires-dark-purple-shadow),
          var(--grimoires-light-purple-shadow)
        )
    );
    &:hover {
      background: var(--grimoires-purple);
      filter: drop-shadow(
        0 0 0.125rem
          light-dark(
            var(--grimoires-dark-purple-shadow),
            var(--grimoires-light-purple-shadow)
          )
      );
    }
    &:focus {
      background: var(--grimoires-purple);
    }
  }
  .flip-card-front {
    background-color: var(--grimoires-dark-purple);
    color: var(--grimoires-white);
    filter: drop-shadow(
      0.25rem 0.25rem 0.5rem
        light-dark(
          var(--grimoires-black-shadow),
          var(--grimoires-purple-shadow)
        )
    );
  }
  .flip-card-back {
    background-color: var(--grimoires-purple);
    color: var(--grimoires-black);
    filter: drop-shadow(
      0.25rem 0.25rem 0.5rem
        light-dark(
          var(--grimoires-black-shadow),
          var(--grimoires-purple-shadow)
        )
    );
  }
  section {
    /* background-color: var(--grimoires-light-purple-shadow);
        section {
            background-color: light-dark(var(--grimoires-white), var(--grimoires-black));
        } */
    div {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      flex: 1;
      &.organigramBnA {
        flex-direction: column;
        flex-wrap: unset;
      }
      .blockAndAnesthesiaFusion {
        width: 20%;
        align-self: flex-start;
      }
      .blockAndAnesthesiaOrganigram {
        width: 100%;
        display: flex;
        flex: 1;
      }
    }
  }
}

.emergencies {
  .encadre {
    background-color: var(--grimoires-blue);
    box-shadow: 0 0 0 0.5rem var(--grimoires-blue);
  }
  .contactButton {
    align-self: flex-end;
    background-color: var(--grimoires-blue);
    filter: drop-shadow(
      0 0 0.25rem
        light-dark(
          var(--grimoires-blue-shadow),
          var(--grimoires-light-blue-shadow)
        )
    );
    &:hover {
      background: var(--grimoires-dark-blue);
      filter: drop-shadow(
        0 0 0.125rem
          light-dark(
            var(--grimoires-blue-shadow),
            var(--grimoires-light-blue-shadow)
          )
      );
    }
    &:focus {
      background: var(--grimoires-dark-blue);
    }
  }
  /* section {
        background-color: var(--grimoires-light-blue-shadow);
        section {
            background-color: light-dark(var(--grimoires-white), var(--grimoires-black));
        }
    } */
}

.express {
  .encadre {
    background-color: var(--grimoires-dark-red);
    box-shadow: 0 0 0 0.5rem var(--grimoires-dark-red);
  }
  .contactButton {
    align-self: flex-end;
    background-color: var(--grimoires-dark-red);
    filter: drop-shadow(
      0 0 0.25rem
        light-dark(
          var(--grimoires-dark-red-shadow),
          var(--grimoires-red-shadow)
        )
    );
    &:hover {
      background: var(--grimoires-red);
      filter: drop-shadow(
        0 0 0.125rem
          light-dark(
            var(--grimoires-dark-red-shadow),
            var(--grimoires-red-shadow)
          )
      );
    }
    &:focus {
      background: var(--grimoires-red);
    }
  }
  .flip-card {
    height: 18rem;
  }
  .flip-card-front {
    background-color: var(--grimoires-dark-red);
    color: var(--grimoires-white);
    filter: drop-shadow(
      0.25rem 0.25rem 0.5rem
        light-dark(var(--grimoires-black-shadow), var(--grimoires-red-shadow))
    );
  }
  .flip-card-back {
    background-color: var(--grimoires-light-red);
    color: var(--grimoires-black);
    filter: drop-shadow(
      0.25rem 0.25rem 0.5rem
        light-dark(
          var(--grimoires-black-shadow),
          var(--grimoires-light-red-shadow)
        )
    );
  }
}

.instrumalLogoList {
  align-items: center;
  justify-content: center;
  width: 60vw;
  margin: auto;
  img {
    flex: 1;
    max-height: 3rem;
    /* max-width: 100%; */
    max-width: 8rem;
    background-color: var(--grimoires-white);
    padding: 0.5rem;
    border-radius: 0.5rem;
  }
}

.interopList {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  list-style: none;
  padding: 0;
  li {
    width: 100%;
    flex: 1;
  }
}
.interopLogoList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  gap: 0.25rem !important;
  align-content: space-around;
  justify-content: space-around;
  &.flex-column {
    img {
      flex: unset;
    }
  }
  img {
    flex: 1;
    /* max-height: 7rem; */
    /* min-width: min(100%, 6rem); */
    /* max-width: 100%; */
    height: 30%;
    max-width: 49%;
    background-color: var(--grimoires-white);
    padding: 0.5rem;
    border-radius: 0.5rem;
  }
}

.services {
  .contactButton {
    align-self: flex-end;
    background-color: var(--grimoires-dark-green);
    filter: drop-shadow(
      0 0 0.25rem
        light-dark(
          var(--grimoires-dark-green-shadow),
          var(--grimoires-light-green-shadow)
        )
    );
    &:hover {
      background: var(--grimoires-green);
      filter: drop-shadow(
        0 0 0.125rem
          light-dark(
            var(--grimoires-dark-green-shadow),
            var(--grimoires-light-green-shadow)
          )
      );
    }
    &:focus {
      background: var(--grimoires-green);
    }
  }
  /* section {
        background-color: var(--grimoires-green-shadow);
        section {
            background-color: light-dark(var(--grimoires-white), var(--grimoires-black));
        }
    } */
}

/* .company {
    section {
        background-color: var(--grimoires-dark-blue-shadow);
        section {
            background-color: light-dark(var(--grimoires-white), var(--grimoires-black));
        }
    }
} */

.friseChrono {
  display: flex;
  gap: 0;
  flex-direction: row;
  h2 {
    height: 3.5rem;
    white-space: nowrap;
    font-weight: bold;
  }
  h2,
  li {
    font-size: 1.25rem;
  }
  ul {
    justify-content: unset;
  }
  .study {
    h2 {
      border-bottom: 1rem solid var(--grimoires-light-green);
    }
    ul {
      border-top: 1rem solid var(--grimoires-light-green);
    }
  }
  .real {
    flex: 1;
    h2 {
      border-bottom: 1rem solid var(--grimoires-dark-blue);
    }
    div {
      width: 100%;
      display: flex;
      border-top: 1rem solid var(--grimoires-dark-blue);
      justify-content: center;
    }
  }
  .valid {
    h2 {
      border-bottom: 1rem solid var(--grimoires-light-blue);
    }
    ul {
      border-top: 1rem solid var(--grimoires-light-blue);
    }
  }
  .prod {
    h2 {
      border-bottom: 1rem solid var(--grimoires-dark-green);
    }
    ul {
      border-top: 1rem solid var(--grimoires-dark-green);
    }
  }
  .logoAndArrow {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    .arrow {
      margin-top: 2rem;
      height: 3rem;
      content: url("/images/icons/PointArrow.svg");
    }
    .logoGrimoires {
      height: 6rem;
    }
  }
}

.career {
  .jobAnnounce {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: unset;
  }
  .applyJob {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    a {
      transition: 300ms;
      padding: 0.5rem;
      border-radius: 0.5rem;
      background: var(--grimoires-white);
      box-shadow: 0 0 0.125rem 0.125rem
        light-dark(var(--grimoires-black-shadow), var(--grimoires-white-shadow));
      &:hover {
        box-shadow: 0 0 0.0625rem 0.0625rem
          light-dark(
            var(--grimoires-black-shadow),
            var(--grimoires-white-shadow)
          );
        background: var(--grimoires-light-grey);
      }
      img {
        width: 10rem;
      }
    }
  }
  .contactButton {
    align-self: flex-end;
    background-color: light-dark(
      var(--grimoires-black),
      var(--grimoires-deep-dark)
    );
    filter: drop-shadow(
      0 0 0.25rem
        light-dark(var(--grimoires-black-shadow), var(--grimoires-grey-shadow))
    );
    &:hover {
      background: var(--grimoires-grey);
      filter: drop-shadow(
        0 0 0.125rem
          light-dark(
            var(--grimoires-black-shadow),
            var(--grimoires-grey-shadow)
          )
      );
    }
    &:focus {
      background: var(--grimoires-grey);
    }
  }
  /* section {
        background-color: var(--grimoires-light-purple-shadow);
        section {
            background-color: light-dark(var(--grimoires-white), var(--grimoires-black));
        }
    } */
  .values {
    text-align: center;
    font-size: 1.25rem;
  }
  .flip-card-front {
    background-color: var(--grimoires-grey);
    color: light-dark(var(--grimoires-black), var(--grimoires-white));
    filter: drop-shadow(
      0.25rem 0.25rem 0.5rem
        light-dark(var(--grimoires-black-shadow), var(--grimoires-grey-shadow))
    );
  }
  .flip-card-back {
    background-color: light-dark(
      var(--grimoires-black),
      var(--grimoires-deep-dark)
    );
    color: var(--grimoires-white);
    filter: drop-shadow(
      0.25rem 0.25rem 0.5rem
        light-dark(var(--grimoires-black-shadow), var(--grimoires-grey-shadow))
    );
  }
  .careerList {
    display: flex;
    justify-content: center;
  }
  figure {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    div {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 1rem;
      width: 100%;
      img {
        border-radius: 100rem;
        min-width: 5rem;
        max-width: 12rem;
        flex: 1;
      }
      figcaption {
        flex: 2;
      }
      &:nth-child(2n + 1) {
        img {
          order: 2;
        }
        figcaption {
          text-align: right;
        }
      }
    }
  }
}

/* img {
    &.resuscitation {
        filter: hue-rotate(280deg);
    }
    &.blockAndAnesthesia {
        filter: hue-rotate(25deg);
    }
    &.emergencies {
        filter: hue-rotate(0deg);
    }
    &.express {
        filter: hue-rotate(130deg);
    }
    &.services {
        filter: hue-rotate(300deg);
    }
    &.career {
        filter: hue-rotate(235deg);
    }
} */

.carousel {
  display: flex;
  overflow: hidden;
  width: 100%;
  /* max-width: 1024px; */
  margin: auto;
  position: relative;
}

/* .carousel-track {
    display: flex;
    animation: scroll 60s ease-in-out infinite;
} */

.carousel-track {
  display: flex;
  /* animation: scroll 120s linear infinite; */
  animation: scroll
    calc(
      1s * var(--carousel-total-items) * var(--carousel-desktop-items-onview)
    )
    linear infinite;
}

/* .carousel-track {
    display: flex;
    animation: scroll 20s linear infinite;
    transform-style: preserve-3d;
    will-change: transform;
} */

.carousel-item {
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid var(--grimoires-grey); */
  background: #ffffff;
  /* min-width: 19%; */
  min-width: calc(100% / var(--carousel-desktop-items-onview) - 1%);
  box-sizing: border-box;
  padding: 1rem 0.25rem;
  margin-inline: 0.5%;
  border: 1px solid var(--grimoires-light-grey);
}

.carousel img {
  max-width: 100%;
  display: block;
  max-height: 5rem;
}

@keyframes scroll {
  0% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg)
      rotateZ(0deg) skew(0deg, 0deg);
  }
  100% {
    /* transform: translate3d(-500%, 0, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); */
    transform: translate3d(
        calc(
          -100% * (var(--carousel-total-items) /
                var(--carousel-desktop-items-onview))
        ),
        0,
        0
      )
      scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg)
      skew(0deg, 0deg);
  }
}

@keyframes scroll25 {
  0%,
  3% {
    transform: translateX(0);
  }
  4%,
  7% {
    transform: translateX(-20%);
  }
  8%,
  11% {
    transform: translateX(-40%);
  }
  12%,
  15% {
    transform: translateX(-60%);
  }
  16%,
  19% {
    transform: translateX(-80%);
  }
  20%,
  23% {
    transform: translateX(-100%);
  }
  24%,
  27% {
    transform: translateX(-120%);
  }
  28%,
  31% {
    transform: translateX(-140%);
  }
  32%,
  35% {
    transform: translateX(-160%);
  }
  36%,
  39% {
    transform: translateX(-180%);
  }
  40%,
  43% {
    transform: translateX(-200%);
  }
  44%,
  47% {
    transform: translateX(-220%);
  }
  48%,
  51% {
    transform: translateX(-240%);
  }
  52%,
  55% {
    transform: translateX(-260%);
  }
  56%,
  59% {
    transform: translateX(-280%);
  }
  60%,
  63% {
    transform: translateX(-300%);
  }
  64%,
  67% {
    transform: translateX(-320%);
  }
  68%,
  71% {
    transform: translateX(-340%);
  }
  72%,
  75% {
    transform: translateX(-360%);
  }
  76%,
  79% {
    transform: translateX(-380%);
  }
  80%,
  83% {
    transform: translateX(-400%);
  }
  84%,
  87% {
    transform: translateX(-420%);
  }
  88%,
  91% {
    transform: translateX(-440%);
  }
  92%,
  95% {
    transform: translateX(-460%);
  }
  96%,
  99% {
    transform: translateX(-480%);
  }
  100%,
  100% {
    transform: translateX(-500%);
  }
}

@keyframes scroll20 {
  0%,
  4% {
    transform: translateX(0);
  }
  5%,
  9% {
    transform: translateX(-20%);
  }
  10%,
  14% {
    transform: translateX(-40%);
  }
  15%,
  19% {
    transform: translateX(-60%);
  }
  20%,
  24% {
    transform: translateX(-80%);
  }
  25%,
  29% {
    transform: translateX(-100%);
  }
  30%,
  34% {
    transform: translateX(-120%);
  }
  35%,
  39% {
    transform: translateX(-140%);
  }
  40%,
  44% {
    transform: translateX(-160%);
  }
  45%,
  49% {
    transform: translateX(-180%);
  }
  50%,
  54% {
    transform: translateX(-200%);
  }
  55%,
  59% {
    transform: translateX(-220%);
  }
  60%,
  64% {
    transform: translateX(-240%);
  }
  65%,
  69% {
    transform: translateX(-260%);
  }
  70%,
  74% {
    transform: translateX(-280%);
  }
  75%,
  79% {
    transform: translateX(-300%);
  }
  80%,
  84% {
    transform: translateX(-320%);
  }
  85%,
  89% {
    transform: translateX(-340%);
  }
  90%,
  94% {
    transform: translateX(-360%);
  }
  95%,
  99% {
    transform: translateX(-380%);
  }
  100%,
  100% {
    transform: translateX(-400%);
  }
}

@keyframes scroll15 {
  0.00%,
  5.67% {
    transform: translateX(0);
  }
  6.67%,
  12.33% {
    transform: translateX(-20%);
  }
  13.33%,
  19.00% {
    transform: translateX(-40%);
  }
  20.00%,
  25.67% {
    transform: translateX(-60%);
  }
  26.67%,
  32.33% {
    transform: translateX(-80%);
  }
  33.33%,
  39.00% {
    transform: translateX(-100%);
  }
  40.00%,
  45.67% {
    transform: translateX(-120%);
  }
  46.67%,
  52.33% {
    transform: translateX(-140%);
  }
  53.33%,
  59.00% {
    transform: translateX(-160%);
  }
  60.00%,
  65.67% {
    transform: translateX(-180%);
  }
  66.67%,
  72.33% {
    transform: translateX(-200%);
  }
  73.33%,
  79.00% {
    transform: translateX(-220%);
  }
  80.00%,
  85.67% {
    transform: translateX(-240%);
  }
  86.67%,
  85.67% {
    transform: translateX(-260%);
  }
  93.33%,
  99.00% {
    transform: translateX(-280%);
  }
  100.00%,
  100.00% {
    transform: translateX(-300%);
  }
}

@keyframes scroll10 {
  0%,
  9% {
    transform: translateX(0);
  }
  10%,
  19% {
    transform: translateX(-20%);
  }
  20%,
  39% {
    transform: translateX(-40%);
  }
  30%,
  39% {
    transform: translateX(-60%);
  }
  40%,
  49% {
    transform: translateX(-80%);
  }
  50%,
  59% {
    transform: translateX(-100%);
  }
  60%,
  69% {
    transform: translateX(-120%);
  }
  70%,
  79% {
    transform: translateX(-140%);
  }
  80%,
  89% {
    transform: translateX(-160%);
  }
  90%,
  99% {
    transform: translateX(-180%);
  }
  100%,
  100% {
    transform: translateX(-200%);
  }
}

.contactForm {
  flex: 3;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  gap: 1rem;
  .blocCustomer,
  .blocMessage {
    gap: 1rem;
    button,
    .fileSendButton {
      all: unset;
      box-sizing: border-box;
      display: flex;
      white-space: nowrap;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: 300ms;
      width: 100%;
      padding: 0.5rem;
      font-size: 1.25rem;
      border: none;
      border-radius: 2rem;
      background: var(--grimoires-dark-blue);
      color: var(--grimoires-white);
      filter: drop-shadow(
        0 0 0.25rem
          light-dark(
            var(--grimoires-dark-blue-shadow),
            var(--grimoires-light-blue-shadow)
          )
      );
      &:hover {
        background: var(--grimoires-blue);
        filter: drop-shadow(
          0 0 0.125rem
            light-dark(
              var(--grimoires-dark-blue-shadow),
              var(--grimoires-light-blue-shadow)
            )
        );
      }
      &:focus {
        background: var(--grimoires-blue);
      }
      img {
        height: 1rem;
        /* margin-left: 0.5rem; */
      }
    }
    .fileSendInput {
      font-size: 1rem;
      max-width: 10rem;
      &::file-selector-button {
        display: none;
      }
      &::-webkit-file-upload-button {
        display: none; /* fallback Safari */
      }
    }
    .contactInputColumn {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      flex: 1;
      height: 100%;
      width: 100%;
    }
    .input-group {
      font-size: 1rem;
      position: relative;
      width: 100%;
      height: 100%;
    }
    .input {
      all: unset;
      display: flex;
      width: 100%;
      box-sizing: border-box;
      color: light-dark(var(--grimoires-black), var(--grimoires-white));
      padding: 0.25rem 0.25rem 0;
      line-height: 1.75rem;
      border: 1px solid var(--grimoires-grey);
      border-radius: 0.5rem;
      /* transition: 300ms
                cubic-bezier(0.4, 0, 0.2, 1); */
      &:focus {
        border: 2px solid var(--grimoires-green);
      }
    }
    /* .input:is(:focus, :valid) ~ label {
            transform:
                translateY(-70%)
                scale(0.75);
            background-color: var(--grimoires-white);
            padding-inline: 0.25rem;
            color: var(--grimoires-dark-blue);
            border-radius: 0.5rem;
            border: 1px solid var(--grimoires-grey)
        }
        .label{
            position: absolute;
            top: 0.25rem;
            left: 0.25rem;
            color: var(--grimoires-grey);
            pointer-events: none;
            transition: 300ms
                cubic-bezier(0.4, 0, 0.2, 1);
        } */
    .label {
      position: absolute;
      white-space: nowrap;
      top: -0.75rem;
      left: 0.5rem;
      pointer-events: none;
      background-color: light-dark(
        var(--grimoires-white),
        var(--grimoires-black)
      );
      padding-inline: 0.25rem;
      color: light-dark(
        var(--grimoires-dark-blue),
        var(--grimoires-light-blue)
      );
      border-radius: 0.5rem;
      /* border: 1px solid var(--grimoires-grey); */
      font-size: 1rem;
    }
    .contactButtonGroup {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      justify-content: space-evenly;
      height: 100%;
    }
  }
  .blocRadio {
    display: flex;
    flex-direction: column;
    /* flex:1; */
    min-width: 10rem;
    /* justify-content: center; */
    align-items: flex-end;
    p {
      font-size: 1.25rem;
    }
    .radioBtn {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 0.25rem;
      justify-self: flex-end;
      justify-content: flex-end;
      align-self: flex-end;
      font-size: 1.25rem;
    }
  }
  .blocCustomer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex: 1;
    min-width: 10rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    input {
      width: 100%;
      &:required {
        background: light-dark(
          var(--grimoires-light-required),
          var(--grimoires-dark-required)
        );
      }
    }
  }
  .blocMessage {
    display: flex;
    /* flex-direction: column; */
    /* flex-wrap: wrap; */
    flex: 3;
    /* min-width: 10rem; */
    justify-content: center;
    align-items: center;
    /* input {
      min-height: 5rem;
      flex: 1;
      width: 100%;
      ::placeholder {
        top: 0;
      }
    } */
    .textarea {
      all: unset;
      min-height: 5rem;
      flex: 1;
      resize: none;
      width: 100%;
      background: light-dark(
        var(--grimoires-light-required),
        var(--grimoires-dark-required)
      );
      box-sizing: border-box;
      color: light-dark(var(--grimoires-black), var(--grimoires-white));
      padding: 0.5rem 0.25rem 0;
      border: 1px solid var(--grimoires-grey);
      border-radius: 0.5rem;
      font-size: 1rem;
      height: 100%;
      scrollbar-width: thin;
      &:focus {
        border: 2px solid var(--grimoires-green);
      }
      /* ::placeholder{
                top: 0;
            } */
    }
    button {
      width: 100%;
      white-space: nowrap;
      font-size: 1.25rem;
      gap: 0.5rem;
    }
  }
  .blocRgpd {
    min-width: 10rem;
    label {
      font-size: 1rem;
    }
  }
}

.dpidna {
  content: url("images/icons/DNA_white.svg");
}
.editFile {
  content: url("images/icons/Administratif_white.svg");
}
.medicBase {
  content: url("images/icons/Book_white.svg");
}
.neonat {
  content: url("images/icons/Neonat_white.svg");
}
.laboratory {
  content: url("images/icons/Laboratoire_white.svg");
}
.radioImage {
  content: url("images/icons/Imageries_white.svg");
}
.bloodProduct {
  content: url("images/icons/BloodProduct_white.svg");
}
.pharmacie {
  content: url("images/icons/Pharmacie_white.svg");
}
.armoires {
  content: url("images/icons/Armoires_white.svg");
}
.pmsi {
  content: url("images/icons/PMSI_white.svg");
}

footer {
  position: relative;
  z-index: 500;
  top: calc(var(--menu-height-desktop) + var(--level-one-title-height-desktop));
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  padding: 2rem;
  /* flex-wrap: wrap; */
  background: var(--grimoires-dark-blue);
  color: var(--grimoires-white);
  /* box-shadow: 0 0 1rem 0.25rem light-dark(var(--grimoires-black), var(--grimoires-white-shadow)); */
  a {
    color: var(--grimoires-green);
  }
  .adress {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    gap: 0.25rem;
    min-width: 14rem;
    /* min-width: -webkit-fill-available; */
    /* min-width: fit-content; */
    padding: 1rem;
  }
  .adressMap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    min-width: 10rem;
  }
  .siteMap {
    display: flex;
    min-width: 10rem;
    justify-content: center;
    align-items: center;
    flex: 5;
    padding: 1rem;
  }
  .footer {
    content: url(/images/footer/FooterFiligran.svg);
    background-repeat: no-repeat;
    object-fit: cover;
    height: 10rem;
  }
  .links {
    /* position: absolute; */
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    bottom: 0.5rem;
    a {
      color: var(--grimoires-white);
      max-height: 3rem;
    }
    img {
      max-height: 3rem;
    }
  }
}

@media (max-width: 76rem) {
  .navigationMenu {
    .menu {
      li {
        &.wide {
          display: none;
        }
      }
    }
    .rightSideMenu {
      .restrain {
        display: flex;
      }
    }
  }
  .friseChrono {
    flex-direction: column;
    div:not(.logoAndArrow) {
      margin-left: 1rem;
    }
    h2 {
      height: unset;
      white-space: unset;
      text-align: left;
      padding-top: 1rem;
    }
    h2,
    li {
      font-size: 1.25rem;
    }
    h2,
    ul {
      padding-left: 3rem;
    }
    .study {
      h2 {
        border-bottom: unset;
        border-left: 2rem solid var(--grimoires-light-green);
      }
      ul {
        border-top: unset;
        border-left: 2rem solid var(--grimoires-light-green);
        padding-bottom: 1rem;
      }
    }
    .real {
      flex: 1;
      h2 {
        border-bottom: unset;
        border-left: 2rem solid var(--grimoires-dark-blue);
      }
      div {
        border-top: unset;
        border-left: 2rem solid var(--grimoires-dark-blue);
        margin-left: unset;
        justify-content: unset;
        padding-bottom: 1rem;
      }
    }
    .valid {
      h2 {
        border-bottom: unset;
        border-left: 2rem solid var(--grimoires-light-blue);
      }
      ul {
        border-top: unset;
        border-left: 2rem solid var(--grimoires-light-blue);
        padding-bottom: 1rem;
      }
    }
    .prod {
      h2 {
        border-bottom: unset;
        border-left: 2rem solid var(--grimoires-dark-green);
      }
      ul {
        border-top: unset;
        border-left: 2rem solid var(--grimoires-dark-green);
        padding-bottom: 1rem;
      }
    }
    .logoAndArrow {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      align-items: flex-start;
      .arrow {
        rotate: 90deg;
        margin-top: 0;
        margin-left: 0.5rem;
        height: 3rem;
        content: url("/images/icons/PointArrow.svg");
      }
      .logoGrimoires {
        /* height: 5rem; */
        display: none;
      }
    }
  }
  .contactForm {
    .blocMessage {
      flex-direction: column;
      .contactButtonGroup {
        height: unset;
        width: 100%;
        flex-direction: row;
      }
    }
  }
}

@media (max-width: 64rem) {
  /* body{
        margin-top: 3rem;
    } */
  .navigationMenu {
    a {
      height: var(--menu-height-tablet);
      font-size: 1.25rem;
    }
    .logoTerenui {
      margin: 0 2rem;
      height: var(--menu-height-tablet);
    }
    .menu {
      display: none;
      flex-direction: column;
      position: absolute;
      top: var(--menu-height-tablet);
      left: 0;
      width: 100%;
      /* background-color: light-dark(var(--grimoires-white), var(--grimoires-black)); */
      li {
        flex-direction: column;
        min-height: unset;
        background-color: light-dark(
          var(--grimoires-white),
          var(--grimoires-black)
        );
        .solutionsList {
          display: flex;
          position: relative;
          top: 0;
        }
        a {
          justify-content: flex-start;
          min-height: 1.5rem;
        }
      }
    }
    .burger:checked ~ .menu {
      display: flex;
      width: auto;
    }
    .burger-label {
      padding: 0.75rem;
      display: flex;
      /* background-color: var(--grimoires-light-grey); */
      /* box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); */
    }
  }
  main {
    top: calc(var(--menu-height-tablet) + var(--level-one-title-height-tablet));
    h1 {
      top: var(--menu-height-tablet);
      font-size: 1.75rem;
      line-height: 2rem;
      min-height: var(--level-one-title-height-tablet);
    }
    .homePageOrganigram {
      row-gap: 10rem;
      column-gap: 25%;
      a {
        &.logoResu {
          filter: drop-shadow(1px 1px 0rem var(--grimoires-black-shadow));
          &:hover {
            filter: drop-shadow(1rem 1rem 0rem var(--grimoires-green-shadow));
          }
        }
        &.logoBlEtAn {
          filter: drop-shadow(-1px 1px 0rem var(--grimoires-black-shadow));
          &:hover {
            filter: drop-shadow(-1rem 1rem 0rem var(--grimoires-purple-shadow));
          }
        }
        &.logoUrge {
          filter: drop-shadow(1px -1px 0rem var(--grimoires-black-shadow));
          &:hover {
            filter: drop-shadow(1rem -1rem 0rem var(--grimoires-blue-shadow));
          }
        }
        &.logoExpr {
          filter: drop-shadow(-1px -1px 0rem var(--grimoires-black-shadow));
          &:hover {
            filter: drop-shadow(-1rem -1rem 0rem var(--grimoires-red-shadow));
          }
        }
      }
    }
    .solutionsPage {
      height: calc(
        100vh -
          calc(var(--menu-height-tablet) + var(--level-one-title-height-tablet))
      );
      .solution {
        &:hover,
        &:focus {
          padding: 0.25rem;
        }
      }
      a {
        padding: 1rem;
      }
    }
    .homePageBackground {
      p {
        top: 1.5rem;
        left: 2rem;
        font-size: 1.5rem;
      }
      .grimoiresLogo {
        width: 20rem;
      }
    }
    .homePage {
      height: calc(
        100vh -
          calc(var(--menu-height-tablet) + var(--level-one-title-height-tablet))
      );
    }
    .thanksPage {
      height: calc(
        100vh -
          calc(
            var(--menu-height-tablet) + var(--level-one-title-height-tablet) +
              var(--footer-height-tablet)
          )
      );
    }
    h2 {
      font-size: 1.5rem;
    }
    h3 {
      font-size: 1.25rem;
    }
    .sticky-image {
      top: calc(
        var(--menu-height-tablet) + var(--level-one-title-height-tablet)
      );
    }
    .contactPage {
      height: calc(
        100vh -
          calc(var(--menu-height-tablet) + var(--level-one-title-height-tablet))
      );
    }
    .contactDetails {
      left: 10%;
      gap: 0.25rem;
      top: 0.5rem;
      font-size: 1rem;
      h2 {
        font-size: 1.25rem;
      }
    }
  }
  .carousel-track {
    /* animation: scroll 90s linear infinite; */
    animation: scroll
      calc(
        1s * var(--carousel-total-items) * var(--carousel-tablet-items-onview)
      )
      linear infinite;
  }
  .carousel-item {
    /* min-width: 32.33%; */
    min-width: calc(100% / var(--carousel-tablet-items-onview) - 1%);
  }
  @keyframes scroll {
    0% {
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg)
        rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    }
    100% {
      transform: translate3d(
          calc(
            -100% * (var(--carousel-total-items) /
                  var(--carousel-tablet-items-onview))
          ),
          0,
          0
        )
        scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg)
        skew(0deg, 0deg);
    }
  }
  @keyframes scroll25 {
    0%,
    3% {
      transform: translateX(0);
    }
    4%,
    7% {
      transform: translateX(-33.33%);
    }
    8%,
    11% {
      transform: translateX(-66.67%);
    }
    12%,
    15% {
      transform: translateX(-100%);
    }
    16%,
    19% {
      transform: translateX(-133.33%);
    }
    20%,
    23% {
      transform: translateX(-166.67%);
    }
    24%,
    27% {
      transform: translateX(-200%);
    }
    28%,
    31% {
      transform: translateX(-233.33%);
    }
    32%,
    35% {
      transform: translateX(-266.67%);
    }
    36%,
    39% {
      transform: translateX(-300%);
    }
    40%,
    43% {
      transform: translateX(-333.33%);
    }
    44%,
    47% {
      transform: translateX(-366.67%);
    }
    48%,
    51% {
      transform: translateX(-400%);
    }
    52%,
    55% {
      transform: translateX(-433.33%);
    }
    56%,
    59% {
      transform: translateX(-466.67%);
    }
    60%,
    63% {
      transform: translateX(-500%);
    }
    64%,
    67% {
      transform: translateX(-533.33%);
    }
    68%,
    71% {
      transform: translateX(-566.67%);
    }
    72%,
    75% {
      transform: translateX(-600%);
    }
    76%,
    79% {
      transform: translateX(-633.33%);
    }
    80%,
    83% {
      transform: translateX(-666.67%);
    }
    84%,
    87% {
      transform: translateX(-700%);
    }
    88%,
    91% {
      transform: translateX(-733.33%);
    }
    92%,
    95% {
      transform: translateX(-766.67%);
    }
    96%,
    99% {
      transform: translateX(-800%);
    }
    100%,
    100% {
      transform: translateX(-833.33%);
    }
  }
  @keyframes scroll20 {
    0%,
    4% {
      transform: translateX(0);
    }
    5%,
    9% {
      transform: translateX(-33.33%);
    }
    10%,
    14% {
      transform: translateX(-66.67%);
    }
    15%,
    19% {
      transform: translateX(-100%);
    }
    20%,
    24% {
      transform: translateX(-133.33%);
    }
    25%,
    29% {
      transform: translateX(-166.67%);
    }
    30%,
    34% {
      transform: translateX(-200%);
    }
    35%,
    39% {
      transform: translateX(-233.33%);
    }
    40%,
    44% {
      transform: translateX(-266.67%);
    }
    45%,
    49% {
      transform: translateX(-300%);
    }
    50%,
    54% {
      transform: translateX(-333.33%);
    }
    55%,
    59% {
      transform: translateX(-366.67%);
    }
    60%,
    64% {
      transform: translateX(-400%);
    }
    65%,
    69% {
      transform: translateX(-433.33%);
    }
    70%,
    74% {
      transform: translateX(-466.67%);
    }
    75%,
    79% {
      transform: translateX(-500%);
    }
    80%,
    84% {
      transform: translateX(-533.33%);
    }
    85%,
    89% {
      transform: translateX(-566.67%);
    }
    90%,
    94% {
      transform: translateX(-600%);
    }
    95%,
    99% {
      transform: translateX(-633.33%);
    }
    100%,
    100% {
      transform: translateX(-666.67%);
    }
  }
  @keyframes scroll15 {
    0.00%,
    5.67% {
      transform: translateX(0);
    }
    6.67%,
    12.33% {
      transform: translateX(-33.33%);
    }
    13.33%,
    19.00% {
      transform: translateX(-66.67%);
    }
    20.00%,
    25.67% {
      transform: translateX(-100%);
    }
    26.67%,
    32.33% {
      transform: translateX(-133.33%);
    }
    33.33%,
    39.00% {
      transform: translateX(-166.67%);
    }
    40.00%,
    45.67% {
      transform: translateX(-200%);
    }
    46.67%,
    52.33% {
      transform: translateX(-233.33%);
    }
    53.33%,
    59.00% {
      transform: translateX(-266.67%);
    }
    60.00%,
    65.67% {
      transform: translateX(-300%);
    }
    66.67%,
    72.33% {
      transform: translateX(-333.33%);
    }
    73.33%,
    79.00% {
      transform: translateX(-366.67%);
    }
    80.00%,
    85.67% {
      transform: translateX(-400%);
    }
    86.67%,
    85.67% {
      transform: translateX(-433.33%);
    }
    93.33%,
    99.00% {
      transform: translateX(-466.67%);
    }
    100.00%,
    100.00% {
      transform: translateX(-500%);
    }
  }
  @keyframes scroll10 {
    0%,
    9% {
      transform: translateX(0);
    }
    10%,
    19% {
      transform: translateX(-33.33%);
    }
    20%,
    39% {
      transform: translateX(-66.67%);
    }
    30%,
    39% {
      transform: translateX(-100%);
    }
    40%,
    49% {
      transform: translateX(-133.33%);
    }
    50%,
    59% {
      transform: translateX(-166.67%);
    }
    60%,
    69% {
      transform: translateX(-200%);
    }
    70%,
    79% {
      transform: translateX(-233.33%);
    }
    80%,
    89% {
      transform: translateX(-266.67%);
    }
    90%,
    99% {
      transform: translateX(-300%);
    }
    100%,
    100% {
      transform: translateX(-333.33%);
    }
  }
  footer {
    top: calc(var(--menu-height-tablet) + var(--level-one-title-height-tablet));
    .footer {
      height: 7.5rem;
    }
    .links {
      img,
      a {
        max-height: 1.5rem;
      }
    }
  }
}

@media (max-width: 40rem) {
  .navigationMenu {
    .logoTerenui {
      margin: 0 auto;
    }
    .rightSideMenu {
      img {
        height: unset;
        width: 2rem;
      }
      a {
        width: unset;
      }
    }
  }
  main {
    top: calc(var(--menu-height-mobile) + var(--level-one-title-height-mobile));
    h1 {
      font-size: 1.25rem;
      line-height: 1.25rem;
      min-height: var(--level-one-title-height-mobile);
    }
    p,
    ul {
      font-weight: normal;
    }
    .homePageBackground {
      p {
        top: 1rem;
        left: 1.5rem;
        font-size: 1.25rem;
      }
    }
    .homePageOrganigram {
      display: flex;
      row-gap: 5rem;
      padding: 2rem 1rem;
      /* column-gap: 30%; */
      .homePageOrganigramBackground {
        bottom: 0rem;
        padding: 1rem;
      }
      .homePageOrganigramBackgroundEn {
        bottom: 0rem;
        padding: 1rem;
      }
    }
    .homePage {
      height: calc(
        100vh -
          calc(var(--menu-height-mobile) + var(--level-one-title-height-mobile))
      );
    }
    .thanksPage {
      height: calc(
        100vh -
          calc(
            var(--menu-height-mobile) + var(--level-one-title-height-mobile) +
              var(--footer-height-mobile)
          )
      );
      padding: 1rem 10%;
      p {
        text-align: center;
      }
    }
    .solutionsPage {
      height: calc(
        100vh -
          calc(var(--menu-height-mobile) + var(--level-one-title-height-mobile))
      );
    }
    .sticky-image {
      top: calc(
        var(--menu-height-mobile) + var(--level-one-title-height-mobile)
      );
    }
    section {
      min-width: 15rem;
    }
    .contactPage {
      height: calc(
        100vh -
          calc(var(--menu-height-mobile) + var(--level-one-title-height-mobile))
      );
    }
    .contactForm {
      .blocMessage {
        .contactButtonGroup {
          flex-direction: column;
        }
      }
    }
  }
  .carousel-track {
    /* animation: scroll 60s linear infinite; */
    animation: scroll
      calc(
        2s * var(--carousel-total-items) * var(--carousel-mobile-items-onview)
      )
      linear infinite;
  }
  .carousel-item {
    /* min-width: 99%; */
    min-width: calc(100% / var(--carousel-mobile-items-onview) - 1%);
  }
  @keyframes scroll {
    0% {
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg)
        rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    }
    100% {
      transform: translate3d(
          calc(
            -100% * (var(--carousel-total-items) /
                  var(--carousel-mobile-items-onview))
          ),
          0,
          0
        )
        scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg)
        skew(0deg, 0deg);
    }
  }
  @keyframes scroll25 {
    0%,
    3% {
      transform: translateX(0);
    }
    4%,
    7% {
      transform: translateX(-100%);
    }
    8%,
    11% {
      transform: translateX(-200%);
    }
    12%,
    15% {
      transform: translateX(-300%);
    }
    16%,
    19% {
      transform: translateX(-400%);
    }
    20%,
    23% {
      transform: translateX(-500%);
    }
    24%,
    27% {
      transform: translateX(-600%);
    }
    28%,
    31% {
      transform: translateX(-700%);
    }
    32%,
    35% {
      transform: translateX(-800%);
    }
    36%,
    39% {
      transform: translateX(-900%);
    }
    40%,
    43% {
      transform: translateX(-1000%);
    }
    44%,
    47% {
      transform: translateX(-1100%);
    }
    48%,
    51% {
      transform: translateX(-1200%);
    }
    52%,
    55% {
      transform: translateX(-1300%);
    }
    56%,
    59% {
      transform: translateX(-1400%);
    }
    60%,
    63% {
      transform: translateX(-1500%);
    }
    64%,
    67% {
      transform: translateX(-1600%);
    }
    68%,
    71% {
      transform: translateX(-1700%);
    }
    72%,
    75% {
      transform: translateX(-1800%);
    }
    76%,
    79% {
      transform: translateX(-1900%);
    }
    80%,
    83% {
      transform: translateX(-2000%);
    }
    84%,
    87% {
      transform: translateX(-2100%);
    }
    88%,
    91% {
      transform: translateX(-2200%);
    }
    92%,
    95% {
      transform: translateX(-2300%);
    }
    96%,
    99% {
      transform: translateX(-2400%);
    }
    100%,
    100% {
      transform: translateX(-2500%);
    }
  }
  @keyframes scroll20 {
    0%,
    4% {
      transform: translateX(0);
    }
    5%,
    9% {
      transform: translateX(-100%);
    }
    10%,
    14% {
      transform: translateX(-200%);
    }
    15%,
    19% {
      transform: translateX(-300%);
    }
    20%,
    24% {
      transform: translateX(-400%);
    }
    25%,
    29% {
      transform: translateX(-500%);
    }
    30%,
    34% {
      transform: translateX(-600%);
    }
    35%,
    39% {
      transform: translateX(-700%);
    }
    40%,
    44% {
      transform: translateX(-800%);
    }
    45%,
    49% {
      transform: translateX(-900%);
    }
    50%,
    54% {
      transform: translateX(-1000%);
    }
    55%,
    59% {
      transform: translateX(-1100%);
    }
    60%,
    64% {
      transform: translateX(-1200%);
    }
    65%,
    69% {
      transform: translateX(-1300%);
    }
    70%,
    74% {
      transform: translateX(-1400%);
    }
    75%,
    79% {
      transform: translateX(-1500%);
    }
    80%,
    84% {
      transform: translateX(-1600%);
    }
    85%,
    89% {
      transform: translateX(-1700%);
    }
    90%,
    94% {
      transform: translateX(-1800%);
    }
    95%,
    99% {
      transform: translateX(-1900%);
    }
    100%,
    100% {
      transform: translateX(-2000%);
    }
  }
  @keyframes scroll15 {
    0.00%,
    5.67% {
      transform: translateX(0);
    }
    6.67%,
    12.33% {
      transform: translateX(-100%);
    }
    13.33%,
    19.00% {
      transform: translateX(-200%);
    }
    20.00%,
    25.67% {
      transform: translateX(-300%);
    }
    26.67%,
    32.33% {
      transform: translateX(-400%);
    }
    33.33%,
    39.00% {
      transform: translateX(-500%);
    }
    40.00%,
    45.67% {
      transform: translateX(-600%);
    }
    46.67%,
    52.33% {
      transform: translateX(-700%);
    }
    53.33%,
    59.00% {
      transform: translateX(-800%);
    }
    60.00%,
    65.67% {
      transform: translateX(-900%);
    }
    66.67%,
    72.33% {
      transform: translateX(-1000%);
    }
    73.33%,
    79.00% {
      transform: translateX(-1100%);
    }
    80.00%,
    85.67% {
      transform: translateX(-1200%);
    }
    86.67%,
    85.67% {
      transform: translateX(-1300%);
    }
    93.33%,
    99.00% {
      transform: translateX(-1400%);
    }
    100.00%,
    100.00% {
      transform: translateX(-1500%);
    }
  }
  @keyframes scroll10 {
    0%,
    9% {
      transform: translateX(0);
    }
    10%,
    19% {
      transform: translateX(-100%);
    }
    20%,
    39% {
      transform: translateX(-200%);
    }
    30%,
    39% {
      transform: translateX(-300%);
    }
    40%,
    49% {
      transform: translateX(-400%);
    }
    50%,
    59% {
      transform: translateX(-500%);
    }
    60%,
    69% {
      transform: translateX(-600%);
    }
    70%,
    79% {
      transform: translateX(-700%);
    }
    80%,
    89% {
      transform: translateX(-800%);
    }
    90%,
    99% {
      transform: translateX(-900%);
    }
    100%,
    100% {
      transform: translateX(-1500%);
    }
  }
  footer {
    top: calc(var(--menu-height-mobile) + var(--level-one-title-height-mobile));
    flex-direction: column;
    gap: 1rem;
    overflow-x: hidden;
    /* .footer {
      height: 100%;
    } */
    .links {
      flex-direction: column;
      align-items: center;
      gap: 0.75rem;
      a {
        font-size: 0.75rem;
      }
    }
  }
}

@media (prefers-color-scheme: light) {
  .navigationMenu {
    .logoTerenui {
      content: url("images/logo_terenui.svg");
    }
    .burger-icon {
      content: url("images/icons/Burger_black.svg");
    }
    .sendMail {
      content: url("images/icons/SendMail_black.svg");
    }
    .logIn {
      content: url("images/icons/Profile_black.svg");
    }
  }
  .blockAndAnesthesia {
    .manInBedClock {
      content: url("images/icons/ManInBedClock_white.svg");
    }
    .heartECG {
      content: url("images/icons/HeartECG_white.svg");
    }
    .chat {
      content: url("images/icons/Chat_white.svg");
    }
    .complex {
      content: url("images/icons/Complex_white.svg");
    }
    .easyErgo {
      content: url("images/icons/EasyErgo_white.svg");
    }
    .fullWeb {
      content: url("images/icons/FullWeb_white.svg");
    }
    .lockedLock {
      content: url("images/icons/LockedLock_white.svg");
    }
    .touch {
      content: url("images/icons/Touch_white.svg");
    }
    .doubleHalfArrows {
      content: url("images/icons/DoubleHalfArrows_white.svg");
    }
    .lightBulb {
      content: url("images/icons/LightBulb_white.svg");
    }
  }
  .marquageCE {
    content: url("/images/certifications/CE_black.svg");
  }
  .logoGrimoires {
    content: url("/images/logos-Grimoires/GRIMOIRES_logo_2020_black.svg");
  }
  .homePageOrganigramBackground {
    content: url("/images/grimoires-solutions/mapGrimoires_black.svg");
  }
  .homePageOrganigramBackgroundEn {
    content: url("/images/grimoires-solutions/mapGrimoires_black_en.svg");
  }
  .logoResu {
    content: url("/images/logos-Grimoires/Grimoires_Rea_logo_black.svg");
  }
  .logoBlEtAn {
    content: url("/images/logos-Grimoires/Grimoires_BeA_logo_black.svg");
  }
  .logoUrge {
    content: url("/images/logos-Grimoires/Grimoires_Urg_logo_black.svg");
  }
  .logoExpr {
    content: url("/images/logos-Grimoires/Grimoires_Exp_logo_black.svg");
  }
  .manInBedClock {
    content: url("images/icons/ManInBedClock_black.svg");
  }
  .heartECG {
    content: url("images/icons/HeartECG_black.svg");
  }
  .chat {
    content: url("images/icons/Chat_black.svg");
  }
  .complex {
    content: url("images/icons/Complex_black.svg");
  }
  .easyErgo {
    content: url("images/icons/EasyErgo_black.svg");
  }
  .fullWeb {
    content: url("images/icons/FullWeb_black.svg");
  }
  .lockedLock {
    content: url("images/icons/LockedLock_black.svg");
  }
  .touch {
    content: url("images/icons/Touch_black.svg");
  }
  .doubleHalfArrows {
    content: url("images/icons/DoubleHalfArrows_black.svg");
  }
  .lightBulb {
    content: url("images/icons/LightBulb_black.svg");
  }
  .boldness {
    content: url("images/icons/boldness_black.svg");
  }
  .autonomy {
    content: url("images/icons/Autonomy_black.svg");
  }
  .solidarity {
    content: url("images/icons/Solidarity_black.svg");
  }
  .humility {
    content: url("images/icons/Humility_black.svg");
  }
  .blockOrganigram {
    display: none;
  }
  .anesthesiaOrganigram {
    display: none;
  }
  .interOpOrganigramVF {
    content: url("/images/organigrams/OrganigramInterop_black_VF.svg");
    max-height: 100vh;
  }
  .interOpOrganigramVE {
    content: url("/images/organigrams/OrganigramInterop_black_VE.svg");
    max-height: 100vh;
  }
  .blockAndAnesthesiaOrganigramVF {
    content: url("images/organigrams/AB-organigram-fs_black_VF.svg");
  }
  .blockAndAnesthesiaOrganigramVE {
    content: url("images/organigrams/AB-organigram-fs_black_VE.svg");
  }
  @media (max-width: 40rem) {
    .blockOrganigram {
      display: flex;
      width: 100%;
    }
    .blockOrganigramVF {
      content: url("images/organigrams/BlocMobile_black_VF.svg");
    }
    .blockOrganigramVE {
      content: url("images/organigrams/BlocMobile_black_VE.svg");
    }
    .anesthesiaOrganigram {
      display: flex;
      width: 100%;
    }
    .anesthesiaOrganigramVF {
      content: url("images/organigrams/AnestMobile_black_VF.svg");
    }
    .anesthesiaOrganigramVE {
      content: url("images/organigrams/AnestMobile_black_VE.svg");
    }
    .blockAndAnesthesiaOrganigramVF {
      content: url("images/organigrams/BlocAnestMobile_black_VF.svg");
      flex: unset !important;
      width: 100% !important;
    }
    .blockAndAnesthesiaOrganigramVE {
      content: url("images/organigrams/BlocAnestMobile_black_VE.svg");
      flex: unset !important;
      width: 100% !important;
    }
    .homePageOrganigramBackground {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_black.svg");
    }
    .homePageOrganigramBackgroundEn {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_black.svg");
    }
  }
}

@media (prefers-color-scheme: dark) {
  .navigationMenu {
    .logoTerenui {
      content: url("images/logo_terenui.svg");
    }
    .burger-icon {
      content: url("images/icons/Burger_black.svg");
    }
    .sendMail {
      content: url("images/icons/SendMail_black.svg");
    }
    .logIn {
      content: url("images/icons/Profile_black.svg");
    }
  }
  .blockAndAnesthesia {
    .manInBedClock {
      content: url("images/icons/ManInBedClock_white.svg");
    }
    .heartECG {
      content: url("images/icons/HeartECG_white.svg");
    }
    .chat {
      content: url("images/icons/Chat_white.svg");
    }
    .complex {
      content: url("images/icons/Complex_white.svg");
    }
    .easyErgo {
      content: url("images/icons/EasyErgo_white.svg");
    }
    .fullWeb {
      content: url("images/icons/FullWeb_white.svg");
    }
    .lockedLock {
      content: url("images/icons/LockedLock_white.svg");
    }
    .touch {
      content: url("images/icons/Touch_white.svg");
    }
    .doubleHalfArrows {
      content: url("images/icons/DoubleHalfArrows_white.svg");
    }
    .lightBulb {
      content: url("images/icons/LightBulb_white.svg");
    }
  }
  .marquageCE {
    content: url("/images/certifications/CE_black.svg");
  }
  .logoGrimoires {
    content: url("/images/logos-Grimoires/GRIMOIRES_logo_2020_black.svg");
  }
  .homePageOrganigramBackground {
    content: url("/images/grimoires-solutions/mapGrimoires_black.svg");
  }
  .homePageOrganigramBackgroundEn {
    content: url("/images/grimoires-solutions/mapGrimoires_black_en.svg");
  }
  .logoResu {
    content: url("/images/logos-Grimoires/Grimoires_Rea_logo_black.svg");
  }
  .logoBlEtAn {
    content: url("/images/logos-Grimoires/Grimoires_BeA_logo_black.svg");
  }
  .logoUrge {
    content: url("/images/logos-Grimoires/Grimoires_Urg_logo_black.svg");
  }
  .logoExpr {
    content: url("/images/logos-Grimoires/Grimoires_Exp_logo_black.svg");
  }
  .manInBedClock {
    content: url("images/icons/ManInBedClock_black.svg");
  }
  .heartECG {
    content: url("images/icons/HeartECG_black.svg");
  }
  .chat {
    content: url("images/icons/Chat_black.svg");
  }
  .complex {
    content: url("images/icons/Complex_black.svg");
  }
  .easyErgo {
    content: url("images/icons/EasyErgo_black.svg");
  }
  .fullWeb {
    content: url("images/icons/FullWeb_black.svg");
  }
  .lockedLock {
    content: url("images/icons/LockedLock_black.svg");
  }
  .touch {
    content: url("images/icons/Touch_black.svg");
  }
  .doubleHalfArrows {
    content: url("images/icons/DoubleHalfArrows_black.svg");
  }
  .lightBulb {
    content: url("images/icons/LightBulb_black.svg");
  }
  .boldness {
    content: url("images/icons/boldness_black.svg");
  }
  .autonomy {
    content: url("images/icons/Autonomy_black.svg");
  }
  .solidarity {
    content: url("images/icons/Solidarity_black.svg");
  }
  .humility {
    content: url("images/icons/Humility_black.svg");
  }
  .blockOrganigram {
    display: none;
  }
  .anesthesiaOrganigram {
    display: none;
  }
  .interOpOrganigramVF {
    content: url("/images/organigrams/OrganigramInterop_black_VF.svg");
    max-height: 100vh;
  }
  .interOpOrganigramVE {
    content: url("/images/organigrams/OrganigramInterop_black_VE.svg");
    max-height: 100vh;
  }
  .blockAndAnesthesiaOrganigramVF {
    content: url("images/organigrams/AB-organigram-fs_black_VF.svg");
  }
  .blockAndAnesthesiaOrganigramVE {
    content: url("images/organigrams/AB-organigram-fs_black_VE.svg");
  }
  @media (max-width: 40rem) {
    .blockOrganigram {
      display: flex;
      width: 100%;
    }
    .blockOrganigramVF {
      content: url("images/organigrams/BlocMobile_black_VF.svg");
    }
    .blockOrganigramVE {
      content: url("images/organigrams/BlocMobile_black_VE.svg");
    }
    .anesthesiaOrganigram {
      display: flex;
      width: 100%;
    }
    .anesthesiaOrganigramVF {
      content: url("images/organigrams/AnestMobile_black_VF.svg");
    }
    .anesthesiaOrganigramVE {
      content: url("images/organigrams/AnestMobile_black_VE.svg");
    }
    .blockAndAnesthesiaOrganigramVF {
      content: url("images/organigrams/BlocAnestMobile_black_VF.svg");
      flex: unset !important;
      width: 100% !important;
    }
    .blockAndAnesthesiaOrganigramVE {
      content: url("images/organigrams/BlocAnestMobile_black_VE.svg");
      flex: unset !important;
      width: 100% !important;
    }
    .homePageOrganigramBackground {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_black.svg");
    }
    .homePageOrganigramBackgroundEn {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_black.svg");
    }
  }

  /* .navigationMenu {
    .logoTerenui {
      content: url("images/logo_terenui_dm.svg");
    }
    .burger-icon {
      content: url("images/icons/Burger_white.svg");
    }
    .sendMail {
      content: url("images/icons/SendMail_white.svg");
    }
    .logIn {
      content: url("images/icons/Profile_white.svg");
    }
  }
  .marquageCE {
    content: url("/images/certifications/CE_white.svg");
  }
  .logoGrimoires {
    content: url("/images/logos-Grimoires/GRIMOIRES_logo_2020_white.svg");
  }
  .homePageOrganigramBackground {
    content: url("/images/grimoires-solutions/mapGrimoires_white.svg");
  }
  .homePageOrganigramBackgroundEn {
    content: url("/images/grimoires-solutions/mapGrimoires_white_en.svg");
  }
  .logoResu {
    content: url("/images/logos-Grimoires/Grimoires_Rea_logo_white.svg");
  }
  .logoBlEtAn {
    content: url("/images/logos-Grimoires/Grimoires_BeA_logo_white.svg");
  }
  .logoUrge {
    content: url("/images/logos-Grimoires/Grimoires_Urg_logo_white.svg");
  }
  .logoExpr {
    content: url("/images/logos-Grimoires/Grimoires_Exp_logo_white.svg");
  }
  .manInBedClock {
    content: url("images/icons/ManInBedClock_white.svg");
  }
  .heartECG {
    content: url("images/icons/HeartECG_white.svg");
  }
  .chat {
    content: url("images/icons/Chat_white.svg");
  }
  .easyErgo {
    content: url("images/icons/EasyErgo_white.svg");
  }
  .fullWeb {
    content: url("images/icons/FullWeb_white.svg");
  }
  .complex {
    content: url("images/icons/Complex_white.svg");
  }
  .lockedLock {
    content: url("images/icons/LockedLock_white.svg");
  }
  .touch {
    content: url("images/icons/Touch_white.svg");
  }
  .doubleHalfArrows {
    content: url("images/icons/DoubleHalfArrows_white.svg");
  }
  .lightBulb {
    content: url("images/icons/LightBulb_white.svg");
  }
  .boldness {
    content: url("images/icons/boldness_white.svg");
  }
  .autonomy {
    content: url("images/icons/Autonomy_white.svg");
  }
  .solidarity {
    content: url("images/icons/Solidarity_white.svg");
  }
  .humility {
    content: url("images/icons/Humility_white.svg");
  }
  .blockOrganigram {
    display: none;
  }
  .anesthesiaOrganigram {
    display: none;
  }
  .interOpOrganigramVF {
    content: url("/images/organigrams/OrganigramInterop_white_VF.svg");
    max-height: 100vh;
  }
  .interOpOrganigramVE {
    content: url("/images/organigrams/OrganigramInterop_white_VE.svg");
    max-height: 100vh;
  }
  .blockAndAnesthesiaOrganigramVF {
    content: url("images/organigrams/AB-organigram-fs_white_VF.svg");
  }
  .blockAndAnesthesiaOrganigramVE {
    content: url("images/organigrams/AB-organigram-fs_white_VE.svg");
  }
  @media (max-width: 40rem) {
    .blockAndAnesthesiaFusion {
      width: 100%;
    }
    .blockOrganigram {
      display: flex;
      flex: 1;
    }
    .blockOrganigramVF {
      content: url("images/organigrams/BlocMobile_white_VF.svg");
    }
    .blockOrganigramVE {
      content: url("images/organigrams/BlocMobile_white_VE.svg");
    }
    .anesthesiaOrganigram {
      display: flex;
      flex: 1;
    }
    .anesthesiaOrganigramVF {
      content: url("images/organigrams/AnestMobile_white_VF.svg");
    }
    .anesthesiaOrganigramVE {
      content: url("images/organigrams/AnestMobile_white_VE.svg");
    }
    .blockAndAnesthesiaOrganigramVF {
      width: 100%;
      content: url("images/organigrams/BlocAnestMobile_white_VF.svg");
    }
    .blockAndAnesthesiaOrganigramVE {
      width: 100%;
      content: url("images/organigrams/BlocAnestMobile_white_VE.svg");
    }
    .homePageOrganigramBackground {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_white.svg");
    }
    .homePageOrganigramBackgroundEn {
      content: url("/images/grimoires-solutions/mapGrimoiresMobile_white.svg");
    }
  } */
}