/* Ajouts propres à l'intégration WordPress (le reste du CSS est celui des pages validées). */

/* Conteneur de police : reprend le style en ligne du conteneur des gabarits d'origine */
.sm-root{font-family:'Plus Jakarta Sans','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.6;color:#16211B;background:#FFFFFF;-webkit-font-smoothing:antialiased}
.sm-root--dahmiss{color:#3B1D0E;background:#FBF3E4}
/* Actualités et Carrière : conteneur d'origine sans taille ni interlignage (valeurs du navigateur) */
.sm-root--compact{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:medium;line-height:normal;background:none}

/* États rendus par PHP puis pilotés par assets/js/sm-bind.js et site.js : un élément masqué l'est toujours */
[hidden]{display:none!important}

/* Lien d'évitement et texte réservé aux lecteurs d'écran */
.skip-link{position:absolute;left:16px;top:-80px;z-index:100;padding:12px 20px;border-radius:999px;background:#0E2A1C;color:#FFFFFF;font:600 14px/1.2 'Plus Jakarta Sans',Arial,sans-serif;transition:top .2s}
.skip-link:focus{top:16px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#main:focus{outline:none}

/* Titres des colonnes du pied de page : h2 (hiérarchie des titres), apparence du h4 d'origine */
.ftr .ftr-h{font-size:15px;font-weight:600;color:#FFFFFF;margin-bottom:18px;letter-spacing:0;line-height:inherit}

/* Formulaires : message de retour */
.sm-notice{margin-top:20px;padding:14px 18px;border-radius:14px;font-size:15px;line-height:1.5}
.sm-notice.is-ok{background:#E7F0E9;color:#0E2A1C}
.sm-notice.is-err{background:#FBEAEA;color:#7A1F1F}
/* Champ piège anti-robots : invisible sans décalage hors écran (un left négatif créerait un défilement horizontal en arabe) */
.sm-hp{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Accueil 1 / Accueil 2 : comparaison temporaire des vidéos de fond (page « Accueil 2 », gabarit accueil-2), affichée
   tant que cette page est publiée. Même pastille que le choix de langue, dans la barre haute : la barre principale est
   pleine (ses 6 liens occupent toute la largeur à 1181 px). Sous 600 px, le menu mobile prend le relais. */
.acc2{display:flex;gap:2px;padding-inline-start:18px;border-inline-start:1px solid rgba(255,255,255,.18)}
.acc2 a{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.75);white-space:nowrap;transition:color .2s}
.acc2 a:hover{color:#FFFFFF}
.acc2 a.on,.acc2 a.on:hover{background:#C9A24A;color:#13241A}
@media(max-width:1180px){.acc2{padding-inline-start:0;border-inline-start:0}}
@media(max-width:600px){.acc2{display:none}}

/* Barre d'administration WordPress : l'en-tête fixe se place dessous */
body.admin-bar .hdr,body.admin-bar .dh{top:32px}
@media(max-width:782px){body.admin-bar .hdr,body.admin-bar .dh{top:46px}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Lettre d'information : le champ n'avait aucun état de focus (outline:none) */
.nl:has(input:focus){border-color:#C9A24A;box-shadow:0 0 0 1px #C9A24A}