@charset "UTF-8";

/* ============================================================
   POLICES AUTO-HEBERGEES
   IBM Plex, licence SIL Open Font License 1.1.
   Auto-heberge et non charge depuis Google Fonts : aucune
   adresse IP de visiteur n'est transmise a un tiers (RGPD).
   Sous-ensemble latin uniquement, 8 fichiers, 164 Ko au total.
   ============================================================ */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/ibm-plex-sans-condensed-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/ibm-plex-sans-condensed-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ============================================================
   NASLAY , naslay-chrome.css
   Feuille REDUITE, destinee aux pages qui conservent leur
   ancien CSS de corps de page.

   Ne contient QUE le bandeau : header, navigation, logo,
   menu mobile, bascule pro/particulier.

   Volontairement absents, pour ne rien casser :
     - aucune variable CSS (14 collisions avec l'ancien systeme)
     - aucun reset global, aucune regle sur body, h1 a h4
     - aucune regle .nas-card, .nas-btn, .nas-footer, .nas-wrap
   Les couleurs sont ecrites en dur pour rendre la feuille autonome.
   ============================================================ */

.nas-header {
  position: sticky; top: 0; z-index: 100;
  background: #0B0F14;
  border-bottom: 1px solid #242C36;
}
.nas-header-in {
  max-width: 1080px; margin: 0 auto; padding: 0 20px;
  min-height: 60px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}

.nas-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
.nas-logo-mark { width: 32px; height: 32px; flex-shrink: 0; }
.nas-logo-text {
  font-family: "IBM Plex Sans Condensed","Arial Narrow",system-ui,sans-serif; font-size: 20px; font-weight: 700;
  color: #fff; letter-spacing: -0.015em; line-height: 1.05; display: block;
}
.nas-logo-sub {
  font-family: "IBM Plex Mono",ui-monospace,Consolas,monospace; font-size: 8px; font-weight: 500;
  color: #EDC211; letter-spacing: 0.09em; text-transform: uppercase; display: block;
}

.nas-nav { display: flex; align-items: center; gap: 2px; }
.nas-nav a {
  color: #9AA4B0; text-decoration: none;
  font-size: 14px; font-weight: 500;
  padding: 8px 11px; border-radius: 4px;
  white-space: nowrap;
}
.nas-nav a:hover { color: #fff; background: #242C36; }
.nas-nav a[aria-current="page"] {
  color: #fff; background: none; border-radius: 0;
  box-shadow: inset 0 -2px 0 #EDC211;
}
.nas-nav-sep { width: 1px; height: 20px; background: #242C36; margin: 0 8px; flex-shrink: 0; }
.nas-nav .nas-nav-cta {
  border: 1px solid #4A545F; color: #fff; font-weight: 600;
}
.nas-nav .nas-nav-cta:hover { border-color: #EDC211; color: #EDC211; background: none; }

.nas-burger {
  position: absolute; opacity: 0; pointer-events: none;
  width: 1px; height: 1px; margin: 0; padding: 0; border: 0;
}
.nas-burger-btn { display: none; }

@media (max-width: 900px) {
  .nas-header-in { flex-wrap: wrap; }
  .nas-burger-btn {
    display: flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; margin-right: -10px;
    color: #fff; cursor: pointer; border-radius: 4px;
  }
  .nas-burger-btn svg { width: 24px; height: 24px; }
  .nas-burger-btn .nas-b-fermer { display: none; }
  .nas-burger:checked ~ .nas-header .nas-burger-btn .nas-b-fermer { display: block; }
  .nas-burger:checked ~ .nas-header .nas-burger-btn .nas-b-ouvrir { display: none; }

  .nas-nav {
    display: none; order: 3; width: 100%;
    flex-direction: column; align-items: stretch; gap: 0;
    border-top: 1px solid #242C36;
    padding: 6px 0 12px;
  }
  .nas-burger:checked ~ .nas-header .nas-nav { display: flex; }
  .nas-nav a { padding: 13px 4px; font-size: 16px; border-radius: 0; }
  .nas-nav a[aria-current="page"] { box-shadow: inset 3px 0 0 #EDC211; padding-left: 12px; }
  .nas-nav-sep { display: none; }
  .nas-nav .nas-nav-cta { border: none; color: #EDC211; }
}

/* ============================================================
   3 bis. BASCULE PRO / PARTICULIER
   Deux vrais liens vers deux vraies pages. Aucun JavaScript,
   aucun contenu masque : les robots voient les deux chemins.
   ============================================================ */

.nas-bascule { background: #0B0F14; border-bottom: 1px solid #242C36; }
.nas-bascule-in {
  max-width: 1080px; margin: 0 auto; padding: 10px 20px;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.nas-bascule-label {
  font-family: "IBM Plex Mono",ui-monospace,Consolas,monospace; font-size: 10.5px; font-weight: 500;
  letter-spacing: 0.12em; text-transform: uppercase; color: #6E7883;
  margin-right: 2px;
}
.nas-bascule-group { display: flex; border: 1px solid #242C36; border-radius: 4px; overflow: hidden; }
.nas-bascule-group a {
  color: #9AA4B0; text-decoration: none;
  font-size: 13.5px; font-weight: 500;
  padding: 7px 14px; white-space: nowrap;
}
.nas-bascule-group a + a { border-left: 1px solid #242C36; }
.nas-bascule-group a:hover { color: #fff; background: #161C24; }
.nas-bascule-group a[aria-current="page"] {
  background: #EDC211; color: #3A2E02; font-weight: 600;
}

@media (max-width: 520px) {
  .nas-bascule-label { width: 100%; margin-bottom: 2px; }
  .nas-bascule-group { width: 100%; }
  .nas-bascule-group a { flex: 1; text-align: center; padding: 9px 8px; }
}
