:root {
    --transition-standard: all 0.3s ease;
    --break-point-mobile: 992px;
    --menu-panel-width:20rem;
    --menu-panel-width2:40rem;
    --menu-panel-width3:60rem;
    --menu-panel-width4:80;
  }
  /*media query*/
  @media only screen and (max-width: 992px) {
    #menu-container-desktop {
      display: none;
  }
  div.aurore--header-profiling{
    display: none;
  }
  
  }
  
  @media only screen and (min-width: 992px) {
    #menu-container-mobile {
      display: none;
  }
  
  }
  
  
  
  @media only screen and (min-width: 992px) {
    .aurore---mobile--menu{
      display: none;
    
     }
  }
  
  
  
  
  /* block principal*/
  .aurore-menu-nav{
    position: fixed;
    top: 0;
    left: 0;
    width: var(--menu-panel-width);
    height: 100vh;
    background: #fafafa;
    transition: var(--transition-standard);
    overflow-y: scroll;
    box-shadow: 4px 0 8px rgba(0,0,0,0.15);
  z-index:10;
  }
  .aurore-menu-nav::-webkit-scrollbar{
  display: none;
  }
  .aurore-menu-nav.hide-menu{
    left: -21rem;
  }
  .logged-in .aurore-menu-nav{
    z-index: 50000000;
  }
  /*le UL principal, de permier niveau*/
  #menu-principal{
    position: relative;
    padding: 1rem 0 0 0 ;
  
  }
  #menu-principal li{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    
  }
  
  /*les a dans les li sont en display:block, de cette maniere on peut cliquer sur tout les block*/
  #menu-principal a {
    text-decoration: none;
    font-weight: 500;
    padding: 1rem;
    display: block;
    cursor: pointer;
    width: 100%;
    color: #1f1f1f;
    position: relative; /* Assurez-vous que le positionnement absolu de ::after est relatif à l'ancre */
  }
  
  #menu-principal a:hover {
    background: #ececec;
  }
  /*
  #menu-principal > li> a::after {
    content: "";
    height: 1px;
    width: 18em;
    border-radius: 5px;
    background: #ededed;
    position: absolute;
    left: 1rem;
    bottom: 0;
    transition: var(--transition-standard);
  }
  */
  #menu-principal ul{
  background: white;
  }
  /* 1er sub menu */
  .aurore-menu-nav .sub-menu{
    overflow: auto;
    scrollbar-width: none; 
  
  }
  #menu-principal > li > ul{
    width: var(--menu-panel-width);
    position: fixed;
    left: -20rem;
    top: 0;
    z-index: 5;
    background: #ededed;
    height: 100vh;
    opacity: 0;
   
  
  
  }
  /* 2e sub menu */
  #menu-principal > li > ul>li>ul{
    width: var(--menu-panel-width);
    position: fixed;
    left: -40rem;
    top: 0;
    z-index: 5;
    background: #dddddd;
    height: 100vh;
    padding-top: 9.375rem;
    opacity: 0;
    transition: opacity 0.12s ease-in-out;
  }
  /* 3e sub menu */
  #menu-principal > li > ul >li>ul li >ul{
    width: var(--menu-panel-width);
    position: fixed;
    left: -60rem;
    top: 0;
    z-index: 5;
    background: aliceblue;
    height: 100vh;
    padding-top: 9.375rem;
    opacity: 0;
    transition: opacity 0.12s ease-in-out;
  }
  /* 4e sub menu */
  #menu-principal li > ul > li > ul >li>ul li >ul{
    width: var(--menu-panel-width);
    position: fixed;
    left: -60rem;
    top: 0;
    z-index: 5;
    background: aliceblue;
    height: 100vh;
    padding-top: 9.375rem;
    opacity: 0;
    transition: opacity 0.12s ease-in-out;
  }
  /*2e sub menu*/
#menu-principal-1 > li > ul>li>ul{

