/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        STRUCTURE -  SITE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


/* -----------------------------------------------------
						LIGNES
------------------------------------------------------- */

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

/* -----------------------------------------------------
						OVER
------------------------------------------------------- */


.gtm-over1 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over2 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over3 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over4 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over5 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over6 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over7 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over8 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over9 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over10 {
    width: 100%;
    min-height: auto;
  }
  
  .gtm-over-wide {
    width: 100%;
    min-height: auto;
  }


/* -----------------------------------------------------
						MENU
------------------------------------------------------- */


.gtm-menu1 {
  width: 100%;
  min-height: auto;
}

.gtm-burger-menu {
  width: 100%;
  min-height: auto;
}

.gtm-menu2 {
  width: 100%;
  min-height: auto;
}

.gtm-menu3 {
  width: 100%;
  min-height: auto;
}

.gtm-menu4 {
  width: 100%;
  min-height: auto;
}

.gtm-menu5 {
  width: 100%;
  min-height: auto;
}

.gtm-menu6 {
  width: 100%;
  min-height: auto;
}

.gtm-menu7 {
  width: 100%;
  min-height: auto;
}

.gtm-menu8 {
  width: 100%;
  min-height: auto;
}

.gtm-menu9 {
  width: 100%;
  min-height: auto;
}

.gtm-menu10 {
  width: 100%;
  min-height: auto;
}

/* -----------------------------------------------------
            HERO
------------------------------------------------------- */


.gtm-hero1 {
  width: 100%;
  min-height: auto;
}

.gtm-hero2 {
  width: 100%;
  min-height: auto;
}

.gtm-hero3 {
  width: 100%;
  min-height: auto;
}

.gtm-hero-wide1 {
  width: 100%;
  min-height: auto;
}

.gtm-hero4 {
  width: 100%;
  min-height: auto;
}

.gtm-hero5 {
  width: 100%;
  min-height: auto;
}

.gtm-hero6 {
  width: 100%;
  min-height: auto;
}

.gtm-hero-wide2 {
  width: 100%;
  min-height: auto;
}

.gtm-hero7 {
  width: 100%;
  min-height: auto;
}

.gtm-hero8 {
  width: 100%;
  min-height: auto;
}

.gtm-hero9 {
  width: 100%;
  min-height: auto;
}

.gtm-hero10 {
  width: 100%;
  min-height: auto;
}

.gtm-hero-wide3 {
  width: 100%;
  min-height: auto;
}



/* -----------------------------------------------------
            TOP
------------------------------------------------------- */


.gtm-top1 {
  width: 100%;
  min-height: auto;
}

.gtm-top2 {
  width: 100%;
  min-height: auto;
}

.gtm-top3 {
  width: 100%;
  min-height: auto;
}

.gtm-top2b {
  width: 100%;
  min-height: auto;
}

.gtm-top3b {
  width: 100%;
  min-height: auto;
}

.gtm-top-wide1 {
  width: 100%;
  min-height: auto;
}

.gtm-top4 {
  width: 100%;
  min-height: auto;
}

.gtm-top5 {
  width: 100%;
  min-height: auto;
}

.gtm-top6 {
  width: 100%;
  min-height: auto;
}

.gtm-top-wide2 {
  width: 100%;
  min-height: auto;
}

.gtm-top7 {
  width: 100%;
  min-height: auto;
}

.gtm-top8 {
  width: 100%;
  min-height: auto;
}

.gtm-top9 {
  width: 100%;
  min-height: auto;
}

.gtm-top10 {
  width: 100%;
  min-height: auto;
}

.gtm-top-wide3 {
  width: 100%;
  min-height: auto;
}


/* -----------------------------------------------------
            BOTTOM
------------------------------------------------------- */


.gtm-bottom1 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom2 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom3 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom2b {
  width: 100%;
  min-height: auto;
}

.gtm-bottom3b {
  width: 100%;
  min-height: auto;
}

