/* Header v2 MDFN (2026-11-02), proposition A. Tout est scope sous #mdfn-header et #mh-tiroir :
   bootstrap.css pose des selecteurs nus (a, a:hover, button, ul, h1), html est a 62.5% donc tailles en px. */
#mdfn-header,#mh-tiroir{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
#mdfn-header *,#mdfn-header *::before,#mdfn-header *::after,#mh-tiroir *,#mh-tiroir *::before,#mh-tiroir *::after{box-sizing:border-box}
#mdfn-header a,#mdfn-header a:visited,#mdfn-header a:hover,#mdfn-header a:focus,#mh-tiroir a,#mh-tiroir a:visited,#mh-tiroir a:hover,#mh-tiroir a:focus{text-decoration:none}
#mdfn-header a:focus-visible,#mdfn-header button:focus-visible,#mh-tiroir a:focus-visible,#mh-tiroir button:focus-visible{outline:2px solid #638A6F;outline-offset:2px}
#mdfn-header button,#mh-tiroir button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;text-transform:none;letter-spacing:normal}
#mdfn-header svg,#mh-tiroir svg{display:block;flex:0 0 auto}
#mdfn-header ul,#mh-tiroir ul{list-style:none;margin:0;padding:0}
#mdfn-header li,#mh-tiroir li{margin:0;padding:0}
#mh-tiroir [hidden]{display:none!important}

#mdfn-header{position:sticky;top:0;z-index:1000;background:#fff;margin:0;padding:0;transition:box-shadow .25s}
#mdfn-header.is-scrolled{box-shadow:0 1px 0 #e9ecf1,0 6px 20px rgba(17,24,39,.06)}
#mdfn-header .mh-in{max-width:1240px;height:84px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:20px}
#mdfn-header .mh-logo{flex:0 0 auto;display:block;line-height:0}
#mdfn-header .mh-logo img{display:block;width:auto;height:52px;max-width:none}
#mdfn-header .mh-logo h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}

#mdfn-header .mh-nav{display:flex;align-items:center;gap:2px;margin:0 auto}
#mdfn-header .mh-nav>li{position:relative}
#mdfn-header .mh-nav>li>a,#mdfn-header .mh-nav>li>button{display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:14.5px;line-height:1.2;font-weight:500;color:#1f2937;padding:10px;border-radius:8px;white-space:nowrap;transition:background-color .2s,color .2s}
#mdfn-header .mh-nav>li>a:hover,#mdfn-header .mh-nav>li>button:hover,#mdfn-header .mh-nav>li.is-open>button{background:#f6f7f9;color:#1E336D}
#mdfn-header .mh-chev svg{width:14px;height:14px;transition:transform .2s}
#mdfn-header li.is-open .mh-chev svg{transform:rotate(180deg)}

#mdfn-header .mh-pan{position:absolute;top:calc(100% + 10px);left:-8px;min-width:300px;background:#fff;border:1px solid #e9ecf1;border-radius:14px;box-shadow:0 18px 40px rgba(17,24,39,.12);padding:8px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility 0s .18s}
#mdfn-header .mh-pan::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
#mdfn-header li.is-open .mh-pan{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s}
#mdfn-header .mh-pan a{display:block;padding:11px 12px;border-radius:10px;color:#1f2937;transition:background-color .15s}
#mdfn-header .mh-pan a:hover{background:#f6f7f9}
#mdfn-header .mh-pan strong{display:block;font-family:Inter,sans-serif;font-size:14.5px;line-height:1.3;font-weight:600;color:#1f2937}
#mdfn-header .mh-pan a:hover strong{color:#1E336D}
#mdfn-header .mh-pan span{display:block;font-family:Inter,sans-serif;font-size:13px;line-height:1.45;font-weight:400;color:#6b7280;margin-top:2px}