padding-top: 5rem;

}
  
  #menu-principal > li:hover > ul{
    opacity: 1;
    left: var(--menu-panel-width);
  }
  #menu-principal > li>ul>li:hover > ul{
    left: var(--menu-panel-width2);
    opacity: 1;
  }
  #menu-principal li>ul>li>ul>li:hover > ul{
    left: var(--menu-panel-width3);
    opacity: 1;
  }
  #menu-principal li>ul>li>ul>li>ul>li:hover > ul{
    left: var(--menu-panel-width4);
    opacity: 1;
  }
  
  /* icon de chvron sur item qui a un sous menu */
  #menu-principal .menu-item-has-children::after {
    font-family: 'Material Symbols Outlined';
    content: "chevron_right";
    font-size: 1.75rem;
    font-weight: 200;
    position: absolute;
    right:1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #1f1f1f;
  }
  #menu-principal .menu-item-has-children:hover::after {
  color: white;
  }
  #menu-principal .sub-menu .menu-item-has-children::after {
  color: white;
  }
  
  /* close section */
  
  .aurore-menu-close-section{
    height: 4.375rem;
   background: var(--e-global-color-primary);
    cursor: pointer;
    display: flex;
    padding-left: 1rem;
    align-items: center;
    transition: var(--transition-standard);
    border-bottom: 1px solid #ebebeb;
    box-sizing: content-box;
    font-weight: 700;
    gap: 0.5rem;
    color: white;
  }
  .aurore-menu-close-section:hover{
     background: #0e223f;
     box-shadow: 0 0 40px rgba(0,0,0,0.1) inset;
     color: white;
  
  }
  /*main section title*/
  .aurore-menu-thematiques-section{
    font-size: 1.25rem;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
    display: flex;
    align-items: flex-end;
    font-weight: 700;
    height: 4rem;
    background: #fafafa;
    color: #1f1f1f;
    position: relative;
  }
  .aurore-menu-thematiques-section::after{
  
    content: "";
    height: 2px;
    width: 5rem;
    border-radius: 5px;
    background: #1f1f1f;
    position: absolute;
    left: 1rem;
    bottom: 0;
  }
  /* title des thematiques */
  #menu-principal .Aurore-sub-menu-title::before{
  display: none;
 }
  .Aurore-sub-menu-title::before{
    content: " retour ";
    top: 4rem;
    position: absolute;
    font-weight: 900
  }
  .Aurore-sub-menu-title{
    height: 9.375rem;
    padding: 0 1rem;
    padding-bottom: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    display: flex;
   align-items: flex-end;
   color: white;
   position: relative;
  }
  .Aurore-sub-menu-title::after{
  
    content: "";
    height: 2px;
    width: 5rem;
    border-radius: 5px;
    background: white;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
  }
  
  /*---COULEURS THEMATIQUES---*/

  #menu-principal li:hover >a {
    color: white;
  }
  #menu-principal .sub-menu a {
    color: white;
  }
  #menu-principal>li:hover{
  border-left: 4px;
  }



/* 01 VOS DÉMARCHES */

  /* niveau 1 */
    #menu-principal .menu-vos-demarches{
    border-left: 4px solid #0099a6;
    }
    #menu-principal .menu-vos-demarches:hover a{
    background: #0099a6;
    }
    #menu-principal .menu-vos-demarches:hover >ul{
    background: #0099a6;
    }
    #menu-principal .menu-vos-demarches > ul > li:hover a{
    background: #016670;
    }

  /* niveau 2 */
    #menu-principal .menu-vos-demarches:hover >ul>li>ul{
    background: #016670;
    }
    #menu-principal .menu-vos-demarches > ul > li >ul>li:hover a{
    background: #013d42;
    }
  /* niveau 3 */
    #menu-principal .menu-vos-demarches:hover >ul>li>ul>li>ul{
    background: #013d42;
    }
    #menu-principal .menu-vos-demarches > ul > li >ul>li>ul>li:hover a{
    background: #013d42;
    }


/* 02 DÉCOUVRIR PUTEAUX */

  /* niveau 1 */
    #menu-principal .menu-decouvrir-puteaux{
    border-left: 4px solid #00b7ff;
    }
    #menu-principal .menu-decouvrir-puteaux:hover a{
    background: #00b7ff;
    }
    #menu-principal .menu-decouvrir-puteaux:hover > ul{
    background: #00b7ff;
    }
    #menu-principal .menu-decouvrir-puteaux > ul > li:hover a{
    background: #0083b6;
    }
  /* niveau 2 */  
    #menu-principal .menu-decouvrir-puteaux:hover > ul > li > ul{
    background: #0083b6;
    }
    #menu-principal .menu-decouvrir-puteaux > ul > li > ul > li:hover a{
    background: #195c77;
    }
  /* niveau 3 */
    #menu-principal .menu-decouvrir-puteaux:hover > ul > li > ul > li > ul{
    background: #195c77;
    }
    #menu-principal .menu-decouvrir-puteaux > ul > li > ul > li > ul > li:hover a{
    background: #0d2f3c;
    }