.gtm-bottom-wide1 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom4 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom5 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom6 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom-wide2 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom7 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom8 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom9 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom10 {
  width: 100%;
  min-height: auto;
}

.gtm-bottom-wide3 {
  width: 100%;
  min-height: auto;
}


/* -----------------------------------------------------
            BOTTOM CONATCT
------------------------------------------------------- */


.gtm-contact1 {
  width: 100%;
  min-height: auto;
}

.gtm-contact2 {
  width: 100%;
  min-height: auto;
}

.gtm-contact3 {
  width: 100%;
  min-height: auto;
}


.gtm-contact4 {
  width: 100%;
  min-height: auto;
}

.gtm-contact5 {
  width: 100%;
  min-height: auto;
}

.gtm-contact6 {
  width: 100%;
  min-height: auto;
}


.gtm-contact7 {
  width: 100%;
  min-height: auto;
}

.gtm-contact8 {
  width: 100%;
  min-height: auto;
}

.gtm-contact9 {
  width: 100%;
  min-height: auto;
}


/* -----------------------------------------------------
            FOOTER
------------------------------------------------------- */


.gtm-footer1 {
  width: 100%;
  min-height: auto;
}

.gtm-footer2 {
  width: 100%;
  min-height: auto;
}

.gtm-footer3 {
  width: 100%;
  min-height: auto;
}

.gtm-footer-wide1 {
  width: 100%;
  min-height: auto;
}

.gtm-footer4 {
  width: 100%;
  min-height: auto;
}

.gtm-footer5 {
  width: 100%;
  min-height: auto;
}

.gtm-footer6 {
  width: 100%;
  min-height: auto;
}

.gtm-footer-wide2 {
  width: 100%;
  min-height: auto;
}

.gtm-footer7 {
  width: 100%;
  min-height: auto;
}

.gtm-footer8 {
  width: 100%;
  min-height: auto;
}

.gtm-footer9 {
  width: 100%;
  min-height: auto;
}

.gtm-footer10 {
  width: 100%;
  min-height: auto;
}

.gtm-footer-wide3 {
  width: 100%;
  min-height: auto;
}

/* -----------------------------------------------------
            COPYRIGHT
------------------------------------------------------- */


.gtm-copyright1 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright2 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright3 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright4 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright5 {
  width: 100%;
  min-height: auto;
}

.gtm-copyright6 {
  width: 100%;
  min-height: auto;
}

/* -----------------------------------------------------
            MEDIAS SOCIAUX
------------------------------------------------------- */


.gtm-ms1 {
  width: 100%;
  min-height: auto;
}

.gtm-ms2 {
  width: 100%;
  min-height: auto;
}

.gtm-ms3 {
  width: 100%;
  min-height: auto;
}



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

MEDIA-QUERIE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                  STRUCTURE - SITE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


/* ////////////////////////////////////////////----------------------------------------------////////////////////////////////////////////////////
                                                                    TABLETTE
//////////////////////////////////////////////------------------------------------------------//////////////////////////////////////////////////// */

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

/* ---------------------- OVER ---------------------- */

    .gtm-over4 {
      width: 100%;
    }
    
    .gtm-over5 {
      width: 50%;
    }
    
    .gtm-over6 {
      width: 50%;
    }

    .gtm-over7 {
      width: 50%;
    }
    
    .gtm-over8 {
      width: 50%;
    }
    
    .gtm-over9 {
      width: 50%;
    }
    
    .gtm-over10 {
      width: 50%;
    }


/* ---------------------- MENU ---------------------- */
    .gtm-menu4 {
      width: 100%;
    }

    .gtm-menu5 {
      width: 50%;
    }

    .gtm-menu6 {
      width: 50%;
    }

    .gtm-menu7 {
      width: 50%;
    }

    .gtm-menu8 {
      width: 50%;
    }

    .gtm-menu9 {
      width: 50%;
    }

    .gtm-menu10 {
      width: 50%;
    }

