.gtm-header-main {
    max-width: 2650px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1159px) {

/* Ajout d'un logo dans le fond du menu */

  .gtmHeader.gtmOpen::before {
    content: url("/images/logo-frequence.png");
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    /* width: 100%; */
    opacity: 1;
    z-index: 0;
    box-sizing: border-box;
    padding: 20px 25px 0px 25px;
}
    
/* -----------------------------------------------------------
                          ICÔNE BURGER
------------------------------------------------------------ */
    
/* Boite de l'icône burger */

  .gtmHeader .gtm-open-nav-menu{
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    height: 45px; /* hauteur du fond */
    width: 45px; /* largeur du fond */
    border-radius: 50%;
    background-color: #E7C167; /* couleur d'arrière plan de la boite */
    margin: 15px 15px 0px 0px;
    align-items: center; /* centrer les barres du burger verticalement */
    justify-content: center; /* centrer les barres du burger horizontalement */
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 10000000;
  }
      
/* ------------------- OUVRIR & FERMER -------------------- */
    
/* ligne centrale du menu burger */

  .gtmHeader .gtm-open-nav-menu span {
    display: block;
    position: relative;
    height: 3px;/* hauteur */
    width: 25px;/* longueur */
    /* transform: rotate(-55deg); */
    background-color: #fff; /* couleur */
    border-radius: 4px;
  }
      
/* Lignes haute & basse */
    
  .gtmHeader .gtm-open-nav-menu span:before,
  .gtmHeader .gtm-open-nav-menu span:after{
    content: "";
    position: absolute;
    left:0px; /* positionnement tout à gauche de la ligne centrale */
    width: 100%; /* largeur des lignes haute & basse */
    height: 100%; /* utilise toute la hauteur */
    box-sizing: border-box;
    background-color: #fff;/* couleur des lignes */
    transition: all .2s ease;/* transition des lignes */
    border-radius: 4px;
  }
    
/* Lignes haute */
    
  .gtmHeader .gtm-open-nav-menu span:before{
    top:-7px;/* Positionnement de la ligne haute */
  }

/* Lignes basse */
  .gtmHeader .gtm-open-nav-menu span:after{
    top:7px;/* Positionnement de la ligne basse */
  }
    
/* ------------------- FERMER -------------------- */
          
      
  .gtm-hidden-scrolling .gtmHeader .gtm-open-nav-menu span {
    background-color: transparent !important; /* suppression de la ligne centrale */
  }

  .gtm-hidden-scrolling .gtmHeader .gtm-open-nav-menu span:before {
    transform: rotate(45deg);/* rotation de la barre haute */
    top:0px; /* position la ligne basse au center */
    background-color: #fff;
    left:0px; /* positionnement tout à gauche de la ligne centrale */
  }

  .gtm-hidden-scrolling .gtmHeader .gtm-open-nav-menu span:after{
    transform: rotate(-45deg); /* rotation de la ligne basse */
    top:0px; /* position la ligne basse au center */
    left:0px; /* positionnement tout à gauche de la ligne centrale */
  }
    
/* -----------------------------------------------------------
                        MENU
------------------------------------------------------------ */
  
  .gtm-menu {
    z-index: 2000;
    position: relative;
  }

  .gtmHeader {
    position: fixed;
    width: 100%;
    min-height: 100vh;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
  }

  .gtm-header-main {
    position: relative;
    z-index: 10;
  }


  nav.gtm-nav-menu ul.menu {
    list-style: none;
  }
  
/* Apparition disparition du menu */
    
  .gtmHeader {
    top: -100%;/* déplacement du menu hors site */
    transition: all 0.5s ease;/* Transition d'apparition du menu*/
  }

  /* Menu ouvert */
  .gtmHeader.gtmOpen {
    top: 0px;/* Décalage de 100% pour faire apparaitre le menu */
    z-index: 100;
    background-color: #fff;
  }

/* -----------------------------------------------------------
                  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 {
    font-family: 'Raleway', sans-serif;
    color: #363B47;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 1px;
    transition: all 0.3s ease;/* transition au survol des liens */
  }

  /* ajout du logo parcours culture nature */
  .item-424 {
      padding: 0 !important;
      transform: translateY(10px) !important;
  }

  .gtm-logo-parcours {
    width: 100px;
  }

  @media screen and (max-width: 375px) {
    .gtmHeader .menu > .menu-item > a {
      font-size: 1rem;
      font-weight: 600;
    }
  }
    
/* Design des liens actifs */
    
  .menu > .gtmFada.active > a{ 
    .menu > .gtmFada.active > a {
      color: #E7C167;
      font-weight: 600;
  }
  }

  /* curseur sur les séparateurs */
  .separator {
    cursor: pointer;
  }

  /* Design des séparateurs actifs  */

  .parent.gtm-active a.separator {
    color: #363B47 !important;
    font-weight: 600 !important;

  }