/* 03 MUNICIPALITE */
  
  /* niveau 1 */
    #menu-principal .menu-municipalite{
    border-left: 4px solid #003B73;
    }
    #menu-principal .menu-municipalite:hover a{
    background: #003B73;
    }
    #menu-principal .menu-municipalite:hover > ul{
    background: #003B73;
    }
    #menu-principal .menu-municipalite > ul > li:hover a{
    background: #002B56;
    }
  /* niveau 2 */
    #menu-principal .menu-municipalite:hover > ul > li > ul{
    background: #002B56;
    }
    #menu-principal .menu-municipalite > ul > li > ul > li:hover a{
    background: #001F40;
    }
  /* niveau 3 */
    #menu-principal .menu-municipalite:hover > ul > li > ul > li > ul{
    background: #001F40;
    }
    #menu-principal .menu-municipalite > ul > li > ul > li > ul > li:hover a{
    background: #001022;
    }

/* 04 CADRE DE VIE */
  
  /* niveau 1 */
    #menu-principal .menu-cadre-de-vie{
    border-left: 4px solid #239439;
    }
    #menu-principal .menu-cadre-de-vie:hover a{
    background: #239439;
    }
    #menu-principal .menu-cadre-de-vie:hover > ul{
    background: #239439;
    }
    #menu-principal .menu-cadre-de-vie > ul > li:hover a{
    background: #1E7A31;
    }
  /* niveau 2 */
    #menu-principal .menu-cadre-de-vie:hover > ul > li > ul{
    background: #1E7A31;
    }
    #menu-principal .menu-cadre-de-vie > ul > li > ul > li:hover a{
    background: #196624;
    }

  /* niveau 3 */
    #menu-principal .menu-cadre-de-vie:hover > ul > li > ul > li > ul{
    background: #196624;
    }
    #menu-principal .menu-cadre-de-vie > ul > li > ul > li > ul > li:hover a{
    background: #103c17;
    }


/* 05 ÉDUCATION */

  /* niveau 1 */
    #menu-principal .menu-education{
    border-left: 4px solid #8A64A8;
    }
    #menu-principal .menu-education:hover a{
    background: #8A64A8;
    }
    #menu-principal .menu-education:hover > ul{
    background: #8A64A8;
    }
    #menu-principal .menu-education > ul > li:hover a{
    background: #7957A0;
    }
  /* niveau 2 */
    #menu-principal .menu-education:hover > ul > li > ul{
    background: #7957A0;
    }
    #menu-principal .menu-education > ul > li > ul > li:hover a{
    background: #694A98;
    }
  /* niveau 3 */
    #menu-principal .menu-education:hover > ul > li > ul > li > ul{
    background: #694A98;
    }
    #menu-principal .menu-education > ul > li > ul > li > ul > li:hover a{
    background: #3f2960;
    }

/* 06 SÉCURITÉ */

  /* niveau 1 */
  #menu-principal .menu-securite{
    border-left: 4px solid #606060;
    }
    #menu-principal .menu-securite:hover a{
    background: #606060;
    }
    #menu-principal .menu-securite:hover > ul{
    background: #606060;
    }
    #menu-principal .menu-securite > ul > li:hover a{
    background: #505050;
    }
  /* niveau 2 */
    #menu-principal .menu-securite:hover > ul > li > ul{
    background: #505050;
    }
    #menu-principal .menu-securite > ul > li > ul > li:hover a{
    background: #404040;
    }
  /* niveau 3 */
    #menu-principal .menu-securite:hover > ul > li > ul > li > ul{
    background: #404040;
    }
    #menu-principal .menu-securite > ul > li > ul > li > ul > li:hover a{
    background: #303030;
    }
  /* niveau 4 */
    #menu-principal .menu-securite > ul > li > ul > li > ul > li > ul{
    background: #303030;
    }
    #menu-principal .menu-securite > ul > li > ul > li > ul > li > ul > li:hover a{
    background: #202020;
    }