/* ---------------------- HERO ---------------------- */

    .gtm-hero4 {
      width: 100%;
    }
    
    .gtm-hero5 {
      width: 50%;
    }
    
    .gtm-hero6 {
      width: 50%;
    }

    .gtm-hero7 {
      width: 50%;
    }
    
    .gtm-hero8 {
      width: 50%;
    }
    
    .gtm-hero9 {
      width: 50%;
    }
    
    .gtm-hero10 {
      width: 50%;
    }
    
/* ---------------------- TOP ---------------------- */

    .gtm-top4 {
      width: 100%;
    }
    
    .gtm-top5 {
      width: 50%;
    }
    
    .gtm-top6 {
      width: 50%;
    }

    .gtm-top7 {
      width: 50%;
    }
    
    .gtm-top8 {
      width: 50%;
    }
    
    .gtm-top9 {
      width: 50%;
    }
    
    .gtm-top10 {
      width: 50%;
    }

 /* ---------------------- BOTTOM ---------------------- */

    .gtm-bottom4 {
      width: 100%;
    }

    .gtm-bottom5 {
      width: 50%;
    }

    .gtm-bottom6 {
      width: 50%;
    }

    .gtm-bottom7 {
      width: 50%;
    }

    .gtm-bottom8 {
      width: 50%;
    }

    .gtm-bottom9 {
      width: 50%;
    }

    .gtm-bottom10 {
      width: 50%;
    }


    /* --------------------- BOTTOM CONATCT ------------------ */


    .gtm-contact1 {
      width: 100%;
      min-height: auto;
    }

    .gtm-contact2 {
      width: 50%;
      min-height: auto;
    }

    .gtm-contact3 {
      width: 50%;
      min-height: auto;
    }


    .gtm-contact4 {
      width: 100%;
      min-height: auto;
    }

    .gtm-contact5 {
      width: 50%;
      min-height: auto;
    }

    .gtm-contact6 {
      width: 50%;
      min-height: auto;
    }


    .gtm-contact7 {
      width: 100%;
      min-height: auto;
    }

    .gtm-contact8 {
      width: 50%;
      min-height: auto;
    }

    .gtm-contact9 {
      width: 50%;
      min-height: auto;
    }

 /* ---------------------- FOOTER ---------------------- */

    .gtm-footer4 {
      width: 100%;
    }

    .gtm-footer5 {
      width: 50%;
    }

    .gtm-footer6 {
      width: 50%;
    }

    .gtm-footer7 {
      width: 50%;
    }

    .gtm-footer8 {
      width: 50%;
    }

    .gtm-footer9 {
      width: 50%;
    }

    .gtm-footer10 {
      width: 50%;
    }
/* ---------------------- COPYRIGHT ---------------------- */

    .gtm-copyright4 {
      width: 100%;
    }

    .gtm-copyright5 {
      width: 50%;
    }

    .gtm-copyright6 {
      width: 50%;
    }


  }

/* ////////////////////////////////////////////----------------------------------------------////////////////////////////////////////////////////
                                                                    DESKTOP
//////////////////////////////////////////////------------------------------------------------//////////////////////////////////////////////////// */


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


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                  STRUCTURE - SITE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