#mdfn-header .mh-droite{display:flex;align-items:center;gap:8px}
#mdfn-header a.mh-cta,#mdfn-header a.mh-cta:visited,#mdfn-header a.mh-cta:hover{display:inline-flex;align-items:center;gap:9px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:1;padding:14px 20px;border-radius:10px;background:#1E336D;color:#fff;white-space:nowrap;transition:background-color .2s}
#mdfn-header a.mh-cta:hover{background:#162850}
#mdfn-header .mh-cta svg{width:16px;height:16px}
#mdfn-header .mh-burger{display:none;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 12px;font-size:14px;font-weight:600;color:#1E336D;border:1px solid #e9ecf1;border-radius:10px}
#mdfn-header .mh-burger svg{width:20px;height:20px}

/* tiroir mobile */
#mh-tiroir{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s .3s;visibility:hidden}
#mh-tiroir.is-open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1)}
#mh-tiroir .mt-haut{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e9ecf1}
#mh-tiroir .mt-haut img{display:block;height:44px;width:auto;max-width:none}
#mh-tiroir .mt-fermer{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;border:1px solid #e9ecf1;color:#1f2937}
#mh-tiroir .mt-fermer svg{width:20px;height:20px}
#mh-tiroir .mt-corps{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px 16px}
#mh-tiroir .mt-liste>li{border-bottom:1px solid #e9ecf1}
#mh-tiroir .mt-liste>li>a,#mh-tiroir .mt-liste>li>button{display:flex;width:100%;align-items:center;justify-content:space-between;font-family:Inter,sans-serif;font-size:17px;line-height:1.3;font-weight:600;color:#1f2937;padding:17px 2px;text-align:left}
#mh-tiroir .mh-chev svg{width:18px;height:18px;color:#6b7280;transition:transform .2s}
#mh-tiroir li.is-open .mh-chev svg{transform:rotate(180deg)}
#mh-tiroir .mt-sous{padding:0 0 12px}
#mh-tiroir .mt-sous a{display:block;font-family:Inter,sans-serif;font-size:15.5px;line-height:1.4;color:#4b5563;padding:10px 2px 10px 12px;border-left:2px solid #e9ecf1}
#mh-tiroir .mt-sous a:hover{color:#1E336D;border-color:#1E336D}
#mh-tiroir .mt-util{display:grid;gap:4px;margin-top:18px}
#mh-tiroir .mt-util a{display:flex;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:15px;color:#4b5563;padding:10px 2px}
#mh-tiroir .mt-util svg{width:18px;height:18px;color:#638A6F}
#mh-tiroir .mt-bas{padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #e9ecf1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
#mh-tiroir .mt-bas a{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:1;padding:15px 12px;border-radius:10px}
#mh-tiroir a.mt-b1,#mh-tiroir a.mt-b1:visited,#mh-tiroir a.mt-b1:hover{background:#1E336D;color:#fff}
#mh-tiroir a.mt-b2,#mh-tiroir a.mt-b2:visited,#mh-tiroir a.mt-b2:hover{border:1px solid #e9ecf1;color:#1E336D}
#mh-tiroir .mt-bas svg{width:16px;height:16px}
/* le bouton Axeptio (z-index maximal) recouvre « Etre rappele » : masque le temps que le menu est ouvert */
html.mh-tiroir-ouvert #axeptio_overlay{display:none!important}

@media (max-width:1239px){
  #mdfn-header .mh-nav{display:none}
  #mdfn-header .mh-burger{display:inline-flex}
  #mdfn-header .mh-in{height:68px;padding:0 16px;gap:12px;justify-content:space-between}
  #mdfn-header .mh-logo img{height:44px}
  #mdfn-header a.mh-cta{padding:12px 14px;font-size:14px}
}
@media (max-width:420px){
  #mdfn-header .mh-lib{display:none}
  #mdfn-header a.mh-cta{width:44px;height:44px;padding:0;justify-content:center}
  #mdfn-header .mh-burger{width:44px;padding:0}
}