:root{
  --prisma-black:#111111;
  --prisma-yellow:#ffd400;
  --prisma-white:#ffffff;
}

/* Une seule navigation locale :
   on supprime les couches injectées v157/v158 et on réutilise
   la navigation native du hero v120, qui se trouve sous le hero. */
.prisma-v157-universe-nav,
.prisma-v158-portal-nav{
  display:none!important;
}

.prisma-v120-menu{
  display:block!important;
  position:relative!important;
  top:auto!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:var(--prisma-yellow)!important;
  border-top:1px solid rgba(0,0,0,.08)!important;
  border-bottom:1px solid rgba(0,0,0,.12)!important;
  z-index:20!important;
}

.prisma-v120-menu>.prisma-v120-shell{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding:0!important;
}

.prisma-v120-menu-scroll{
  width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  background:var(--prisma-yellow)!important;
}

.prisma-v120-menu-scroll a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:0 16px!important;
  margin:0!important;
  color:var(--prisma-black)!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  border-right:1px solid rgba(0,0,0,.10)!important;
}

.prisma-v120-menu-scroll a:first-child{
  border-left:1px solid rgba(0,0,0,.10)!important;
}

.prisma-v120-menu-scroll a:hover,
.prisma-v120-menu-scroll a:focus{
  color:var(--prisma-yellow)!important;
  background:var(--prisma-black)!important;
}

/* Le menu reste collé au bas du hero, identique sur les 5 portails. */
.prisma-v120-hero + .prisma-v120-menu{
  margin-top:0!important;
}

/* Transformations sociales : même largeur et logique que Citoyenneté. */
body .prisma-v120-hero,
body .prisma-v120-hero .prisma-v120-shell{
  box-sizing:border-box!important;
}

@media(max-width:900px){
  .prisma-v120-menu>.prisma-v120-shell{
    max-width:none!important;
  }

  .prisma-v120-menu-scroll{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }

  .prisma-v120-menu-scroll a{
    min-height:44px!important;
    padding:0 13px!important;
    font-size:11px!important;
  }
}