/* ---------------------- OVER ---------------------- */

    .gtm-over2 {
      width: 50%;
    }

    .gtm-over3 {
      width: 50%;
    }

    .gtm-over4 {
      width: 33.33%;
    }
    
    .gtm-over5 {
      width: 33.33%;
    }
    
    .gtm-over6 {
      width: 33.33%;
    }

    .gtm-over7 {
      width: 25%;
    }
    
    .gtm-over8 {
      width: 25%;
    }
    
    .gtm-over9 {
      width: 25%;
    }
    
    .gtm-over10 {
      width: 25%;
    }

    /* ---------------------- MENU ---------------------- */

    .gtm-menu2 {
      width: 50%;
    }

    .gtm-menu3 {
      width: 50%;
    }

    .gtm-menu4 {
      width: 33.33%;
    }

    .gtm-menu5 {
      width: 33.33%;
    }

    .gtm-menu6 {
      width: 33.33%;
    }

    .gtm-menu7 {
      width: 25%;
    }

    .gtm-menu8 {
      width: 25%;
    }

    .gtm-menu9 {
      width: 25%;
    }

    .gtm-menu10 {
      width: 25%;
    }

 /* ---------------------- HERO ---------------------- */

    .gtm-hero2 {
      width: 50%;
    }

    .gtm-hero3 {
      width: 50%;
    }

    .gtm-hero4 {
      width: 33.33%;
    }

    .gtm-hero5 {
      width: 33.33%;
    }

    .gtm-hero6 {
      width: 33.33%;
    }

    .gtm-hero7 {
      width: 25%;
    }

    .gtm-hero8 {
      width: 25%;
    }

    .gtm-hero9 {
      width: 25%;
    }

    .gtm-hero10 {
      width: 25%;
    }

/* ---------------------- TOP ---------------------- */

    .gtm-top2 {
      width: 50%;
    }

    .gtm-top3 {
      width: 50%;
    }

    .gtm-top2b {
      width: 50%;
    }

    .gtm-top3b {
      width: 50%;
    }

    .gtm-top4 {
      width: 33.33%;
    }
    
    .gtm-top5 {
      width: 33.33%;
    }
    
    .gtm-top6 {
      width: 33.33%;
    }

    .gtm-top7 {
      width: 25%;
    }
    
    .gtm-top8 {
      width: 25%;
    }
    
    .gtm-top9 {
      width: 25%;
    }
    
    .gtm-top10 {
      width: 25%;
    }

    /* ---------------------- BOTTOM ---------------------- */

    .gtm-bottom2 {
      width: 50%;
    }

    .gtm-bottom3 {
      width: 50%;
    }

    .gtm-bottom2b {
      width: 50%;
    }

    .gtm-bottom3b {
      width: 50%;
    }

    .gtm-bottom4 {
      width: 33.33%;
    }
    
    .gtm-bottom5 {
      width: 33.33%;
    }
    
    .gtm-bottom6 {
      width: 33.33%;
    }

    .gtm-bottom7 {
      width: 25%;
    }
    
    .gtm-bottom8 {
      width: 25%;
    }
    
    .gtm-bottom9 {
      width: 25%;
    }
    
    .gtm-bottom10 {
      width: 25%;
    }

/* ---------------------- FOOTER ---------------------- */

    .gtm-footer2 {
      width: 50%;
    }

    .gtm-footer3 {
      width: 50%;
    }

    .gtm-footer4 {
      width: 33.33%;
    }
    
    .gtm-footer5 {
      width: 33.33%;
    }
    
    .gtm-footer6 {
      width: 33.33%;
    }

    .gtm-footer7 {
      width: 25%;
    }
    
    .gtm-footer8 {
      width: 25%;
    }
    
    .gtm-footer9 {
      width: 25%;
    }
    
    .gtm-footer10 {
      width: 25%;
    }


/* ---------------------- COPYRIGHT ---------------------- */

    .gtm-copyright2 {
      width: 50%;
    }

    .gtm-copyright3 {
      width: 50%;
    }

    .gtm-copyright4 {
      width: 33.33%;
    }

    .gtm-copyright5 {
      width: 33.33%;
    }

    .gtm-copyright6 {
      width: 33.33%;
    }


    /* ---------------------- MEDIAS SOCIAUX ---------------------- */


    .gtm-ms1 {
      width: auto;
      min-height: auto;
    }

    .gtm-ms2 {
      width: 50%;
    }

    .gtm-ms3 {
      width: 50%;
    }
    
  }

/* 
@media screen and (max-width: 1200px) { */


/* -----------------------------------------------------------
                          ICÔNE BURGER
------------------------------------------------------------ */
  
