/* Feuille de style de la page Notre méthode.
   Les regles :hover proviennent des attributs style-hover du document source. */

@font-face { font-family:"Proxima Nova"; src:url("../fonts/proxima-nova-400.woff2") format("woff2"); font-weight:400; font-display:swap; }
  @font-face { font-family:"Proxima Nova"; src:url("../fonts/proxima-nova-600.woff2") format("woff2"); font-weight:600; font-display:swap; }
  @font-face { font-family:"Proxima Nova"; src:url("../fonts/proxima-nova-700.woff2") format("woff2"); font-weight:700; font-display:swap; }
  @font-face { font-family:"Proxima Nova"; src:url("../fonts/proxima-nova-800.woff2") format("woff2"); font-weight:800; font-display:swap; }
  body { margin:0; background:#ffffff; color:#17181C; font-family:"Proxima Nova", system-ui, sans-serif; font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased }
  * { box-sizing:border-box }
  h1,h2,h3 { margin:0; max-width:100%; overflow-wrap:break-word; font-weight:800; letter-spacing:-0.025em; line-height:1.08; text-wrap:balance }
  p { margin:0; text-wrap:pretty }
  ul { margin:0; padding:0; list-style:none }
  a { color:#6D4FD0; text-decoration:none }
  a:hover { color:#4C2FA8 }
  ::selection { background:#DDD6FE }
  :focus-visible { outline:2px solid #6D4FD0; outline-offset:3px }
  @keyframes rise { from { opacity:0; transform:translateY(20px) } to { opacity:1; transform:none } }
  @keyframes slideTrack { from { transform:translateX(0) } to { transform:translateX(-50%) } }
  [data-stagger] > *, [data-stagger] > * > * { opacity:0; transform:translateY(40px) scale(.98); filter:blur(5px); transition:opacity .7s cubic-bezier(.16,.84,.3,1), transform .8s cubic-bezier(.16,.84,.3,1), filter .7s ease }
  [data-stagger][data-shown] > *, [data-stagger][data-shown] > * > * { opacity:1; transform:none; filter:blur(0) }
  [data-stagger][data-shown] > *:nth-child(2), [data-stagger][data-shown] > * > *:nth-child(2) { transition-delay:80ms }
  [data-stagger][data-shown] > *:nth-child(3), [data-stagger][data-shown] > * > *:nth-child(3) { transition-delay:160ms }
  [data-stagger][data-shown] > *:nth-child(n+4), [data-stagger][data-shown] > * > *:nth-child(n+4) { transition-delay:240ms }
  @media (prefers-reduced-motion: reduce) { [data-stagger] > *, [data-stagger] > * > * { opacity:1 !important; transform:none !important; filter:none !important; transition:none !important } }
  .mb-villes:hover > .mb-dd, .mb-villes:focus-within > .mb-dd { opacity:1 !important; visibility:visible !important; transform:translate(-50%,0) !important; }
  .mb-villes:hover > a .mb-chev, .mb-villes:focus-within > a .mb-chev { transform:rotate(180deg); }

/* ── survols ─────────────────────────────────────────────────────────────── */
.mbh-1:hover { background:#F3F0FC !important; color:#4C2FA8 !important; }
.mbh-2:hover { background:#F5F3FF !important; }
.mbh-3:hover { transform:translateY(-2px) !important; }
.mbh-4:hover { border-color:#6D4FD0 !important; color:#4C2FA8 !important; }
.mbh-5:hover { background:#4C2FA8 !important; transform:translateY(-2px) !important; }
.mbh-6:hover { opacity:1 !important; }
.mbh-7:hover { transform:translateY(-4px) !important; }
.mbh-8:hover { background:rgba(255,255,255,.16) !important; }
.mbh-9:hover { transform:translateY(-8px) !important; border-color:#6D4FD0 !important; box-shadow:0 22px 44px rgba(30,14,80,.38), 10px 10px 30px rgba(30,14,80,.22) !important; }
.mbh-10:hover { background:#FAF9FF !important; }
.mbh-11:hover { transform:translateY(-8px) !important; border-color:rgba(196,181,253,.55) !important; box-shadow:0 24px 50px -12px rgba(109,79,208,.55) !important; }
.mbh-12:hover { transform:translateY(-3px) !important; }
.mbh-13:hover { border-color:#6D4FD0 !important; }
.mbh-14:hover { color:#ffffff !important; }
.mbh-15:hover { transform:translateY(-6px) !important; box-shadow:0 22px 46px rgba(23,24,28,.14) !important; }
.mbh-16:hover { background:rgba(255,255,255,.1) !important; }