/* Règles partagées par tout le site, chargées avant les styles propres à chaque page. */
/* Logo sur fond sombre : le noir passe en blanc, le bleu reste bleu. Seule définition du site. */
nav.dark-section .logo-img,.logo-img.sur-sombre{filter:invert(1) hue-rotate(180deg)}
/* Filtre qui teinte les cartes (France, îles d'outre-mer) dans le bleu du site. Seule définition. */
:root{--filtre-cyan:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(459%) hue-rotate(164deg) brightness(104%)}
/* Bleu des petits textes sur fond clair, assez contrasté pour être lisible (WCAG AA, 5:1 sur blanc).
   Le bleu de marque (--cyan) reste utilisé sur les fonds sombres et pour tout le reste. */
:root{--cyan-texte:#0077a8}
body:not(.fond-sombre) :is(.eyebrow,.hero-badge){color:var(--cyan-texte)}
#modele .eyebrow,#citation .eyebrow{color:var(--cyan)}
/* Sélecteur de langue : lien vers la version équivalente (FR/EN). Seule définition du site. */
a.lang-btn{display:inline-block;text-decoration:none}
.nav-lang{margin-left:auto;margin-right:1.25rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#666;text-decoration:none;border:1px solid #e0e0e0;border-radius:4px;padding:.3rem .6rem;transition:color .2s,border-color .2s}
.nav-lang:hover{color:var(--cyan);border-color:var(--cyan)}
body.fond-sombre .nav-lang{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.25)}
.contact-en{margin-top:1.25rem;font-size:.85rem;color:#666}
