.bkg-color-white-hard {
  background: white!important;
}
.index-max {
  z-index: 9999999999999999999;
}
.fixed-hard {
  position: fixed!important;
}


/* Menu - Active */
/******************************************************************************************************************************************************************************/
html.active {
  overflow: hidden;
}
html.active .header nav {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
html.active .header #header-btn-open-menu-mobile .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
html.active .header #header-btn-open-menu-mobile .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
html.active .header #header-btn-open-menu-mobile .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

.header {
  width: 100%;
}

/* Mobile - Button open nav */
/******************************************************************************************************************************************************************************/
.header #header-btn-open-menu-mobile {
  /*var(--header-mobile-has-navigation-height)*/
  /*var(--header-mobile-has-navigation-width)*/
}
.header #header-btn-open-menu-mobile .line {
  fill: none;
  stroke-width: 6;
  stroke: black;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.header #header-btn-open-menu-mobile .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.header #header-btn-open-menu-mobile .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.header #header-btn-open-menu-mobile .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.header {

}

.btn-connect-header-ghost {
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  color: var(--color-bali-hex);
  border-style: solid;
  border-width: 2px;
  border-color: var(--color-bali-hex);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: var(--regular);
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  margin: 0;
  text-decoration: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background .2s ease;
  transition: background .2s ease;
  -webkit-transition: color .2s ease;
  transition: color .2s ease;
}

@media (hover:hover) {

  .btn-connect-header-ghost:hover {
    cursor: pointer;
    color: var(--color-white-hex);
    background: var(--color-bali-hex);
  }
}

/***MOBILE******MOBILE*******MOBILE*******MOBILE********MOBILE******MOBILE******MOBILE******MOBILE*****MOBILE******MOBILE*****MOBILE********MOBILE******MOBILE*************MOBILE******MOBILE******MOBILE*******/