/* 07 CULTURE */

  /* niveau 1 */
  #menu-principal .menu-culture{
    border-left: 4px solid #ff8411;
    }
    #menu-principal .menu-culture:hover a{
    background: #ff8411;
    }
    #menu-principal .menu-culture:hover > ul{
    background: #ff8411;
    }
    #menu-principal .menu-culture > ul > li:hover a{
    background: #de7412;
    }
  /* niveau 2 */
    #menu-principal .menu-culture:hover > ul > li > ul{
    background: #de7412;
    }
    #menu-principal .menu-culture > ul > li > ul > li:hover a{
    background: #c96a10;
    }
  /* niveau 3 */
    #menu-principal .menu-culture:hover > ul > li > ul > li > ul{
    background: #c96a10;
    }
    #menu-principal .menu-culture > ul > li > ul > li > ul > li:hover a{
    background: #ba610f;
    }
  /* niveau 4 */
    #menu-principal .menu-culture > ul > li > ul > li > ul > li > ul{
    background: #ba610f;
    }
    #menu-principal .menu-culture > ul > li > ul > li > ul > li > ul > li:hover a{
    background: #ae5b0e;
    }


/* 08 SPORTS ET LOISIRS */

  /* niveau 1 */
    #menu-principal .menu-sports-loisirs{
    border-left: 4px solid #E83C4E;
    }
    #menu-principal .menu-sports-loisirs:hover a{
    background: #E83C4E;
    }
    #menu-principal .menu-sports-loisirs:hover > ul{
    background: #E83C4E;
    }
    #menu-principal .menu-sports-loisirs > ul > li:hover a{
    background: #D13545;
    }
  /* niveau 2 */
    #menu-principal .menu-sports-loisirs:hover > ul > li > ul{
    background: #D13545;
    }
    #menu-principal .menu-sports-loisirs > ul > li > ul > li:hover a{
    background: #BA2E3C;
    }
  /* niveau 3 */
    #menu-principal .menu-sports-loisirs:hover > ul > li > ul > li > ul{
    background: #BA2E3C;
    }
    #menu-principal .menu-sports-loisirs > ul > li > ul > li > ul > li:hover a{
    background: #851b26;
    }
  /* niveau 4 */
    #menu-principal .menu-sports-loisirs > ul > li > ul > li > ul > li > ul{
    background: #851b26;
    }
    #menu-principal .menu-sports-loisirs > ul > li > ul > li > ul > li > ul > li:hover a{
    background: #621119;
    }


/* 09 EMPLOI ET ÉCONOMIE */
  /* niveau 1 */
    #menu-principal .menu-emploi-economie{
    border-left: 4px solid #DA3263;
    }
    #menu-principal .menu-emploi-economie:hover a{
    background: #DA3263;
    }
    #menu-principal .menu-emploi-economie:hover > ul{
    background: #DA3263;
    }
    #menu-principal .menu-emploi-economie > ul > li:hover a{
    background: #C22D59;
    }
  /* niveau 2 */
    #menu-principal .menu-emploi-economie:hover > ul > li > ul{
    background: #C22D59;
    }
    #menu-principal .menu-emploi-economie > ul > li > ul > li:hover a{
    background: #AA2750;
    }
  /* niveau 3 */
    #menu-principal .menu-emploi-economie:hover > ul > li > ul > li > ul{
    background: #AA2750;
    }
    #menu-principal .menu-emploi-economie > ul > li > ul > li > ul > li:hover a{
    background: #7c1838;
    }


