header .header__logo {
    max-width: 200px;
}
a.menu-link p.connexion_button{
    padding: 8px 20px; 
}
/* Scrollbar */
.header__navigation::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.header__navigation::-webkit-scrollbar
{
  width: 5px;
  background-color: #F5F5F5;
  color
}

.header__navigation::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #E7135E;
}

.header__navigation{
  max-height: 100vh;
  overflow: auto;
}
html {
  --scrollbarBG: #F5F5F5;
  --thumbBG: #E7135E;
}
.header__navigation {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}


/* Menu Item Styles */

.navigation-primary .menu-item a {
  color: #00326d;
  text-decoration: none;
}
.navigation-primary a:hover,
.navigation-primary a:focus {
  color: #000a45;
}

.navigation-primary a:active {
  color: #285a95;
}

/* Active Menu Item Styles */

.navigation-primary a.active-item {
  position: relative;
}

.navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #00326d;
  bottom: -3px;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.navigation-primary .submenu.level-1 > li > a.active-item:after {
  display: none;
}

/* Menu */

.submenu {
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

  .submenu {
    display: none;
  }

  input[type='checkbox']:checked ~ .submenu {
    display: block;
  }

  .submenu > .has-submenu {
    position: relative;
  }

  .submenu > li > a {
    display: block;
    width: 100%;
  }

  .submenu > .has-submenu > a {
    width: 80%;
  }


/* Top Level Menu */

.submenu.level-1 {
  display: inline-block;
}

.submenu.level-1 > li {
  display: inline-block;
  margin-right: 50px;
  position: relative;
}

.submenu.level-1 > li:last-child {
  margin-right: 0;
}

/*@media screen and (min-width: 768px) and (max-width: 1100px) {*/
  .submenu.level-1 > li {
    margin-right: 20px;
  }
/*}*/

/*@media (max-width: 767px) {*/
  .submenu.level-1 {
    width: 100%;
  }

  .submenu.level-1 > li {
    display: block;
    margin-right: 0.7rem 0;
    padding: 0;
    width: 100%;
  }

  .submenu.level-1 > li > a {
    padding: 0 30px;
  }
/*}*/

/* Child Menus */

.submenu.level-2 {
  background-color: #fff;
  border: 1px solid #eff7ff;
  box-shadow: 0 23px 50px -14px rgba(0, 0, 0, 0.21);
  left: -9999px;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 220px;
  z-index: 2;
}

.submenu.level-1 > li:hover .submenu.level-2,
.submenu.level-1 > li.focus .submenu.level-2 {
  left: 0;
  opacity: 1;
}

.submenu.level-1 > li:hover:last-child .submenu.level-2,
.submenu.level-1 > li.focus:last-child .submenu.level-2 {
  left: auto;
  right: 0;
}

.submenu.level-2 .menu-item {
  margin-bottom: 20px;
  position: relative;
}

.submenu.level-2 .menu-link {
  display: block;
  padding: 10px;
  transition: background-color 0.3s;
}

.submenu.level-2 .menu-link:hover,
.submenu.level-2 .menu-link:focus {
  background-color: #eff7ff;
  cursor: pointer;
  transition: background-color 0.3s;
}

/*@media (max-width: 767px) {*/
  .submenu.level-2 {
    border: none;
    box-shadow: none;
    opacity: 1;
    position: static;
    visibility: visible;
    width: 100%;
  }

  .submenu.level-2 .menu-link {
    padding: 10px 50px;
  }

  .submenu.level-2 .menu-link:hover {
    background-color: inherit;
  }

  .submenu li {
    margin: 0.7rem 0;
  }
/*}*/

/*@media (min-width: 767px) {*/
  .submenu.level-3 {
    background-color: #fff;
    left: -9999px;
    opacity: 0;
    position: absolute;
    top: 5%;
    width: 100%;
  }

  .submenu.level-2 .menu-item:hover .submenu.level-3,
  .submenu.level-2 .menu-item.focus .submenu.level-3 {
    left: 100%;
    opacity: 1;
    z-index: 1;
  }

  /* prettier-ignore */
  .submenu.level-1 > li:hover:last-child .submenu.level-2 .menu-item:hover .submenu.level-3,
  .submenu.level-1 > li.focus:last-child .submenu.level-2 .menu-item.focus .submenu.level-3 {
    left: auto;
    right: 100%;
  }
/*}*/

.submenu.level-3 .menu-link {
  padding-left: 30px;
}

/*@media (max-width: 767px) {*/
  .submenu.level-3 .menu-link {
    padding: 10px 70px;
  }
/*}*/

/* Mobile Navigation Toggles */

@media (max-width: 1280px) {
  .header__navigation{
    margin: 0;
    width: 100vw;
    height: var(--smartphone_menu_height);
  }
  .header__navigation #hs_cos_wrapper_header_navigation_primary{
    height: 100%;
  }
  .header__navigation .navigation-primary{
    height: 100%;
  }
  .header__navigation .level-1{
    height: 100%;
  }
}

.submenu-toggle,
#nav-toggle,
.header__navigation-toggle,
.menu-child-toggle-icon {
  display: none;
}

/*@media screen and (max-width: 767px) {*/
  .header__navigation-toggle,
  .menu-child-toggle-icon {
    cursor: pointer;
    display: block;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #00c6ab;
  }

  #nav-toggle:checked ~ .header__navigation {
    display: block;
  }

  .header__mobile-menu-open-icon {
    display: block;
  }

  .header__mobile-menu-close-icon {
    display: none;
  }

  /* prettier-ignore */
  #nav-toggle:checked+.header__navigation-toggle .header__mobile-menu-open-icon {
    display: none;
  }

  /* prettier-ignore */
  #nav-toggle:checked+.header__navigation-toggle .header__mobile-menu-close-icon {
    display: block;
  }

  .menu-arrow {
    border: none;
    cursor: pointer;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
  }

  input[type='checkbox']:checked ~ .menu-arrow svg {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition: transform 0.4s;
  }
