/* ===== Bandeau-menu maître — identique aux pages hub ===== */
.reference-menu{
  position:relative;
  width:100%;
  line-height:0;
  background:#090807;
  box-shadow:0 2px 12px rgba(0,0,0,.35);
  z-index:10;
}
.reference-menu .menu-maitre{
  position:relative;
  left:auto;
  top:auto;
  width:100%;
  height:auto;
  display:block;
  pointer-events:none;
}
.reference-menu .hotspots{
  position:absolute;
  inset:0;
  z-index:12;
  pointer-events:none;
}
.reference-menu .hotspots .hotspot{
  position:absolute;
  display:block;
  pointer-events:auto;
  cursor:pointer;
  top:0;
  height:100%;
}
.reference-menu .logo{left:0;width:15%}
.reference-menu .nav-sentier{left:15%;width:16%}
.reference-menu .nav-bibliotheque{left:31%;width:15.5%}
.reference-menu .nav-atelier{left:46.5%;width:14.5%}
.reference-menu .nav-atelier-wrap{position:absolute;left:46.5%;top:0;width:14.5%;height:100%;pointer-events:auto}
.reference-menu .nav-atelier-wrap .hotspot.nav-atelier{position:static;left:auto;top:auto;width:100%;height:100%}
.atelier-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);display:none;flex-direction:column;background:#090807;border:1px solid rgba(220,174,67,.3);min-width:230px;z-index:20;box-shadow:0 10px 24px rgba(0,0,0,.55)}
.nav-atelier-wrap:hover .atelier-dropdown,.nav-atelier-wrap:focus-within .atelier-dropdown{display:flex}
.atelier-dropdown a{display:block;color:#dcae43;text-decoration:none;font-size:.76em;letter-spacing:.05em;text-transform:uppercase;padding:.9em 1.3em;white-space:nowrap;border-bottom:1px solid rgba(220,174,67,.15)}
.atelier-dropdown a:last-child{border-bottom:none}
.atelier-dropdown a:hover{background:rgba(220,174,67,.14);color:#f4eee2}
.reference-menu .nav-etoiles{left:61%;width:14.5%}
.reference-menu .nav-salon{left:75.5%;width:15%}
.reference-menu .nav-contact{left:90.5%;width:9.5%}
.reference-menu .reference-paw{
  position:absolute;
  top:64%;
  width:2.2%;
  min-width:22px;
  color:#dcae43;
  z-index:13;
  filter:drop-shadow(0 0 2px rgba(0,0,0,.7));
  pointer-events:none;
}
.reference-menu .reference-paw svg{display:block;width:100%;height:auto}
.reference-menu .paw-sentier{left:20.4%}
.reference-menu .paw-bibliotheque{left:35.7%}
.reference-menu .paw-atelier{left:50.2%}
.reference-menu .paw-etoiles{left:60.4%}
.reference-menu .paw-salon{left:82.0%}
.reference-menu .paw-contact{left:94.0%}
@media (max-width:700px){
  .reference-menu .reference-paw{top:64%;width:2.2%;min-width:13px}
}


<style>