
/* V27 : navigation fiable sur ordinateur, tablette et téléphone */
header{z-index:1000!important}
header nav{position:relative;display:flex;align-items:center;flex-wrap:nowrap;min-width:0}
header nav>a:first-child{flex:0 0 auto}
header .mobile-toggle{font:700 14px/1.2 Arial,sans-serif;cursor:pointer;min-height:44px;min-width:92px;align-items:center;justify-content:center;gap:8px}
header .links a{min-height:42px;display:inline-flex;align-items:center}
header .links a:focus-visible,header .mobile-toggle:focus-visible{outline:3px solid #ff7a00;outline-offset:3px}
@media (max-width: 1250px){
 header nav{flex-wrap:nowrap!important}
 header .mobile-toggle{display:inline-flex!important;margin-left:auto!important;position:relative;z-index:2}
 header .links{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;margin:0!important;background:#fff!important;box-shadow:0 16px 28px #0b1d3433!important;border-top:3px solid #ff7a00!important;max-height:calc(100dvh - 78px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:12px 18px 20px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;z-index:1001!important}
 header .links.open{display:flex!important}
 header .links a{display:flex!important;width:100%!important;color:#0b1d34!important;padding:12px 14px!important;font-size:15px!important;border-bottom:1px solid #e8edf2!important;white-space:normal!important}
 header .links a.active{color:#e26a00!important}
 header .links .appointment-button{color:#fff!important;justify-content:center!important;margin-top:10px;border-bottom:0!important}
}
@media (min-width:1251px){
 header .mobile-toggle{display:none!important}
 header .links{display:flex!important;position:static!important}
}
@media (max-width:600px){
 header nav{padding:9px 14px!important}
 header nav>a:first-child{width:auto!important;max-width:60%!important}
 header nav>a:first-child img{max-width:160px!important;width:100%!important;height:auto!important}
 header .mobile-toggle{flex-shrink:0;padding:11px 13px!important}
 header .links{max-height:calc(100dvh - 70px)!important}
}