/* ------------------- OUVRIR & FERMER -------------------- */
  
    .gtm-header-main {
        justify-content: flex-end; /* Positionne le burger à droite*/
    }
  
    /* Attribut flex des boites ouvrir et fermer */
    .gtmHeader .gtm-close-nav-menu,
    .gtmHeader .gtm-open-nav-menu {
        display: flex;
        z-index: 10000; /* Permet de passer au dessus de l'overlay du menu */
    }
  
  
  /* ------------------- OUVRIR -------------------- */
  
    /* Boite de l'icône burger */
    .gtmHeader .gtm-open-nav-menu{
        height: 45px; /* hauteur du fond */
        width: 45px; /* largeur du fond */
        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;
    }
  
    /* *** Lignes de l'icône burger *** */
  
  
    /* Ligne centrale */
    .gtmHeader .gtm-open-nav-menu span {
        display: block;
        position: relative;
    }
  
    /* Lignes haute & basse */
    .gtmHeader .gtm-open-nav-menu span:before,
    .gtmHeader .gtm-open-nav-menu span:after{
        content: '';
        position: absolute;
        left:0; /* positionnement tout à gauche de la ligne centrale */
        width: 100%; /* largeur des lignes haute & basse */
        height: 100%; /* utilise toute la hauteur */
        box-sizing: border-box;
    }
  
    /* Lignes haute */
    .gtmHeader .gtm-open-nav-menu span:before{
        top:-7px;/* Positionnement de la ligne haute */
    }
  
    .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 */
  }
  
  .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 */
  }
  
/* -----------------------------------------------------------
                          MENU
------------------------------------------------------------ */
  
  .gtmHeader .gtm-nav-menu{
      position: fixed;/* pour que le menu reste toutjours présent */
      width: 100%;/* menu pleine page (prend toute la largeur) */
      height: 100%;/* menu pleine page (prend toute la hauteur) */
      top:0;/* Fixe le menu en haut de l'écran */
      z-index: 1000;
      padding: 15px 0;
      overflow-y: auto;
  }
  
  
    /* Menu ouvert */
  .gtmHeader .gtm-nav-menu.gtmOpen {
      visibility: visible;/* Rendre le menu visible */
  }
  
  /* ------------------- OVERLAY SI MENU NE PREND PAS TOUT L'ECRAN -------------------- */
  
  /*** VOIR gtm-menu-overlay ***/
  
  
/* -----------------------------------------------------------
                          NAVIGATION
------------------------------------------------------------ */
  
  .gtmHeader .gtm-nav-menu .menu {
       position: relative;
      z-index: 10001;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      height: 100%;
  }
  
  /* Centrer verticalament et horizontalement les liens du menu */
  .gtmHeader .menu > .gtm-menu-item-has-children > a {
      display: inline-block;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
  }
  
  /* ------------------- LOGO -------------------- */
  
  /*** VOIR gtm-menu-logo ***/
  
  
  /* ------------------- PREMIER NIVEAU -------------------- */
  
  
  .gtmHeader .menu > .menu-item {
      display: block;
      max-width: 90%; /* force la navigation à ne pas dépasser 300px de large (permet également d'aligner les icône sous-menu) */
      padding: 0 25px;
      margin: 0 auto 20px auto;
      text-align: center;
      line-height: 1.8rem;
  }
  
  /* liens parent (ouvre les sous-menus) */
  .mod-menu__separator.separator {
       padding: 0 !important;
  }
  
  
  /* ------------------- SECOND NIVEAU -------------------- */
  
  /* Design des liens de second niveau  */
  /* .gtmHeader .menu > .menu-item > .gtm-sub-menu li a {
  } */
  


  .gtmHeader .menu > .menu-item:last-child > .gtm-sub-menu {
    left: auto;
    right: 0% !important;
}

  .gtmHeader .menu > .menu-item > .gtm-sub-menu{
      width: 100%;
      position: relative;
      border:none;
      background-color: transparent;
      box-shadow: none;
      transform: translateY(0px);
      padding: 0px;
      left: auto;
      top:auto;
      max-height: 0;
      overflow: hidden; 
  }
  
  .menu-item.gtm-menu-item-has-children .gtm-sub-menu {
      visibility: hidden;
      opacity: 0;
  }
      
  
  .menu-item.gtm-menu-item-has-children.gtm-active .gtm-sub-menu {
      visibility: visible;
      opacity: 1;
  }
      
  
  