/* Design du logo à la place du lien de menu accueil */

  .default img {
    width: 100px;
  }

  .gtm-logo-laurier {
    position: relative;
    top: 0;
    left: 0;
  }


/* -----------------------------------------------------------
                  SOUS MENU
------------------------------------------------------------ */
    
  nav.gtm-nav-menu .menu .gtm-sub-menu {
    display: block;
    text-align: center;
    list-style: none;
  }

  .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: #363B47;
    font-size: 1rem;
    line-height: 1.2rem;
    transition: all 0.3s ease;
    letter-spacing: 1px;
  }
    
  /* Design des liens Au survol et actif */
  nav.gtm-nav-menu .gtm-sub-menu li.active a {
    color: #E7C167;
  }

/* -----------------------------------------------------------
                      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: transparent;/* 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 + à - */
    display: none;
  }

  /* 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: transparent;/* couleur de la barre */
    display: none;
  }
    
  /* Barre verticale du + */
  .gtm-menu-item-has-children.gtm-active .separator::before {
    transform: rotate(0deg);
    display: none;
  }  

  .gtm-menu-item-has-children.gtm-active .separator::after, 
  .gtm-menu-item-has-children.gtm-active .separator::before {
    background-color: #99d219;/* couleur du picto actif */
  }

  .gtm-menu-item-has-children.active .separator::after, 
  .gtm-menu-item-has-children.active .separator::before {
    background-color: #99d219;/* couleur du picto actif */
  }
}
  
/* ============================ FIN DU MENU MOBILE ================================= */


/* ============================ MENU GRAND MOBILE ================================= */
    
@media screen and (min-width: 400px) and (max-width: 1299px) {

  /* taille de la typo des liens du menu principal */
  .gtmHeader .menu > .menu-item > a {
    font-size: 1.7rem;
  }

  /* taille de la typo des liens du sous menu */
  nav.gtm-nav-menu .gtm-sub-menu li a {
    font-size: 20px;
  }
}

/* ============================ FIN DU MENU GRAND MOBILE ================================= */
  
  
    