/* 10 SANTÉ ET SOLIDARITÉ */

  /* niveau 1 */
    #menu-principal .menu-sante-solidarite{
    border-left: 4px solid #FCC32C;
    }
    #menu-principal .menu-sante-solidarite:hover a{
    background: #FCC32C;
    }
    #menu-principal .menu-sante-solidarite:hover > ul{
    background: #FCC32C;
    }
    #menu-principal .menu-sante-solidarite > ul > li:hover a{
    background: #DBB424;
    }

  /* niveau 2 */
    #menu-principal .menu-sante-solidarite:hover > ul > li > ul{
    background: #DBB424;
    }
    #menu-principal .menu-sante-solidarite > ul > li > ul > li:hover a{
    background: #C6A01D;
    }

  /* niveau 3 */  
    #menu-principal .menu-sante-solidarite:hover > ul > li > ul > li > ul{
    background: #C6A01D;
    }
    #menu-principal .menu-sante-solidarite > ul > li > ul > li > ul > li:hover a{
    background: #947813;
    }


  /* 11 SANTÉ ET SOLIDARITÉ */

  /* niveau 1 */
  #menu-principal .menu-ville-festive{
    border-left: 4px solid #CDDA60;
    }
    #menu-principal .menu-ville-festive:hover a{
    background: #CDDA60;
    }
    #menu-principal .menu-ville-festive:hover > ul{
    background: #CDDA60;
    }
    #menu-principal .menu-ville-festive > ul > li:hover a{
    background: #9DB748;
    }

  /* niveau 2 */
    #menu-principal .menu-ville-festive:hover > ul > li > ul{
    background: #9DB748;
    }
    #menu-principal .menu-ville-festive > ul > li > ul > li:hover a{
    background: #9DB748;
    }
  
  
  
  
  
  /*Les sites*/
  .aurore-menu-sites{
    padding-top: 1rem;
  }
  .aurore-menu-sites li{
  
  }
  .aurore-menu-sites li a{
    color: #1f1f1f;
    font-weight: 500;
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: var(--transition-standard);
    position: relative;
  }
  .aurore-menu-sites li a::after{
    font-family: 'Material Symbols Outlined';
    content: "open_in_new";
    font-size: 1.5rem;
    font-weight: 300;
    position: absolute;
    right:1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }
  .aurore-menu-sites li a:hover{
   background: #dbdbdb;
  }
  
  /* MOBILE VERSION*/
  
  #menu-container-mobile{
    width: 100%;
    z-index: 10;
  }
  .aurore-menu-nav.hide-menu#menu-container-mobile{
    left: -100%;
  }
  #menu-container-mobile .menu-principal-container > ul{
  
    list-style: none;
    display: flex;
    flex-direction: column; 
    }
    #menu-container-mobile .menu-principal-container ul a{
  text-decoration: none;
  color: #1f1f1f;
  font-weight: 400;
  flex-grow: 1;
  padding: 1rem 0;
  
      }
      #menu-container-mobile .menu-principal-container ul.sub-menu a{
  
        color: white;
  
        
            }
  #menu-container-mobile .menu-principal-container  ul li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0,0,0,0.1);
      padding-left: 1rem;
  }
    #menu-container-mobile li.menu-item-has-children::after{
  font-family: 'Material Symbols Rounded';
  content: "arrow_right";
  color: #1f1f1f;
  width: 4rem;
  
  text-align: center;
  font-size: 2rem;
  padding: 0.25rem 0;
  
      }
        #menu-container-mobile ul.sub-menu li.menu-item-has-children::after{
        color: white;
        }
  #menu-container-mobile .menu-principal-container > ul > li ul{
  position: absolute;
  top: 0;
  left: -101%;
  width: 100%;
  height: 100vh;
  
  z-index: 1;
  transition: var(--transition-standard);
  }
  #menu-container-mobile .menu-principal-container ul.active-submenu{
  
    left: 0;
    }
    #menu-container-mobile .menu-principal-container > ul > li > ul li{
  
          }
  
  /**/
  
  .aurore--header-menu{
    height: 4.375rem;
    background: white;
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
  }
  .logged-in.admin-bar  .aurore--header-menu{
    top:2rem;
  }
  .menu-alt .aurore--header-menu{
    background: rgb(20 44 82 / 59%);
    backdrop-filter: blur(6.3px);
  }
  @media screen {
    @media (max-width: 992px) {
      .aurore--header-menu{
        display: none;
    }
     
  }
  }
  
  
  
  #menu-cta-open{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.5rem 1rem 1rem;
    font-weight: 700;
    gap: 0.5rem;
    background-color: var(--e-global-color-primary);
    color: white;
    cursor: pointer;
    width: 7.5rem;
  }
  .aurore--header-accessibility{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 700;
    background-color: var(--e-global-color-primary);
    color: white;
    cursor: pointer;
    width: 7.5rem;
  }
  .aurore--header-logo{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .menu-alt .aurore--header-logo path {
    fill: white;
  }
  .aurore--header-logo path{
   fill: var(--e-global-color-primary);
  }
  .aurore---mobile--menu{
  
    background: white;
   
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 55000000;
    box-shadow: 0 -3px 6px rgba(0,0,0,0.1);
  }
  .aurore---mobile--menu a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    width: 4rem;
  }
  .aurore---mobile--menu span{
    font-weight: 300;
  }
  .aurore---nav--mobile-container{
    height: 4.375rem;
    display: flex;
    justify-content: space-around;
    padding: 0 1rem;
    align-items: center;
  }
  div.aurore---nav--mobile-container a{
    text-decoration: none;
  }
  .aurore---nav--mobile-services-section{
    background: #fafafa;
    padding: 1rem;
    display: none;
  }
  .aurore---nav--mobile-services-section.reveal{
  height: 25rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 8px;
  }
  .aurore---nav--mobile-services-section >div{
    background: goldenrod;
  }
  
  
  
  