/* -----------------------------------------------------------
                      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 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: 50%;/* 50 % du haut */
        transform: translateY(50%);/* permet de bien centrer verticalement */
        right: -15px;/* du bord droit de la ligne */
    }
      
    /* 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: 50%;/* 50 % du haut */
        right: -15px;/* du bord droit de la ligne */
              transform: translateY(50%) rotate(-90deg);  /* centrage de la barre par rapport à la ligne et rotation de la barre pour former un + */
    }

    /* Barre verticale du + */
    .gtm-menu-item-has-children.gtm-active .separator::before {
      transform: rotate(0deg);
    }
      
  
  /* } */

  /* ---------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
  COOKIES
------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */

/* image de cookie */
.cc-revoke.cc-bottom {
  background-image: url(/images/cookie.svg);
  width: 30px;
  height: 30px;
  left: 15px;
  bottom: 15px;
  background-color: transparent !important;
  -webkit-animation: cookie 0.4ss .8s both;
  animation: cookie 0.4s .8s both;
}

@keyframes cookie {
  0% {  
    visibility: hidden;
    transform: translate(0%, 100%); 
  }
  100% {
    visibility: visible;
    transform: translate(0%, 0%); 
  }
}

/* grille du pop up */
.cc-message-text {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
  
.cc-message-text .p1 { 
  grid-area: 1 / 1 / 2 / 2; 
  font-size: 16px;
}

.cc-message-text .cc-checkboxes-container {
  grid-area: 2 / 1 / 3 / 2;
  margin-top: 20px;
  margin-bottom: 20px;
}

.cc-message-text .cc-compliance {
  grid-area: 3 / 1 / 4 / 2;
}

/* bouton fermeture popup */
.cc-close {
  top: 0.8em;
  right: 0.6em;
  font-size: .8em;  
}

/* bouton fermeture popup */
.cc-link.cc-privacy {
  font-size: 16px;
}

/* boutons */
/* span.cc-cookie-settings-toggle, div.cc-window a.cc-btn {
  border-radius: 99px !important;
} */

span.cc-cookie-settings-toggle, .cc-btn.cc-allowall, .cc-btn.cc-deny, a.cc-btn.cc-allow {
  font-size: 16px !important;
  font-weight: 500;
  padding: 5px 10px !important;
  line-height: 1.2;
  height: inherit !important;
}

span.cc-cookie-settings-toggle:hover, .cc-btn.cc-allowall:hover, .cc-btn.cc-deny:hover, a.cc-btn.cc-allow:hover {
  background-color: transparent !important;
  color: #F7C301!important;
  border-color: #F7C301!important;
}

/* lien politique de confidentialité et catégories de cookies */
a.cc-link.cc-privacy:hover {
  color: #F7C301!important;;
}

a.cc-link.cc-cookie-checkbox:hover label {
  color: #F7C301;
}

/* alignement */
div.cc-checkboxes-container {
  align-items: center;
  margin-top: 0px;
}

input.cc-cookie-checkbox+span:after, input.cc-cookie-checkbox+span:before {
  display: none;
}

input.cc-cookie-checkbox {
  appearance: auto !important;
  opacity: 1;
}

.cc-cookie-settings-toggler {
  display: none !important;
}

input.cc-cookie-checkbox:checked+span:after, input.cc-cookie-checkbox:checked+span:before {
  display: none !important;
}

div.cc-checkboxes-container a.cc-btn.cc-allow {
  margin-bottom: 0px !important;
}