/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                              MENU DESKTOP
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/
@media screen and (min-width: 1024px) { 
  .gtmHeader .gtm-open-nav-menu {
    right: 20px;
}

.mod-languages {
  right: 30px;
}

.gtm-icone-recherche {
  right: 90px;
}
} 
@media screen and (min-width: 1160px) {
    
/* -----------------------------------------------------
                          MENU 
------------------------------------------------------- */
    
  .menu-item.default {
    display: none;
  }

  .gtm-header-main .menu {
    background-color: transparent;
    border-bottom-left-radius: 30px;
    transition: all .2s ease-in;
  }

  /* .gtm-header-main {
    position: absolute;
    z-index: 1000;
    right: 20px;
    top: 0;
    width: 100%;
  } */

  .gtm-header-main.scroll .menu {
    background-color: #363B47;
  }
  
  nav.gtm-nav-menu ul.menu {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 0px 30px;
    list-style: none;
    margin: 0 0 0 115px;
  }
  
  nav.gtm-nav-menu ul.menu li {
    display: flex;
    padding: 10px 20px;
    position: relative;
    border-left: 3px solid #E7C167;
    height: 115px;
    width: 130px;
    margin: 10px 0;
  }

  nav.gtm-nav-menu ul.menu a:first-child {
    align-self: flex-end;
  }

  nav.gtm-nav-menu ul.menu li:hover {
    background: #E7C167;
  }

  .menu > li:last-child:hover {
    background: none !important;
}

  .menu > li:last-child:hover a {
      background: none !important;
  }
      
/* -----------------------------------------------------
                NAVIGATION PRINCIPALE
------------------------------------------------------- */
    
/* Design des liens */
    
  .gtmHeader .menu > .menu-item > a {
    color: #363B47;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 0;
  }
  
/* Design des liens Au survol */
  
  /* .gtmHeader .menu > .menu-item > a:hover {
    color: #6B2D34;couleur des liens de menu
  } */
    
/* Design des liens actifs */
    
  .menu > .gtmFada.active > a{ 
    color: #363B47;
    font-weight: 600;
  }
    
/* Design des séparateurs actifs  */
    
  .parent.gtm-active a.separator {
    /* color: #6B2D34 !important; */
    font-weight: 600 !important;
  }

  .gtm-menu-item-has-children {
    padding-right: 10px !important;
  }
    
/* Design du logo à la place du lien de menu accueil */
  
  .menu-item a {
    display: flex;
    align-items: center;
  }

  .default img {
    height: 35px;
  }

  li.menu-item.nav-item.gtmFada.plus.item-424 {
    width: 145px;
  }

  img.gtm-logo-parcours {
    transform: translateY(5px);
  } 


 
/* -----------------------------------------------------------
            LIGNE AU DESSOUS DES LIENS DU MENU
------------------------------------------------------------ */

/* -----------------------------------------------------
                SOUS MENU
------------------------------------------------------- */
    
    /* Design du sous-menu */ 

    .gtmHeader .menu > .menu-item > .gtm-sub-menu {
      position: absolute;
      left: 0%;/* Opx à gauche */
      top: 100%;/* 50px du haut */
      min-width: 200px;/* Largeur du sous menu */
      background-color: #E7C167;
      padding: 0px 0 10px 0;/* Padding du sous-menu */
      list-style: none;
      opacity:0;/* Rendre le sous-menu transparent quand il n'est pas visible */
      visibility: hidden;/* Cacher le sous-menu */
      margin: 0;
      transition: all 0.3s ease;/* transition liens du sous-menu */
      transform: translatex(-3px);
    }

    .gtmHeader .menu > .menu-item > .gtm-sub-menu li {
      border-left: 0px solid #E7C167;
      height: 50px;
      margin: 5px 0;
      width: 100% !important;
    }

    .gtmHeader .menu > .menu-item > .gtm-sub-menu li:last-child {
      border-right: 0px solid #E7C167;
    }

    .gtmHeader .menu > .menu-item > .gtm-sub-menu li:hover {
      background-color: #fff;
    }

    .gtmHeader .menu > .menu-item > .gtm-sub-menu a {
      align-self: center;
    }
    
    .gtmHeader .menu > .gtm-menu-item-has-children:hover > .gtm-sub-menu {
      opacity: 1; 
      visibility: visible; 
    }

    .gtmHeader .menu > .menu-item > .gtm-sub-menu {
      z-index: 10;/* Permet de passer au dessus de l'image du logo */
    }

    /* Design des liens du sous menu  */

    nav.gtm-nav-menu .gtm-sub-menu li {
      padding-bottom: 0px !important;
    }

    nav.gtm-nav-menu .gtm-sub-menu li a {
      color: #363B47;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.2rem;
      transition: all 0.3s ease;
      margin-bottom: 0;
    }
    
    /* Design des liens Au survol et actif */

    nav.gtm-nav-menu .gtm-sub-menu li:hover a, 
    nav.gtm-nav-menu .gtm-sub-menu li.active a {
      color: #363B47;
    }
    
/* -----------------------------------------------------------
                  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 raport à l'élément .separator */
    top: 48%;;/* 50 % du haut */
    right: -10px;/* du bord droit du separateur */
    width: 10px;/* largeur de la barre */
    height: 2px;/* hauteur de la barre */
    background-color: transparent;/* couleur de la barre */
    transform: translate(5px, -48%) rotate(-90deg);	/* centrage de la barre par rapport à la ligne et rotation de la barre pour former un + décalage de 5px vers la gauche */
    transition: all .2s ease;/* transition du passage de + à - */
    display: none;
  }

/* Barre horizontale du + */

  .gtm-menu-item-has-children .separator::after {
    content:"";
    position: absolute;/* Position absolute par raport à l'élément .separator */
    top: 48%;/* 50 % du haut */
    right: -10px;/* du bord droit du separateur */
    width: 10px;/* largeur de la barre */
    height: 2px;/* hauteur de la barre */
    background-color: transparent;/* couleur de la barre */
    transform: translate(5px, -48%);/* permet de bien centrer verticalement et de décaler de 5px vers la gauche */
    display: none;
  }

  .gtm-menu-item-has-children:hover .separator::before {
    transform: translate(5px, -48%) rotate(0deg);/* rotation de la barre verticale actif et garde les barres au bon endroit pendant l'animation */
    background-color: transparent;/* couleur de la barre verticale actif */
    display: none;
  }

  .gtm-menu-item-has-children:hover .separator::after {
    background-color: transparent;/* couleur de la barre verticale actif */
    display: none;
  }

  .gtm-menu-item-has-children.active .separator::after, 
  .gtm-menu-item-has-children.active .separator::before {
    background-color: #363B47;/* couleur du picto actif */
    display: none;
  }
}

@media screen and (min-width: 1024px) { 
  nav.gtm-nav-menu ul.menu {
    margin: 0 0 0 125px;
  }
}

@media screen and (min-width: 1200px) { 
  nav.gtm-nav-menu ul.menu {
    margin: 0 0 0 145px;
  }
  
  /* nav.gtm-nav-menu ul.menu li {
    width: 100% !important;
  } */
}

@media screen and (min-width: 1350px) { 
  .gtm-menu-item-has-children, .item-380 {
    width: 160px !important;
  }
}