/* Pied de page : fond bleu nuit fixe, texte clair, sur toutes les pages. La règle d'origine peint une border-image claire : elle est annulée ici. */
html body .pied{background:#273338;color:#C3CDD2;border-image:none;border-top:1px solid #34434B;--texte:#C3CDD2;--texte-doux:#AEB8BE;--encre:#F4F7F9;--petrole:#A9CDDB;--laiton-encre:#E0A552;--filet:#34434B}
html body .pied__bas{border-top:1px solid #34434B}
html body .pied a{color:#C3CDD2}
html body .pied a:hover{color:#A9CDDB}
html body .pied h2{color:#E0A552}

/* Bande du bas (mobile) : couleur de la section sous elle, bleu sur le pied de page. */
@media (max-width:899px){
  html body .bande__sol{fill:var(--bande-fill,#273338)}
}

/* Mobile : le pied de page descend jusqu'à la bande du bas, pour qu'aucune zone claire ne reste dessous. */
@media (max-width:899px){
  html body #brx-footer{background:#273338;padding-bottom:var(--bande-h)}
}

/* Menu mobile : liens plus petits (mobile et tablette seulement). */
@media (max-width:899px){
  html body .menu__liens a{font-size:1.4rem}
}

/* Mobile : plus de zone réservée sous le corps de page : le pied de page va jusqu'en bas, sous la bande. */
@media (max-width:899px){
  html body{padding-bottom:0}
}

/* Un seul blanc pour le texte clair (#F4F7F9) : textes sur photo et liens du pied. Les champs de formulaire restent en blanc pur. */
html body{--sur-photo:#F4F7F9}
html body .pied a{color:#F4F7F9}

/* Mobile : l'en-tête reste plein en défilant, même au-dessus d'un héros sombre (le texte ne passe plus derrière le logo). */
@media (max-width:899px){
  html body .entete.sur-photo::before{opacity:1}
}

/* Champs de formulaire : fond blanc, donc texte sombre (le texte clair de la charte rendait la saisie illisible). */
html body input:not([type=checkbox]):not([type=radio]):not([type=submit]),
html body textarea,
html body select{color:#1C2529!important;background:#FFFFFF}
html body input::placeholder,
html body textarea::placeholder{color:#6B7980!important;opacity:1}

/* Case de consentement : taille normale, alignée sur son libellé (sans hériter de la hauteur des champs). */
html body .options-wrapper{list-style:none;margin:0;padding:0}
html body .options-wrapper li{display:flex;align-items:center;gap:var(--space-sm);margin:0;padding:0}
html body input[type=checkbox]{width:22px;height:22px;min-width:0;min-height:0;padding:0;margin:0;flex:0 0 auto;background:none;border:0;accent-color:#C9862F}
html body .options-wrapper label{font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:#F4F7F9;margin:0;cursor:pointer}

/* Case de consentement (renforcée : le thème impose des tailles aux champs). */
html body .options-wrapper li{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:var(--space-sm)!important}
html body input[type=checkbox]{-webkit-appearance:checkbox!important;appearance:checkbox!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;padding:0!important;margin:0!important;flex:0 0 22px!important;background:none!important;border:1px solid #8A9AA2!important;box-shadow:none!important}
html body .options-wrapper label{display:inline-block!important;visibility:visible!important;opacity:1!important;clip:auto!important;clip-path:none!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;color:#F4F7F9!important;font-size:var(--text-xs)!important;letter-spacing:2px!important;text-transform:uppercase!important;margin:0!important}