/*COULEURS MOBILE*/
  
  /* 01 VOS DÉMARCHES */
    #menu-container-mobile .menu-vos-demarches ul.sub-menu{
    background: #0099a6;
    }
    #menu-container-mobile li.menu-vos-demarches::after{
    color: #0099a6;
    }

  /* 02 DÉCOUVRIR PUTEAUX */
    #menu-container-mobile .menu-decouvrir-puteaux ul.sub-menu{
    background: #00b7ff;
    }
    #menu-container-mobile li.menu-decouvrir-puteaux::after{
    color: #00b7ff;
    }

  /* 03 MUNICIPALITE */
    #menu-container-mobile .menu-municipalite ul.sub-menu{
    background: #003B73 ;
    }
    #menu-container-mobile li.menu-municipalite::after{
    color: #003B73;
    }

  /* 04 CADRE DE VIE */
    #menu-container-mobile .menu-cadre-de-vie ul.sub-menu{
    background: #239439;
    }
    #menu-container-mobile li.menu-cadre-de-vie::after{
    color: #239439;
    }

  /* 05 ÉDUCATION */
    #menu-container-mobile .menu-education ul.sub-menu{
    background: #8A64A8;
    }
    #menu-container-mobile li.menu-education::after{
    color: #8A64A8;
    }

  /* 06 SÉCURITÉ */
    #menu-container-mobile .menu-securite ul.sub-menu{
    background: #606060;
    }
    #menu-container-mobile li.menu-securite::after{
    color: #606060;
    }

  /* 07 CULTURE */
    #menu-container-mobile .menu-culture ul.sub-menu{
    background: #FF8411;
    }
    #menu-container-mobile li.menu-culture::after{
    color: #FF8411;
    }

  /* 08 SPORTS ET LOISIRS */
    #menu-container-mobile .menu-sports-loisirs ul.sub-menu{
    background: #E83C4E;
    }
    #menu-container-mobile li.menu-sports-loisirs::after{
    color: #E83C4E;
    }

  /* 09 PUTEAUX EMPLOI ET ÉCONOMIE */
    #menu-container-mobile .menu-emploi-economie ul.sub-menu{
    background: #DA3263;
    }
    #menu-container-mobile li.menu-emploi-economie::after{
    color: #DA3263;
    }

  /* 10 SANTÉ ET SOLIDARITÉ */
    #menu-container-mobile .menu-sante-solidarite ul.sub-menu{
    background: #FCC32C;
    }
    #menu-container-mobile li.menu-sante-solidarite::after{
    color: #FCC32C;
    }






  .logged-in.admin-bar   .aurore--header-profiling{
    top: 6.375rem;
  }
  .menu-alt .aurore--header-profiling{
    display: none;
  }
  .aurore--header-profiling{
    position: fixed;
    right: 0;
    top: 4.375rem;
    padding: 1rem;
    background: #F12870;
    z-index: 10;
    color: white;
    font-weight: 600;
    width: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .aurore--header-profiling ul{
    z-index: 9;
    position: absolute;
    max-height: 0;
    background: white;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
  }
  .aurore--header-profiling ul li a{
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 400;
    padding: .75rem 1rem;
    display: block;
  }
  .aurore--header-profiling ul li a:hover{
  background: var(--e-global-color-primary);
  color: white; 
  }
  .aurore--header-profiling:hover ul {
    max-height: 100vh;
  }

  .aurore--menu-logo{
    padding: 4rem 2rem 2rem 2rem;
    display: flex;
    justify-content: center;
  }
  .aurore--menu-logo svg{
    scale: 2;
  }

.aurore-menu-nav{
  scrollbar-width: none;
}