@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-700.woff2') format('woff2');font-weight:700;font-display:swap}
body.branding-site{--accent:#31594B;--accent-surface:#E6EDDD;--accent-texte:#31594B;--white:#FFF8E8;--off-white:#F3E7CF;--dark:#172027;--dark2:#31594B;--slate:#46524C;--gray:#46524C;--light-gray:#F3E7CF;--border:#D8C9AB;--teal:var(--accent);--teal-dark:#172027;--purple:var(--accent);--marqueur:#F5BD70;--marqueur-froid:#D4DFC9;--bg:#FFF8E8;--surface:#FFF8E8;--surface-2:#F3E7CF;--ink:#172027;--body:#46524C;--line:#D8C9AB;--brand:var(--accent);--brand-strong:#172027;--brand-tint:var(--accent-surface);--brand-ink:var(--accent-texte);--font:'DM Sans',system-ui,sans-serif;background:#FFF8E8;color:#46524C;font:400 17px/1.7 'DM Sans',system-ui,sans-serif}
body.rubrique-ressources{--accent:#365F64;--accent-surface:#E2EEEC;--accent-texte:#365F64;--dark2:#365F64}
body.rubrique-capture{--accent:#97492E;--accent-surface:#F4E3D6;--accent-texte:#97492E;--dark2:#97492E}
body.rubrique-institution{--accent:#31594B;--accent-surface:#F3E7CF;--accent-texte:#31594B}
.branding-site h1,.branding-site h2{font-family:VT323,system-ui,sans-serif!important;font-weight:400!important;letter-spacing:0!important;line-height:1.08!important;text-wrap:balance;color:#172027}
.branding-site h1{font-size:clamp(40px,4.7vw,64px)!important;max-width:24ch;margin-bottom:24px}
.branding-site h2{font-size:clamp(34px,3.6vw,48px)!important;max-width:30ch}
.branding-site h3{font-family:Oxanium,'DM Sans',sans-serif!important;font-weight:700;line-height:1.3;letter-spacing:0;font-size:22px}
.branding-site p,.branding-site li{overflow-wrap:break-word}
.branding-site p{max-width:70ch}
.branding-site .wrap{max-width:1180px;padding-inline:28px}
.branding-site .wrap.etroit{max-width:820px}
.branding-site section{scroll-margin-top:110px}
.branding-site section.hero{padding-top:48px;padding-bottom:48px}
.branding-site .alt{background:var(--accent-surface)}
.branding-site .surtitre{font-family:'DM Sans',sans-serif;color:var(--accent-texte);font-weight:700;line-height:1.6;letter-spacing:.07em}
.branding-site a{color:var(--accent-texte)}
.branding-site .nav{background:#FFF8E8;border-bottom:1px solid #D8C9AB}
.branding-site .nav a:not(.btn),.branding-site .nav-links a,.branding-site .nav-liens a{color:#172027}
.branding-site .nav-livre{color:#172027!important;border-color:var(--accent)!important}
.branding-site .nav-menu,.branding-site .nav-mobile,.branding-site .nav-dropdown{background:#FFF8E8}
.branding-site .filet{height:4px;background:var(--accent)}
.branding-site .btn,.branding-site button[type=submit],.branding-site input[type=submit]{background:var(--accent);color:#FFF8E8;border:2px solid var(--accent);border-radius:4px;min-height:48px;padding:12px 18px;box-shadow:3px 3px 0 #172027;font:700 16px/1.4 'DM Sans',sans-serif;white-space:normal;text-align:center}
.branding-site .btn:hover,.branding-site button[type=submit]:hover{background:#172027;color:#FFF8E8;border-color:#172027}
.branding-site .btn.fantome,.branding-site .btn-ghost,.branding-site .btn.secondary{background:transparent;color:#172027;border-color:#172027;box-shadow:none}
.branding-site :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.branding-site .sombre{background:var(--accent);color:#FFF8E8}
.branding-site .sombre h1,.branding-site .sombre h2,.branding-site .sombre h3,.branding-site .sombre p,.branding-site .sombre li,.branding-site .sombre .surtitre{color:#FFF8E8}
.branding-site .sombre .btn{background:#FFF8E8;color:#172027;border-color:#FFF8E8}
.branding-site .sombre .btn.fantome{background:transparent;color:#FFF8E8}
.branding-site .marqueur,.branding-site .marqueur.froid{background:none;box-shadow:inset 0 -.2em 0 #F5BD70;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.branding-site .systeme-sommaire{background:#FFF8E8;border-color:#D8C9AB}
.branding-site .systeme-sommaire a{color:var(--accent-texte)}
.branding-site .client-engine-logo{background:transparent!important;border-radius:0!important}
.branding-repere{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:126px;margin-bottom:18px}
.branding-repere>span:first-child{font:700 12px/1.5 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-left:4px solid var(--accent);background:var(--accent-surface);color:var(--accent-texte);max-width:35ch}
.branding-repere .pixel-scene{width:144px;flex:none}
.branding-mini{width:112px;margin:0 0 16px auto}
.branding-site input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.branding-site textarea,.branding-site select{max-width:100%;font:400 16px/1.5 'DM Sans',sans-serif;border-radius:4px;border-color:#8F8C7F;color:#172027;background:#FFFDF7}
.branding-site footer,.branding-site .pied{background:#F3E7CF;color:#46524C}
.branding-site footer h3,.branding-site footer a,.branding-site footer p{color:#172027}
.entreprise-grille{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center}
.entreprise-grille figure{margin:0}.entreprise-grille figcaption{text-align:center;font-size:14px}
.entreprise-grille>.pixel-scene{max-width:280px;justify-self:center}
.entreprise-preuves{display:flex;gap:64px;justify-content:center;text-align:center}.entreprise-preuves b{display:block;font:700 30px Oxanium,sans-serif;color:#31594B}.entreprise-preuves span{font-size:14px}
.entreprise-cartes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.entreprise-carte{padding:24px;border:1px solid #D8C9AB;background:#FFF8E8;box-shadow:4px 4px 0 #F3E7CF;border-radius:4px;display:flex;flex-direction:column;align-items:start}
.entreprise-carte .pixel-scene{width:144px;margin:0 0 12px auto}.entreprise-carte .btn{margin-top:auto}.ressources-cartes{grid-template-columns:repeat(3,minmax(0,1fr))}
.entreprise-portrait{width:300px;border-radius:4px;justify-self:center}
@media(max-width:680px){.branding-site .wrap{padding-inline:20px}.branding-site h1{font-size:40px!important;max-width:100%}.branding-site h2{font-size:34px!important;max-width:100%}.branding-site h3{font-size:21px}.branding-site .chapeau{font-size:18px}.branding-site section.hero{padding-top:30px;padding-bottom:32px}.branding-site .actions{display:flex;flex-direction:column;align-items:stretch}.branding-site .actions .btn{width:100%}.branding-repere{gap:14px;min-height:100px}.branding-repere .pixel-scene{width:100px}.branding-mini{width:96px}.entreprise-grille{grid-template-columns:minmax(0,1fr);gap:24px}.entreprise-grille figure{max-width:280px;justify-self:center}.entreprise-cartes,.ressources-cartes{grid-template-columns:minmax(0,1fr)}.entreprise-preuves{gap:20px;flex-wrap:wrap}.entreprise-preuves b{font-size:26px}.entreprise-carte{padding:20px}.branding-site .systeme-sommaire .wrap{gap:12px}.branding-site .systeme-sommaire a{font-size:13px}.branding-site form{max-width:100%}.branding-site .nav-inner{padding-inline:14px;gap:12px}.branding-site .nav-links{gap:10px;flex-wrap:wrap}.branding-site .nav-links a{font-size:12px}.branding-site .nav .wrap{gap:12px}.branding-site .etapes-lignes{min-width:0}}
@media(max-width:350px){.branding-site .wrap{padding-inline:16px}.branding-site h1{font-size:36px!important}.branding-site h2{font-size:32px!important}.branding-repere>span:first-child{font-size:11px;padding:7px 9px}.branding-repere .pixel-scene{width:88px}}
@media(prefers-reduced-motion:reduce){.branding-site *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Les captures héritent des mêmes tokens sans toucher aux étapes du parcours. */
body.branding-site{--usf-bg:#FFF8E8;--usf-surface:#FFF8E8;--usf-ink:#172027;--usf-muted:#46524C;--usf-line:#D8C9AB;--usf-primary:var(--accent);--usf-primary-strong:var(--accent-texte);--usf-soft:var(--accent-surface);--usf-soft-line:#D8C9AB;--usf-tint:var(--accent-surface);--usf-font:'DM Sans',system-ui,sans-serif;--usf-radius-card:4px;--usf-radius-btn:4px}
.branding-site .client-engine-logo{background:#FFF8E8!important;padding:12px;border:1px solid #D8C9AB!important}
.branding-site .filet span{background:var(--accent)!important}
.branding-site .tf-btn-primary,.branding-site .tf-submit{background:var(--accent)!important;color:#FFF8E8!important;border-radius:4px!important;box-shadow:3px 3px 0 #172027}
.branding-site .tf-lp-hero,.branding-site .tf-landing{background:#FFF8E8}
.branding-site .tf-panel,.branding-site .tf-capture-form{border-radius:4px}
.branding-site .tf-landing .branding-repere{max-width:680px;margin-inline:auto}
.branding-site .nav .wrap{gap:16px}.branding-site .nav-liens{gap:16px}
@media(max-width:1050px){.branding-site .nav-liens{display:none}.branding-site .menu{display:block}.branding-site .nav .btn{margin-left:auto}}
.branding-site .tf-lp-hero .tf-eyebrow{background:var(--accent-surface);color:var(--accent-texte);border:1px solid #D8C9AB;border-radius:4px}
.branding-site .tf-lp-hero .tf-date{border-color:var(--accent)}
.branding-site .tf-registration-card{border-radius:4px;background:#FFF8E8;border-color:#D8C9AB}
@media(min-width:860px){.branding-site .tf-lp-hero .branding-repere{grid-column:1;grid-row:5;max-width:none;width:100%;margin-top:18px;min-height:100px}.branding-site .tf-lp-hero .branding-repere .pixel-scene{width:120px}}
.branding-site .pieces{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.branding-site .piece{background:#FFF8E8;border:1px solid #D8C9AB;border-radius:4px;min-width:0}
.branding-site .tf-lp-hero p.tf-lp-sub{font-size:16px!important;line-height:1.55!important}
.branding-site .tf-date{font-size:14px!important;line-height:1.5!important}
.branding-site .tf-capture-form small,.branding-site .tf-note{font-size:13px!important;line-height:1.5!important}
/* Les pages historiques utilisaient une barre fixe qui masquait les premiers labels. */
.branding-site .nav{position:sticky;top:0}
.branding-site .menu-panneau,.branding-site .ressources-liens{background:#FFF8E8;color:#172027;border-color:#D8C9AB}
.branding-site .modalites,.branding-site .grille,.branding-site .miroir,.branding-site .gratuits,.branding-site .guides-liste{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.branding-site .ressources-liens{right:0;left:auto}
.ressources-cartes{--accent:#365F64;--accent-texte:#365F64}
.ressources-cartes .entreprise-carte{border-top:4px solid #365F64}

/* Les illustrations de rubrique restent hors du bandeau de consentement. */
.usc-cmp-panel .branding-repere,.usc-cmp-panel .branding-mini{display:none!important}