#hm-navigation.hm-nav-variante-b{top:var(--hm-e-4);width:fit-content;max-width:calc(100% - 2 * var(--hm-e-4));margin:var(--hm-e-4) auto;border:1px solid var(--hm-verre-bord);border-radius:var(--hm-rayon-carte);background:var(--hm-verre-fond),var(--hm-nuit);box-shadow:var(--hm-verre-ombre)}
#hm-navigation.hm-nav-variante-b .hm-nav-barre{padding:var(--hm-e-3) var(--hm-e-5)}
#hm-navigation.hm-nav-variante-b .hm-nav-rdv{background:transparent;border:1px solid var(--hm-accent);color:var(--hm-accent)}
#hm-navigation.hm-nav-variante-b .hm-nav-rdv:hover{background:var(--hm-btn-fond);color:var(--hm-btn-texte)}
@media(min-width:1100px){
  #hm-navigation.hm-nav-variante-b .sub-menu{background:var(--hm-verre-fond),var(--hm-nuit);border-color:var(--hm-verre-bord)}
}
@media(max-width:1099px){
  #hm-navigation.hm-nav-variante-b{top:var(--hm-e-2);width:calc(100% - 2 * var(--hm-e-2));max-width:none;margin:var(--hm-e-2) auto}
  #hm-navigation.hm-nav-variante-b .hm-nav-barre{padding:var(--hm-e-2) var(--hm-e-3)}
  #hm-navigation.hm-nav-variante-b .hm-nav-barre .hm-nav-marque img{width:128px}
}
@media(max-width:359px){
  #hm-navigation.hm-nav-variante-b .hm-nav-barre{padding-inline:var(--hm-e-2)}
  #hm-navigation.hm-nav-variante-b .hm-nav-barre .hm-nav-marque img{width:112px}
}