/*}*/

/* HubSpot Editor Styles */

.hs-inline-edit .submenu.level-1 > li.has-submenu:hover .submenu.level-2,
.hs-inline-edit > li.has-submenu.focus .submenu.level-2 {
  visibility: hidden;
}

.submenu.level-1>li{
    padding-bottom:15px;
}
.submenu.level-1>li:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background-color: #d0d0d0;
}
.submenu.level-1>li:nth-last-child(-n+4):after {
    display:none;
}
.submenu.level-1>li:last-child:after {
    display:none;
}
.submenu.level-2>li ul{
    margin:0;
    padding:0;
    list-style: none;
}

.phone_button{
    height: 25px;
    background-image: url("data:image/svg+xml,%3csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3e%3cpath d='M.69,.91L4.55,.02c.42-.1,.85,.12,1.02,.52l1.78,4.16c.16,.36,.05,.79-.26,1.04l-2.25,1.84c1.34,2.85,3.67,5.21,6.58,6.58l1.84-2.25c.25-.31,.68-.41,1.04-.26l4.16,1.78c.4,.17,.62,.6,.52,1.02l-.89,3.86c-.09,.4-.45,.69-.87,.69C7.71,19,0,11.3,0,1.78c0-.42,.29-.78,.69-.87Z' style='fill:%23193764;'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    padding-left:40px;
    margin-bottom:10px;
}
.compte_button{
    background-image: url("data:image/svg+xml,%3csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.32 22.32'%3e%3ccircle cx='11.16' cy='11.16' r='10.98' style='fill:%23193764;'/%3e%3cpath d='M18.6,16.69v1.38c0,.88-.71,1.59-1.59,1.59H5.32c-.88,0-1.59-.71-1.59-1.59v-1.38c0-2.46,2-4.46,4.46-4.46h.55c.74,.34,1.56,.53,2.42,.53s1.68-.19,2.42-.53h.55c2.46,0,4.46,2,4.46,4.46ZM6.91,6.91c0-2.35,1.9-4.25,4.25-4.25s4.25,1.9,4.25,4.25-1.9,4.25-4.25,4.25-4.25-1.9-4.25-4.25Z' style='fill:%23fff;'/%3e%3ccircle cx='11.16' cy='11.16' r='10.16' style='fill:none; stroke:%23193764; stroke-miterlimit:10; stroke-width:2px;'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 0 0;
    padding-left:40px;
    margin-bottom:10px;
}

@media screen and (min-width:1370px) {
    .header__container{
        justify-content: inherit;
    }
    .header__navigation-toggle{
        display:none;
    }
    .header__navigation{
        display: block;
        position: absolute;
        top:50%;
        right: 0;
        transform: translateY(-50%);
        box-shadow: none;
        background-color: transparent;
        max-height: auto;
        overflow: initial;
    }
    .header__navigation .submenu.level-1{
        display: flex;
    }
    .submenu.level-1>li{
        padding-bottom: 0;
        padding-right: 15px;
        margin-right: 15px;
    }
    .submenu.level-1>li:after{
        content: ' ';
        display: none;
        position: absolute;
        top: 22px;
        right: 0;
        transform: none;
        width: 6px;
        height: 6px;
        background-color: #00326d;
        left: auto;
        bottom: inherit;
        border-radius: 50%;
    }
    .submenu.level-1>li:nth-last-child(-n+4){
        padding-right: 0;
    }
    .submenu.level-1>li:nth-last-child(-n+4):after {
        display:none;
    }
    .submenu>.has-submenu>a{
        width: auto;
    }
    .submenu.level-1>li>a{
        padding:0;
        white-space: nowrap;
        margin: 8px 0;
    }
    a.menu-link p.connexion_button,
    a.menu-link p.inscription_button{
        margin-top: -8px;
    }
    .submenu.level-2{
        position: absolute;
        width: auto;
        left: 50% !important;
        transform: translateX(-50%);
        box-shadow: 0 23px 50px -14px rgb(0 0 0 / 21%);
    }
    .submenu.level-1>li:last-child{
        margin-right:20px;
    }
    .submenu.level-1>li:last-child .submenu.level-2{
        left: auto !important;
        right:0;
        transform: none;
    }
    .submenu.level-2 .menu-link {
        padding: 3px 50px;
    }
    .submenu.level-2 a.menu-link p.connexion_button{
        margin-top: 10px;
        margin-bottom:10px;
    }
    .submenu.level-2>li>.megamenu{
        display:flex;
        margin: 20px 0;
    }
    .submenu.level-2>li>.megamenu>ul{
        border-right: 1px solid #00326d;
    }
    .submenu.level-2>li>.megamenu>ul:last-child{
        border-right:none;
    }
    .submenu.level-2>li a{
        white-space: nowrap;
        word-break: keep-all;
    }
    .phone_button{
        margin-top: 15px;
        width: 25px;
        padding-left:0;
    }
    .phone_button span{
        display: none;
    }
    .compte_button{
        background-size: 30%;
        background-position: 50% 0;
        padding-top: 20px;
        padding-left:0;
        font-size: 0.8em;
        text-decoration: underline;
    }
}


@media screen and (max-width: 767px) {
    .submenu.level-1 {
      width: 100%;
      max-height: 80vh;
      overflow-y: scroll;
    }
}