@media screen and (max-width: 992px) {
  .header_height_fix {

  }
  .scroll-menu::-webkit-scrollbar {
    height: 15px;
  }
  .scroll-menu::-webkit-scrollbar-thumb {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: var(--color-lavender-blue-hex);
    cursor: pointer;  
  }
  .scroll-menu::-webkit-scrollbar-track {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: var(--color-cloud-hex);
    margin-left: 16px;
    margin-right: 16px;
  }


  /****JS*******JS*******JS*******JS******JS****JS******JS**********JS***JS******JS*******JS****JS******JS*****JS****JS********/
  /* Au chargement initial, max-height à 0 et opacité à 0 */
  .header .content-dropdown {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.9s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .header .content-dropdown.visible {
    max-height: 2000px;
    border-bottom: 0.5px solid var(--color-morocco);
  }
  .header .content-dropdown.close {
    transition:none; /* Transition rapide pour la fermeture */
  }
  /****ENDJS*******ENDJS*******ENDJS*******ENDJS******ENDJS****ENDJS******ENDJS**********ENDJS***ENDJS****ENDJS****ENDJS******/
  .header .header__container {
    height : 90px;
  }
  .header nav {
    width: 100%;
    min-height: calc(100vh - 120px);
    background: #fff;
    height: 100%;
    position: fixed;
    top: 90px;/*var(--header-mobile-has-navigation-height)*/
    left: -100%;
    right: 0px;
    padding-bottom: 100px;
    webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
  }

  .header nav > ul{
    height:80%;
    overflow-y: scroll;
    width: 98%;
  }

  .header .button-burger {
    appearance: none;
    background: transparent;
    border: none;
  }

  .header__img-container {
    display: flex;
  }

  .header nav ul li.header__nav-li-sub-menu span{
    position: relative;
  }


  .header nav ul li.header__nav-li-sub-menu span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3E%3Cg id='Simple-down'%3E%3Cpath id='Vector' d='M12.2129 4.08597L7.19189 9.1666C6.99985 9.36092 6.7498 9.45606 6.49975 9.45606C6.2497 9.45606 5.99764 9.3589 5.8076 9.1666L0.78656 4.08597C0.40448 3.69936 0.40448 3.07187 0.78656 2.68323L1.21865 2.24601C1.60073 1.8594 2.22086 1.8594 2.60494 2.24601L5.80961 5.48871C6.00165 5.68303 6.2517 5.77817 6.50175 5.77817C6.7518 5.77817 7.00385 5.68101 7.19389 5.48871L10.3986 2.24601C10.7806 1.8594 11.4008 1.8594 11.7848 2.24601L12.2169 2.68323C12.595 3.07187 12.595 3.69936 12.2129 4.08597Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    top: 0;
    right: -30px;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 999;
  }

  .header .trigger-dropdown {
    font-weight: bold; 
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header .trigger-dropdown a{
    width: 100%
  }

  .header .sub-menu__trigger  {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 70%;
    position: relative;
  }
  .header nav ul li .sub-menu__trigger:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3E%3Cg id='Simple-down'%3E%3Cpath id='Vector' d='M12.2129 4.08597L7.19189 9.1666C6.99985 9.36092 6.7498 9.45606 6.49975 9.45606C6.2497 9.45606 5.99764 9.3589 5.8076 9.1666L0.78656 4.08597C0.40448 3.69936 0.40448 3.07187 0.78656 2.68323L1.21865 2.24601C1.60073 1.8594 2.22086 1.8594 2.60494 2.24601L5.80961 5.48871C6.00165 5.68303 6.2517 5.77817 6.50175 5.77817C6.7518 5.77817 7.00385 5.68101 7.19389 5.48871L10.3986 2.24601C10.7806 1.8594 11.4008 1.8594 11.7848 2.24601L12.2169 2.68323C12.595 3.07187 12.595 3.69936 12.2129 4.08597Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    top: 50%;
    right: -20px;
    transform: rotate(-90deg);
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 999;
  }
  .header .sub-menu__content__title {
    font-weight: bold; 
  }

  .fonctionnality-js{
    display: none;
  }
  .fonctionality-mobile-visible {
    display: block;
    position: absolute;
    background: #ffff;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    padding:10px 0px 0px 40px;
  }


  .header-button__container {
    justify-content: center;
  }
  .header-cta__container {
    margin-right: 20px;
  }

  .right-column__link-container a{
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .header .trigger-fonctonality-close {
    /*position: absolute;
    bottom: 130px;
    right: 40px;*/
  }
  .trigger-fonctonality-close__arrow {
    width="9.12";
    height="22.545";
  }

}




/***DESKTOP******DESKTOP*******DESKTOP*******DESKTOP********DESKTOP******DESKTOP******DESKTOP******DESKTOP*****DESKTOP******DESKTOP*****DESKTOP********DESKTOP******DESKTOP*************DESKTOP******DESKTOP******DESKTOP*******/
@media screen and (min-width: 992px) {
  .right-column__container {
    transition: transform 0.1s ease-out;
    transform: scale(1); /* Initial scale */
  }

  .right-column__container.scale-custom{
    transform: scale(0); /* Change to the desired scale */
  }
  .col-custom {
    transition: all 1s ease-out;
    grid-column-end: span 12!important;
  }
  /*--atome--*/
  .mr-responsive {
    margin-right: clamp(16px, calc(10px + (30 - 10) * (100vw - 992px) / (1440 - 992)), 30px);
  }

  .icon-title_IA {
    position: absolute;
    top : 15px;
    right: 4px;
    width: 13px;
    height: 13px;
    z-index: 999;
  }
  /*------*/
  .header .button-burger-container,
  .header .button-burger {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  .header nav{
    height:100%;
    display: flex;
    align-items: center;
  }
  .header nav > ul{
    margin:0;
    height:100%;
    padding-left: 10px;
  }
  .header nav ul li {
    /*padding: 0 10px;*/
    height:100%;
    position: relative;
  }
  .header nav ul li .trigger-dropdown {
    height:100%;
    overflow:hidden!important;
  }

  /****************SUB NAV******************************/
  .visibility,
  .visibility:before,
  .visibility:after{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  .header nav ul li .content-dropdown {
    /*left:0;*/
    position: absolute;
    overflow:hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
  .header nav ul li.header__nav-li-sub-menu:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3E%3Cg id='Simple-down'%3E%3Cpath id='Vector' d='M12.2129 4.08597L7.19189 9.1666C6.99985 9.36092 6.7498 9.45606 6.49975 9.45606C6.2497 9.45606 5.99764 9.3589 5.8076 9.1666L0.78656 4.08597C0.40448 3.69936 0.40448 3.07187 0.78656 2.68323L1.21865 2.24601C1.60073 1.8594 2.22086 1.8594 2.60494 2.24601L5.80961 5.48871C6.00165 5.68303 6.2517 5.77817 6.50175 5.77817C6.7518 5.77817 7.00385 5.68101 7.19389 5.48871L10.3986 2.24601C10.7806 1.8594 11.4008 1.8594 11.7848 2.24601L12.2169 2.68323C12.595 3.07187 12.595 3.69936 12.2129 4.08597Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    top: 33%;
    right: 7px;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 999999;
  }

  .fonctionnality-js:not(:first-child) {
    display: none;
  }



  .header nav ul li.header__nav-li-sub-menu .content-dropdown-2{
    right: -350%;
  }
  .header nav ul li.header__nav-li-sub-menu .content-dropdown:not(.content-dropdown-2) {
    right: -200%;
  }
  .header nav ul li.header__nav-li-sub-menu .trigger-dropdown .cube-arrow-subnav {
    height: 0;
    width: 100%;
  }
  .header nav ul li.header__nav-li-sub-menu .cube-arrow-subnav.visibility:before {
    content: '';
    bottom: -22px;
    right: 0px;
    transform: rotate(45deg);
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 0;
    overflow:hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  }
  .header nav ul li.header__nav-li-sub-menu .cube-arrow-subnav.visibility:after {
    content: '';
    bottom: -22px;
    right: 0px;
    transform: rotate(45deg);
    background: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 999999;
    overflow:hidden;
    opacity: 0;
    visibility: hidden;

  }



  .header nav .sub-menu-row{
    width: 50vw;
    padding-top: 60px;
    padding-bottom: 75px;
  }
  .header nav .sub-menu__trigger{
    padding: 10px 20px;
  }
  .header nav .sub-menu__icon { 
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-cloud-hex);
    margin-right: 26px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    min-width: 50px;
    height: 50px;
  }
  .header nav .right-column-sub-menu__link{
    padding: 10px;
  }
  .header nav .box-lg {
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  }
  .header nav .right-column__container.right-column__border-left {
    border-left: 1px solid var(--color-black-hex);
  }

  .header li.header__nav-li-sub-menu .hover__menu{
    padding: 10px 30px 10px 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .header li:not(.header__nav-li-sub-menu) .hover__menu {
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }

  @media (hover:hover) {
    .header:hover {
    }
    .header.bkg-color-cloud .hover__menu:hover {
      background: var(--color-white-hex);
    }
    .header.bkg-color-white .hover__menu:hover {
      background: var(--color-cloud-hex);
    }
    /****************SUB NAV******************************/
    .header nav ul li:hover .cube-arrow-subnav.visibility:before,
    .header nav ul li:hover .cube-arrow-subnav.visibility:after,
    .header nav ul li:hover .content-dropdown.visibility{
      display: block !important;
      opacity: 1 !important;
      visibility: visible !important;
    }
    .header nav ul li .content-dropdown:before {
    }
    .header nav ul li .left-column__container{
      cursor:default;
    }
    .header nav .sub-menu__trigger:hover,
    .header nav .right-column-sub-menu__link:hover {
      background:var(--color-cloud-hex);
    }
    .header nav .sub-menu__trigger:hover .sub-menu__icon {
      background:var(--color-white-hex);
    }
  }


  .header nav .sub-menu__trigger.active{
    background:var(--color-cloud-hex);
  }
  .header nav .sub-menu__trigger.active .sub-menu__icon {
    background:var(--color-white-hex);
  }

}
@media screen and (max-width: 991px) {
  .header_height_fix {
    height: 90px;
  }
  .disabled-mobile {
    pointer-events: none;
  }
}
@media (min-width: 992px) and (max-width: 1055px) {
  .header_height_fix {

  }
  .header nav .sub-menu-row{
    min-width: 600px;
  }
}



@media screen and (min-width: 1055px) {

  .header nav .sub-menu-row{
    min-width: 737px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .header_height_fix {
    height: 51px;
  }
  .mr-responsive {
    margin-right: 2px;
  }
  .header nav ul li .content-dropdown {
    top: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .header_height_fix {
    height: 61px;
  }
  .mr-responsive {
    margin-right: clamp(16px, calc(10px + (30 - 10) * (100vw - 992px) / (1440 - 992)), 30px);
  }
  .header nav ul li .content-dropdown {
    top: 67px;
  }
}