/* -----------------------------------------------------------
                            ICÔNE BURGER
  ------------------------------------------------------------ */
      
  /* Boite de l'icône burger */
  
    .gtmHeader .gtm-open-nav-menu{
      position: fixed;
      top: 15px;
      right: 15px;
      font-size: 18px;
      font-weight: 700;
      background-color: #FFD909;
      padding: 8px 15px;
      border-radius: 99px;
      color: #29285b;
      cursor: pointer;
      transition: all 0.2s ease;
      z-index: 10000000;
    }

    .gtmHeader .gtm-open-nav-menu:hover{
      background-color: #ef7d19 ;
    }
        
    body .gtm-fermer {
      display: none;
    }

    body.gtm-hidden-scrolling .gtm-fermer {
      display: block;
    }

    body.gtm-hidden-scrolling .gtm-ouvrir {
      display: none;
    }

  /* -----------------------------------------------------------
                          MENU
  ------------------------------------------------------------ */
  
    
    .gtm-menu {
      z-index: 2000;
      position: relative;
    }
  
    .gtmHeader {
      position: fixed;
      width: 100%;
      height: 100dvh;

      z-index: 1;
      display: flex;
      /* justify-content: flex-end; */
      align-items: center;
      background-color: transparent;
    }

    body.gtm-hidden-scrolling .gtmHeader {
      min-height: 100dvh;
    }
  
    .gtmHeader .gtmContainer {
      width: 100%;
    }
  
    .gtm-header-main {
      position: relative;
      z-index: 10;
    }
  
  
    nav.gtm-nav-menu {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

  
    nav.gtm-nav-menu ul.menu {
      list-style: none;
      margin-left: 0px;
    }


    @media screen and (min-width: 768px) {
      nav.gtm-nav-menu {
        flex-direction: row;
      }
    
      nav.gtm-nav-menu ul.menu {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
      }

      nav.gtm-nav-menu .gtm-menu-side {
        min-height: 100svh;
        width: 50%;
        position: relative;
        background-image: url(/images/menu.jpg);
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 50px 20px;
      }
    }

    
  /* Apparition disparition du menu */
      
    .gtmHeader {
      top: -100%;/* déplacement du menu hors site */
      transition: all 0.5s ease;/* Transition d'apparition du menu*/
      background-color: #132d44;
    }
  
    /* Menu ouvert */
    .gtmHeader.gtmOpen {
      top: 0px;/* Décalage de 100% pour faire apparaitre le menu */
      z-index: 100;
      background-color: #132d44;
    }
  
  /* -----------------------------------------------------------
                    NAVIGATION PRINCIPALE
  ------------------------------------------------------------ */
    
    .menu-item.default {
      display: block;
    }
          
    nav.gtm-nav-menu .menu {
      display: block;
      text-align: center;
    }
    
  /* espacement des liens */
      
    .gtmHeader .menu > .menu-item  {
      margin-bottom: 10px;
    }
  
    .gtmHeader .menu > .menu-item > a {
      color: #fff;
      font-size: 1.6rem;
      font-weight: 400;
      letter-spacing: 1px;
      transition: all 0.3s ease;/* transition au survol des liens */
    }

    .gtmHeader .menu > .menu-item > a:hover {
      color: #FFD909;
    }
    

  /* Design des liens actifs */
      
 
    .menu > .gtmFada.active > a{ 
      color: #FFD909;
      font-weight: 600;
    }
  
    /* curseur sur les séparateurs */
    .separator {
      cursor: pointer;
    }
  
    /* Design des séparateurs actifs  */
  
    .parent.gtm-active a.separator {
      color: #FFD909 !important;
      font-weight: 600 !important;
  
    }
  
  /* Design du logo à la place du lien de menu accueil */
  
    .default img {
      width: 180px;
    }
  
  /* -----------------------------------------------------------
                    SOUS MENU
  ------------------------------------------------------------ */
      
    nav.gtm-nav-menu .menu .gtm-sub-menu {
      display: block;
      list-style: none;
      margin-left: 0px;
    }
  
    .gtmHeader .menu > .gtm-menu-item-has-children .gtm-sub-menu {
      position: relative;
      max-height: 0;
      overflow: hidden; 
      visibility: hidden;
      opacity: 0;
      transition: all .2s ease-in-out;
    } 
  
    .gtmHeader .menu > .gtm-menu-item-has-children.gtm-active .gtm-sub-menu  {
      visibility: visible;
      opacity: 1;
    }
  
  /* Design des liens du sous menu  */
    nav.gtm-nav-menu .gtm-sub-menu li:first-child {
      padding-top: 10px;
    }
  
    nav.gtm-nav-menu .gtm-sub-menu li {
      line-height: 1.8rem;
    }
  
    nav.gtm-nav-menu .gtm-sub-menu li a {
      color: #fff;
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 1.2rem;
      transition: all 0.3s ease;
    }

    nav.gtm-nav-menu .gtm-sub-menu li a:hover {
      color: #FFD909;
    }
      
    /* Design des liens Au survol et actif */
    nav.gtm-nav-menu .gtm-sub-menu li.active a {
      color: #FFD909;
    }
  
  /* -----------------------------------------------------------
                        ICÔNES SOUS MENU
  ------------------------------------------------------------ */
        
    .gtm-menu-item-has-children .separator {
      position: relative;/* Définir la position pour les élément after et before de l'icone */
    }
  
    /* Barre verticale du + */
    .gtm-menu-item-has-children .separator::before {
      content:"";
      position: absolute;/* Position absolute par rapport à l'élément .separator */
      width: 10px;/* largeur de la barre */
      height: 2px;/* hauteur de la barre */
      top: 48%;/* 48 % du haut */
      right: -15px;/* du bord droit de la ligne */
      background-color: #fff;/* couleur de la barre */
      transform: translateY(48%) rotate(-90deg);  /* centrage de la barre par rapport à la ligne et rotation de la barre pour former un + */
      transition: all .3s ease;/* transition du passage de + à - */
    }
  
    /* Barre horizontale du + */
    .gtm-menu-item-has-children .separator::after {
      content:"";
      position: absolute;/* Position absolute par rapport à l'élément .separator */
      width: 10px;/* largeur de la barre */
      height: 2px;/* hauteur de la barre */
      top: 48%;/* 50 % du haut */
      transform: translateY(48%);/* permet de bien centrer verticalement */
      right: -15px;/* du bord droit de la ligne */
      background-color: #fff;/* couleur de la barre */
    }
      
    /* Barre verticale du + */
    .gtm-menu-item-has-children.gtm-active .separator::before {
      transform: rotate(0deg);
    }  
  
    .gtm-menu-item-has-children.gtm-active .separator::after, 
    .gtm-menu-item-has-children.gtm-active .separator::before {
      background-color: #FFD909;/* couleur du picto actif */
    }
  
    .gtm-menu-item-has-children.active .separator::after, 
    .gtm-menu-item-has-children.active .separator::before {
      background-color: #FFD909;/* couleur du picto actif */
    }