/* Ajouts pour nos contenus. Le reste = leur feuille de style d'origine, inchangée.
   Couleurs reprises de leur charte : bleu #3966cd, encre #0f1b33, gris texte #5a6275. */
:root{--bleu:#3966cd;--encre:#0f1b33;--gris:#5a6275;--rouge:#c92a2a;--vert:#0f7b3f}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
:focus-visible{outline:3px solid var(--bleu)!important;outline-offset:3px!important;border-radius:8px}
.lien-evitement{position:absolute;left:-9999px;top:8px;z-index:9999;background:#fff;color:var(--encre);padding:10px 16px;border-radius:8px;font-weight:600}
.lien-evitement:focus{left:12px}

/* Menu */
header .link-navbar,header .button,header .link-navbar div{white-space:nowrap}
header img.logo-navbar{height:30px;width:auto;max-width:none}
header .link-navbar.w--current{color:var(--bleu)}

/* Accueil : ligne de confiance sous les boutons */
.confiance-hero{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;align-items:center}
.ch-item{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--encre);text-decoration:none}
.ch-item img{height:22px;width:auto}
a.ch-item:hover{color:var(--bleu)}
.logo-bandeau{height:24px;width:auto;vertical-align:-6px;margin-right:10px}

/* Ligne des formalités (à la place des logos de marques) */
.wrapper-col.logos-home:has(.logo-texte){flex-wrap:wrap!important;justify-content:center;column-gap:2.6rem!important;row-gap:.8rem!important}
.logo-home.logo-texte{width:auto;height:auto;max-width:none;flex:0 0 auto;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:18px;line-height:1.2;color:#5a6275;white-space:nowrap;text-align:center}
@media (max-width:767px){.wrapper-col.logos-home:has(.logo-texte){column-gap:1.1rem!important}.logo-home.logo-texte{font-size:14px}}

/* Cartes simples (bloc « le problème ») */
.grille-3{align-items:stretch}
.carte-simple{height:100%;padding:28px 26px;border-radius:12px;background:#fff}
.carte-simple h3{margin:14px 0 8px}
.carte-simple p{margin:0;color:var(--gris)}
.solution{flex-direction:column;align-items:center;gap:16px;text-align:center}
.text-lg-solution{font-size:18px;margin:0;color:var(--encre)}

/* Images */
.image-plateformes{display:block;width:100%;height:auto;border-radius:12px}
.illus-etape{display:block;width:100%;height:auto;border-radius:12px;margin:14px 0}
.etapes-accueil{padding-top:6rem}
.logo-inpi-rond{background:#fff;border-radius:50%;padding:10px;object-fit:contain;box-shadow:inset 0 0 0 2px #edf2fc}

/* Avis */
.avis-titre{display:block;margin-bottom:8px;font-size:16px;color:var(--encre)}
.avis-auteur{display:block;margin-top:14px;font-weight:600;font-size:14px;color:var(--gris)}
.avis-lien{display:flex;justify-content:center;width:100%}

/* Pastilles « formes d'entreprise » */
.countrie img.icon-contact{width:22px;height:22px}

/* Pied de page */
.logo-pied{height:30px;width:auto;margin:16px 0}
.texte-pied{color:#c6cbd8;font-size:14px;line-height:1.6;max-width:260px}
.pied-logos{display:flex;gap:10px;margin-top:14px}
.pastille-logo{background:#fff;border-radius:8px;padding:6px 10px;display:inline-flex;align-items:center}
.pastille-logo img{display:block;width:auto}
.badge-pied{width:52px;height:52px;margin-right:10px}

/* Questions fréquentes (ouverture au clic, gérée par site.js) */
[faq="title"]{cursor:pointer}
[faq="item"].ouvert [faq="arrow"]{transform:rotate(180deg)}
[faq="arrow"]{transition:transform .2s}

/* Bandeau « hors ligne » */
/* relance 18/10 15:30 : centré par left:50% + translate, le bandeau ne prenait que la MOITIÉ de l’écran (195 px sur téléphone = 6 lignes au milieu de la page) */
.bandeau-hors-ligne{position:fixed;left:16px;right:16px;bottom:16px;margin:0 auto;width:fit-content;line-height:1.45;z-index:9998;background:var(--encre);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:min(880px, calc(100% - 32px))}
/* Les dimensions écrites sur les images servent à réserver la place ; la hauteur suit toujours la largeur. */
:where(img[width][height]){height:auto}
header img.logo-navbar{height:30px!important}
.alohi---main-style-guide--footer-copyright a{white-space:nowrap}
/* « Pourquoi ? » après « non affilié à l’INPI » : même couleur que la ligne, souligné, vers la réponse de l’Aide (11/10) */
.pied-pourquoi,.ct-bas .pied-pourquoi{color:inherit;text-decoration:underline;text-underline-offset:3px;margin-left:4px;font-size:inherit}
@media (hover:hover){.pied-pourquoi:hover{opacity:.8}}
/* Une question de l’Aide visée par une ancre se place sous la barre fixe (76 px), pas derrière */
[faq="item"]{scroll-margin-top:110px}
/* Articles des pages légales visés par une ancre (/cgv#art-9) : titre sous la barre fixe, pas derrière */
.cx-article h2[id],h2[id^="art-"]{scroll-margin-top:110px}
/* Page « Comment ça marche » : les guides passent à la ligne (3 par rangée), vignette pleine largeur */
.guides-groupe{flex-wrap:wrap!important;row-gap:24px}
.guides-groupe>.col-4{flex:0 0 calc(33.333% - 22px);max-width:calc(33.333% - 22px)}
@media (max-width:991px){.guides-groupe>.col-4{flex-basis:calc(50% - 16px);max-width:calc(50% - 16px)}}
@media (max-width:600px){.guides-groupe>.col-4{flex-basis:100%;max-width:100%}}
.vignette-guide{display:block;width:100%!important;height:auto!important;border-radius:8px;margin-bottom:16px}
/* Contact : icônes à taille fixe */
.carte-contact img{width:56px!important;height:56px!important;object-fit:contain}
.carte-contact .button{margin-top:16px;max-width:100%}
.carte-contact .button div{overflow:hidden;text-overflow:ellipsis}
.note-contact{text-align:center;color:#5a6275;font-size:14px;margin-top:24px}
/* Garanties : logos des cartes de conformité */
.logo-conformite{width:64px!important;height:64px!important;object-fit:contain;flex:none}
.photo-bandeau{width:100%;height:auto;display:block;object-fit:cover}
/* Blog : filtres */
.filtres-blog{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.filtre-blog{background:rgba(255,255,255,.16);color:#fff;border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}
.filtre-blog span{opacity:.8;font-weight:500;margin-left:4px}
.filtre-blog.actif{background:#fff;color:#3966cd;border-color:#fff}
.tag-blog{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#3966cd}
[data-categorie][hidden]{display:none!important}
@media (max-width:767px){.confiance-hero{justify-content:center}.ch-item{font-size:13px}}
/* Menu du téléphone : bas de menu */
.menu-tel-bas{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:22px 20px 30px;border-top:1px solid #edf2fc;margin-top:10px}
.menu-tel-signer{justify-content:center;min-height:52px;font-size:17px}
.menu-tel-appel{text-align:center;color:#0f1b33;font-weight:600;text-decoration:none;padding:6px}
.menu-tel-logos{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.menu-tel-logos img{height:24px;width:auto}.menu-tel-logos span{font-weight:700;color:#0f1b33}
/* Bouton « Signer » fixé en bas (téléphone seulement) */
.barre-signer{display:none}
@media (max-width:767px){
 .barre-signer{position:fixed;left:12px;right:12px;bottom:12px;z-index:2400;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:999px;background:#3966cd;color:#fff;font-weight:600;font-size:17px;text-decoration:none;box-shadow:0 10px 30px rgba(10,60,160,.35);transform:translateY(140%);transition:transform .25s ease}
 .barre-signer span{font-weight:500;font-size:14px;opacity:.85}
 .barre-signer.visible{transform:none}
 body:has(.barre-signer) .alohi---main-style-guide--footer-copyright{padding-bottom:86px}
}
/* Pastilles « formes d'entreprise » : hauteur normale */
.countrie .card,.countrie .wrap-card-parent-content{min-height:0!important;height:auto!important}
.countrie .wrap-card-parent-content.small-paddings{padding:12px 16px!important}
/* Avis avec photo (1 sur 3) */
.avis-auteur img{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:8px}
/* Tableau « Tout ce qui est inclus » (3 colonnes au lieu de 6) */
.tableau-inclus .features-col-compare-pricing{flex:1 1 0}
.tableau-inclus .features-col-1{flex:1.4 1 0}
.tableau-inclus .detail-pricing{text-align:center}
.avis-texte{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
/* Pied : bloc « Besoin d'aide ? » */
.aide-pied{display:flex;flex-direction:column;gap:10px}
.aide-pied-titre{color:#fff;font-size:16px}
.aide-pied p{color:#c6cbd8;font-size:14px;line-height:1.55;margin:0 0 4px}
.aide-pied-lien{display:flex;align-items:center;gap:10px;color:#fff!important;font-weight:600;font-size:15px;text-decoration:none;min-height:44px}
.aide-pied-lien img{background:#fff;border-radius:8px}
@media (hover:hover){.aide-pied-lien:hover{text-decoration:underline}}
.aide-pied-lien img{width:28px!important;height:28px!important;max-width:none;flex:none;padding:3px}
.logo-pied{margin-top:0}
/* Compatibilité : 2 listes sobres */
.compat{display:flex;flex-direction:column;gap:16px}
.compat-groupe{background:#fff;border:1px solid #dfe4ec;border-radius:12px;padding:20px 24px}
.compat-titre{display:block;font-weight:600;color:#0f1b33;font-size:15px;margin-bottom:12px}
.compat ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px}
.compat li{display:flex;align-items:center;gap:8px;color:#2b3345;font-size:15px}
.compat li img{width:24px;height:24px;flex:none}
.compat-note{margin:0;color:#5a6275;font-size:14px}
.compat ul{display:flex!important;flex-direction:row!important}
.compat li{flex:0 0 auto!important;width:auto!important;margin:0!important}
.compat ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
@media (max-width:479px){.compat ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Avis : carte éditoriale (grande citation, nom, date), une seule carte pleine largeur sur téléphone */
.slider-white .slick-slide{width:520px!important}
.slider-white .bg_image{height:auto!important}
.carte-avis{background:#fff!important;border:1px solid #dfe4ec!important;padding:8px 8px 4px}
.carte-avis .testi-icon{width:40px!important;height:32px!important;margin-bottom:12px}
.carte-avis .avis-titre{font-size:20px!important;font-weight:600;line-height:1.3;margin-bottom:12px}
.carte-avis .avis-texte{font-size:17px;line-height:1.6;color:#2b3345;-webkit-line-clamp:6}
.carte-avis .avis-auteur{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #eef2f7;color:#0f1b33}
.carte-avis .avis-auteur img{margin:0;width:40px;height:40px}
.carte-avis .avis-auteur>span{display:flex;flex-direction:column;line-height:1.35}
.carte-avis .avis-auteur b{font-weight:600;font-size:15px}
.carte-avis .avis-auteur small{font-weight:400;font-size:13px;color:#5a6275}
@media (max-width:767px){.slider-white .slick-slide{width:calc(100vw - 48px)!important}.carte-avis .avis-titre{font-size:18px!important}.carte-avis .avis-texte{font-size:16px}}
#avis{padding-top:72px!important}
/* Tarif : comparatif FranceConnect+ / ClairSign */
.comparatif-fc{padding-top:72px;padding-bottom:72px}
.comparatif-fc .label,.comparatif-fc h2,.comparatif-intro{text-align:center}
.comparatif-intro{max-width:640px;margin:12px auto 32px;color:#2b3345;font-size:17px;line-height:1.6}
.comparatif-cadre{overflow-x:auto;border:1px solid #dfe4ec;border-radius:12px;background:#fff}
.comparatif{width:100%;border-collapse:collapse;min-width:560px}
.comparatif th,.comparatif td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #eef2f7;font-size:15px;line-height:1.55;color:#2b3345}
.comparatif tbody tr:last-child th,.comparatif tbody tr:last-child td{border-bottom:0}
.comparatif thead th{background:#f5f7fa;color:#0f1b33;font-weight:600;font-size:16px}
.comparatif tbody th{color:#0f1b33;font-weight:600;width:24%}
.comparatif .nous{background:#f4f8fe}
.comparatif thead .nous{background:#edf2fc;color:#3966cd}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.comparatif-fc .wrap-button{gap:16px;flex-wrap:wrap;justify-content:center}
.comparatif-fc{padding-top:24px}
@media (max-width:600px){
 .comparatif{min-width:0}
 .comparatif thead{display:none}
 .comparatif,.comparatif tbody,.comparatif tr,.comparatif th,.comparatif td{display:block;width:auto!important}
 .comparatif tr{border-bottom:1px solid #dfe4ec;padding:4px 0}
 .comparatif tbody tr:last-child{border-bottom:0}
 .comparatif th,.comparatif td{border:0;padding:8px 16px}
 .comparatif tbody th{padding-top:14px;font-size:16px}
 .comparatif td::before{content:attr(data-l);display:block;font-size:13px;font-weight:600;color:#5a6275;margin-bottom:2px}
 .comparatif td.nous::before{color:#3966cd}
}
/* « Tout ce qui est inclus » sur téléphone : chaque ligne = l'intitulé, puis les 2 valeurs nommées (plus de défilement de côté caché) */
@media (max-width:991px){
 .tableau-inclus .sticky-element-wrapper{display:none!important}
 .tableau-inclus .pricing-block,.tableau-inclus .pricing-block *{min-width:0!important}
 .tableau-inclus .pricing-block,.tableau-inclus .pricing-content{width:100%!important}
 .tableau-inclus .pricing-content>.features-rows{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 12px;padding:14px 8px!important;width:100%!important}
 .tableau-inclus .pricing-content>.features-rows .features-col-1{grid-column:1/-1;width:auto!important;padding:0!important}
 .tableau-inclus .pricing-content>.features-rows .features-col-compare-pricing{width:auto!important;padding:0!important;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important}
 .tableau-inclus .features-col-compare-pricing::before{content:attr(data-l);font-size:12px;font-weight:600;color:#5a6275;margin-bottom:2px}
 .tableau-inclus .detail-pricing{text-align:left!important;font-size:14px!important}
}
@media (max-width:991px){
 .tableau-inclus .overlfow-scroll{overflow-x:visible!important}
 .tableau-inclus .pricing-content>.features-rows{padding:12px 12px!important;gap:2px 12px}
 .tableau-inclus .features-rows.background{padding-left:12px!important}
 .tableau-inclus .features-col-compare-pricing::before{margin-bottom:0}
}
.theme-coin{position:fixed;top:16px;right:16px;z-index:60}
/* Choix de la langue (FR / EN) */
.choix-langue{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border-radius:999px;color:#0f1b33;font-weight:600;font-size:14px;text-decoration:none;letter-spacing:.02em}
.choix-langue:hover{color:#3966cd;background:#edf2fc}
.note-langue{margin:10px 0 0;font-size:14px;color:#5a6275}
/* en-tête : boutons langue et thème, sans casser leur mise en page */
.button-inline-navbar,.button-inline-navbar div{white-space:nowrap}
.wrap-cta-navbar{align-items:center}
.wrap-cta-navbar .choix-langue{margin-right:2px}
.navbar-mobile > .choix-langue{margin-left:auto;margin-right:4px}
.navbar-mobile > .link-logo-navbar{order:0}
.navbar-mobile > .choix-langue{order:1}
.navbar-mobile > .burger-navbar{order:3}
.navbar-mobile > .menu-burger{order:4}
/* Aide : recherche dans les questions */
.recherche-faq{max-width:720px;margin:0 auto 28px}
.recherche-faq label{display:block;font-weight:600;color:#0f1b33;margin-bottom:8px}
.recherche-faq input{width:100%;height:56px;border:1.5px solid #c6cbd8;border-radius:12px;padding:0 18px;font:inherit;font-size:17px;color:#0f1b33;background:#fff}
.recherche-faq-resultat{margin:8px 0 0;color:#5a6275;font-size:14px;min-height:20px}
.recherche-faq-vide{margin:8px 0 0;color:#2b3345}
.recherche-faq-suggestions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 0;font-size:14px;color:#2b3345}
.recherche-faq-suggestions button{font:inherit;font-size:14px;min-height:36px;padding:0 14px;border:1.5px solid #3966cd;border-radius:999px;background:#fff;color:#1e3f8f;cursor:pointer;transition:background .15s,transform .15s}
.recherche-faq-suggestions button:focus-visible{background:#eaf0fb;transform:translateY(-1px)}@media (hover:hover){.recherche-faq-suggestions button:hover{background:#eaf0fb;transform:translateY(-1px)}}
.recherche-faq-suggestions button:active{transform:translateY(0)}
[faq="item"][hidden]{display:none!important}
/* Tarif : « Ce que vous recevez » */
.recevez{padding-top:72px;padding-bottom:72px}
.recevez-grille{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.recevez-texte h2{margin:8px 0 24px}
.recevez-liste{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:20px}
.recevez-liste li{display:flex;gap:16px;align-items:flex-start}
.recevez-liste img{width:44px;height:44px;flex:none}
.recevez-liste strong{display:block;color:#0f1b33;font-size:17px;margin-bottom:4px}
.recevez-liste p{margin:0;color:#2b3345;font-size:16px;line-height:1.6}
.recevez-image{margin:0}
.recevez-image img{display:block;width:100%;height:auto;border-radius:12px}
.recevez-image figcaption{margin-top:10px;font-size:14px;color:#5a6275;text-align:center}
@media (max-width:860px){.recevez-grille{grid-template-columns:1fr;gap:32px}}
/* Compatibilité : appareils en 1 colonne (type + systèmes), navigateurs en 4 colonnes */
.compat ul.compat-appareils{grid-template-columns:1fr!important}
.compat li b{font-weight:600;color:#0f1b33;margin-right:6px}
.compat-groupe:last-child ul{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:479px){.compat-groupe:last-child ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Tarif : 4 petites cartes, même structure, contenus alignés ligne à ligne */
.carte-petite{height:100%;display:grid;grid-template-rows:56px minmax(3.2em,auto) auto 1fr;justify-items:center;text-align:center;gap:14px;padding:28px 20px!important}
.carte-petite img{width:56px;height:56px}
.carte-petite-titre{margin:0!important;font-size:17px!important;font-weight:600!important;line-height:1.4!important;align-self:start}
.carte-petite-valeur{margin:0;font-size:22px;font-weight:500;color:#0f1b33}
.lien-petite-carte{align-self:end;font-weight:600}
.carte-petite{width:100%;box-sizing:border-box}
.carte-petite{grid-template-columns:minmax(0,1fr)}

/* ═══ 11/10 17:05 (B) — section sombre à onglets « Tout ce qu'il faut pour débloquer votre dépôt INPI » refaite
   (capture Lucas : colonne de gauche vide, lien souligné, grand rond blanc « Règlement eIDAS » à cheval sur le bloc) ═══ */
.bloc-dark-blue .pane-faits{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.bloc-dark-blue .pane-faits li{display:flex;align-items:center;gap:10px;color:#eef2f7;font-size:15px;line-height:1.4}
.bloc-dark-blue .pane-faits img{width:22px;height:22px;flex:none;background:#fff;border-radius:6px;padding:3px;box-sizing:border-box}
.bloc-dark-blue .pane-faits span{color:#eef2f7}
.bloc-dark-blue a.bouton-blanc,.bloc-dark-blue a.bouton-blanc:hover{background:#fff!important;color:#0f1b33!important;border:0!important;margin-top:22px}
.bloc-dark-blue a.bouton-blanc div{color:#0f1b33!important}
.bloc-dark-blue .wrap-button-15,.bloc-dark-blue .wrap-button-14{margin-top:6px}
.badges-confiance{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:26px 0 0;width:100%;max-width:980px}
.badges-confiance li{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dfe4ec;border-radius:12px;padding:14px 16px;text-align:left}
.badges-confiance img{flex:none;width:44px;height:auto;max-height:40px;object-fit:contain}
.badges-confiance span{display:block;min-width:0}
.badges-confiance b{display:block;color:#0f1b33;font-size:15px;line-height:1.3}
.badges-confiance small{display:block;color:#5a6275;font-size:13px;line-height:1.35;margin-top:2px}
@media (max-width:767px){.badges-confiance{grid-template-columns:1fr}}
/* 17:20 — téléphone : la barre d'onglets devenait un grand ovale avec 5 onglets empilés (capture 390) → 2 colonnes de pilules, coins 12 px */
@media (max-width:767px){
  .tabs-dark .tab-menu-light{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-radius:14px!important;width:100%!important}
  .tabs-dark .tab-menu-light .tab-light-3{border-radius:10px!important;justify-content:center;text-align:center;min-height:44px;margin:0!important}
  .tabs-dark .tab-menu-light .tab-light-3:last-child{grid-column:1/-1}
}

/* 12/10 (B, idée A) : la barre « Signer » collée en bas se retire quand un champ est en saisie (elle recouvrait « Rechercher un guide » sur téléphone) */
body:has(input:focus,textarea:focus,select:focus) .barre-signer{transform:translateY(120%)!important;opacity:0;pointer-events:none}

/* 12/10 (B, défi n°12) : bandeau « Votre démarche du … est enregistrée — Reprendre » sous l'en-tête (Amazon « reprendre vos achats ») — pas de flex sur du texte nu : 3 enfants balisés */
.reprise-bandeau{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:92px 0 -92px;padding:10px 48px 10px 16px;background:#eef3ff;border-bottom:1px solid #d7e2fb;color:#0f1b33;font-size:14.5px;line-height:1.4;text-align:center}
.reprise-lien{display:inline-block;padding:7px 16px;border-radius:999px;background:#3966cd;color:#fff;font-weight:600;text-decoration:none;min-height:34px;white-space:nowrap}
.reprise-lien:hover,.reprise-lien:focus-visible{background:#244ba3;color:#fff}
.reprise-fermer{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:#5a6275;font-size:22px;line-height:1;cursor:pointer;border-radius:50%}
.reprise-fermer:hover,.reprise-fermer:focus-visible{background:#dfe7fb;color:#0f1b33}
@media (max-width:767px){.reprise-bandeau{margin:74px 0 -74px;font-size:14px;gap:8px 12px;padding:9px 44px 9px 12px}}

/* 12/10 (B, défi n°12) : « On nous demande aussi » + « Voir aussi » sous les pages formalité ; lien « Voir aussi » en fin d'article dédié */
.complements .onda-titre{font-size:28px;line-height:1.2;margin:0 0 18px;text-align:left}
.complements .onda{margin:0 0 36px}
.complements .onda details{background:#fff;border:1px solid #dfe4ec;border-radius:12px;margin:0 0 8px}
.complements .onda summary{cursor:pointer;padding:14px 44px 14px 16px;font-weight:600;color:#0f1b33;list-style:none;min-height:48px;position:relative;line-height:1.35}
.complements .onda summary::-webkit-details-marker{display:none}
.complements .onda summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid #3966cd;border-bottom:2px solid #3966cd;transform:rotate(45deg);transition:transform .2s}
.complements .onda details[open] summary::after{transform:rotate(225deg);margin-top:-2px}
.complements .onda p{margin:0;padding:0 16px 14px;font-size:15.5px;line-height:1.55;color:#2b3345}
.complements .onda p a{color:#3966cd;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.voir-aussi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.voir-aussi li{margin:0;padding:0;list-style:none}
.voir-aussi li::before,.voir-aussi li::marker{content:none;display:none}
.complements .onda summary,.complements .onda p{text-align:left}
.voir-aussi li{display:flex}
.voir-aussi a{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 16px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;color:#0f1b33;font-weight:600;text-decoration:none;min-height:48px;line-height:1.35}   /* même hauteur sur toute la rangée (règle « rangée inégale ») */
.voir-aussi a:focus-visible{border-color:#3966cd;color:#244ba3}
/* (relance 17/10 23:45) survol rangé dans (hover:hover) : au téléphone, après un tap, la carte restait bleue (mesuré, avant-apres-tap.mjs) */
@media (hover:hover){.voir-aussi a:hover{border-color:#3966cd;color:#244ba3}}
.voir-aussi-article{margin:28px 0 0;padding:14px 16px;border-radius:12px;background:#f3f6fc;border-left:3px solid #3966cd;font-size:15.5px;line-height:1.5;color:#2b3345}
.voir-aussi-article a{color:#3966cd;font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* 12/10 (B, défi n°13) : lien d'évitement « Aller au contenu » (visible seulement au clavier) ; ligne « aucun traceur » dans le pied */
.evitement{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:8px;background:#0f1b33;color:#fff;font-weight:600;text-decoration:none;transition:top .15s}
.evitement:focus,.evitement:focus-visible{top:12px;outline:3px solid #ffbf47;outline-offset:2px}
.pied-sans-traceur{margin-top:6px;opacity:.85}

/* Relance 17/10 21:00 — Tarif : « Signature électronique avancée eIDAS » renvoie à sa définition du glossaire (pages.py) */
.fpt-fi a.fpt-def{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#3966cd;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .15s,text-decoration-color .15s}
.fpt-fi a.fpt-def:focus-visible{color:#3966cd;text-decoration-style:solid}@media (hover:hover){.fpt-fi a.fpt-def:hover{color:#3966cd;text-decoration-style:solid}}

/* Relance 18/10 01:00 (défi 00:40 de la session 13:15) — maquette m-t2 (cession de parts, modification des statuts, FR + EN) :
   le dessin a 18,5 % de vide transparent à GAUCHE contre 5 % à droite → au téléphone il était décalé de ~24 px vers la droite
   (marges 65 / 18 px à 390, mesuré audit-relance-2026-10-18/0100/mt2.mjs). Image carrée qui remplit son cadre : object-position
   n'y peut rien ; on la décale de la moitié de l'écart ((18,5 − 5) / 2 = 6,75 % de sa largeur). Le vide décalé est transparent. */
/* Relance 18/10 02:15 (défi 01:00 de la session 20:18) — règle unique pour les 6 formalités : le DESSIN est centré dans sa colonne, à toutes
   les largeurs. Mesuré à 1280 (bords lus dans la transparence, colonne 742→1150 = 408 px) : m-t3 41/41 et m-t4 31/31 déjà centrées ;
   m-t1 (création, comptes annuels) 23/97 → décalée à gauche ; m-t2 (cession, modification) 77/22 → décalée à droite. Les marges sont des
   proportions de l'image, donc le même pourcentage vaut à 360, 390, 768 et 1280 : m-t1 +(97−23)/2/408 = +9,07 %, m-t2 −(77−22)/2/408 = −6,74 %.
   Ce qui dépasse est transparent et .wrapper-site coupe déjà le débordement horizontal (overflow-x:clip, 0 défilement mesuré à 4 largeurs). */
/* Relance 19/10 12:30 : « m-t1 » attrapait aussi m-t1-cadre (Comment ça marche, image recadrée, déjà centrée : marges transparentes 43/52 px
   sur 805) → décalée de +27 px au téléphone et coupée de 6 px à droite à 768. Le décalage ne vise plus que la maquette entière m-t1. */
html body section.hero-section img[src*="m-t1"]:not([src*="m-t1-cadre"]){translate:9.07% 0}
html body section.hero-section img[src*="m-t2"]{translate:-6.75% 0}
/* (relance 18/10 01:05) survols rangés dans @media (hover:hover) : au téléphone ils restaient affichés après un tap (mesuré, survol-cascade FEUILLES=toutes
   + avant-apres-tap.mjs). Les parties :focus-visible restent valables partout. */