/* Theme Name: Solution Minceur V2 Theme URI: https://solutionminceur.fr Author: Seobooster Description: Thème code-pur pour solutionminceur.fr — le milieu que personne ne montre : les cinquante-deux semaines entre le début et ce qui reste vrai un an après. Compte en durée, jamais en kilos. Version: 1.0 Requires at least: 6.0 Requires PHP: 7.4 Text Domain: solutionminceur */ /* ========================================================================== 1. Polices — self-hostées (P-086) ========================================================================== */ @font-face{font-family:'Petrona';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/petrona-300.woff2') format('woff2');} @font-face{font-family:'Petrona';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/petrona-400.woff2') format('woff2');} @font-face{font-family:'Petrona';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/petrona-600.woff2') format('woff2');} @font-face{font-family:'Petrona';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/petrona-400-italic.woff2') format('woff2');} @font-face{font-family:'Petrona';font-style:italic;font-weight:600;font-display:swap;src:url('fonts/petrona-600-italic.woff2') format('woff2');} @font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/schibsted-400.woff2') format('woff2');} @font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/schibsted-500.woff2') format('woff2');} @font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/schibsted-600.woff2') format('woff2');} /* ========================================================================== 2. Jetons — P-351 : fond fixe -> couleur fixe, fond adaptatif -> couleur adaptative ========================================================================== */ :root{ /* adaptatif — clair par défaut */ --plan:#DAD7CC; --feuille:#F6F4EE; --encre:#1C1B14; --encre-2:#5A5A4C; --filet:#C3BFB1; --olive:#7D8A1F; --olive-encre:#4A5410; --paille:#EDE2C4; --img-ligne:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' preserveAspectRatio='none'%3E%3Cpath d='M0,19 H18 V9 H38 V17 H58 V5 H78 V19 H98 V11 H120' fill='none' stroke='%237D8A1F' stroke-width='2'/%3E%3C/svg%3E"); /* fixe — jamais redéfini en sombre */ --fx-olive:#7D8A1F; --fx-olive-texte:#1C1B14; --fx-olive-carte:#F2F0E6; --fx-bronze:#22241A; --fx-bronze-texte:#F2F0E6; --fx-bronze-texte-2:#9A9C8B; --fx-bronze-filet:#4A4C3D; --fx-bronze-carte:#2C2F22; --fx-accent:#C4D257; --fx-img-ligne:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' preserveAspectRatio='none'%3E%3Cpath d='M0,19 H18 V9 H38 V17 H58 V5 H78 V19 H98 V11 H120' fill='none' stroke='%23C4D257' stroke-width='2'/%3E%3C/svg%3E"); --rayon:3px; --conteneur:1200px; } /* ========================================================================== 3. Reset & base ========================================================================== */ *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:88px} body{ margin:0;background:var(--plan);color:var(--encre); font-family:'Schibsted Grotesk',system-ui,sans-serif; font-size:clamp(16px,15.2px + 0.22vw,18.5px);line-height:1.62; -webkit-font-smoothing:antialiased; } img{max-width:100%;display:block} a{color:inherit} button{font-family:inherit} h1,h2,h3,h4{font-family:'Petrona',Georgia,serif;font-weight:600;letter-spacing:-0.015em;margin:0 0 .5em;text-wrap:balance} h1{font-size:clamp(34px,26px + 3vw,56px);line-height:1.08} h2{font-size:clamp(26px,20px + 2vw,40px);line-height:1.14} h3{font-size:clamp(20px,17px + 1vw,28px);line-height:1.2} p{margin:0 0 1.1em;max-width:66ch} .sm-rubrique{font-family:'Schibsted Grotesk';font-weight:600;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--olive-encre)} .sm-conteneur{max-width:var(--conteneur);margin:0 auto;padding:0 24px} @media(max-width:480px){.sm-conteneur{padding:0 16px}} .sm-tab{font-variant-numeric:tabular-nums} /* séparateur — la polyligne à paliers (procédé 1) */ .sm-ligne{height:16px;background-image:var(--img-ligne);background-repeat:repeat-x;background-position:left center;background-size:auto 100%;margin:0} .sm-ligne--fixe{background-image:var(--fx-img-ligne)} .sm-ligne--h1{height:12px;margin:14px 0 22px;max-width:180px} /* ========================================================================== 4. Bandeau (P-252 -> P-256) ========================================================================== */ .sm-entete{position:sticky;top:0;z-index:40;background:var(--feuille);border-bottom:1px solid var(--filet)} .sm-entete-bar{display:flex;align-items:center;gap:22px;height:78px;transition:height .2s ease} .sm-entete.is-compact .sm-entete-bar{height:56px} .sm-marque{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--encre);flex:0 0 auto} .sm-marque svg{width:30px;height:26px;flex:none} .sm-marque .sm-mot{font-family:'Petrona';font-weight:600;font-size:20px;white-space:nowrap} .sm-promesse{font-size:13.5px;color:var(--encre-2);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s ease} .sm-entete.is-compact .sm-promesse{opacity:0;width:0;flex:0 0 0} .sm-nav{display:flex;gap:26px;list-style:none;margin:0;padding:0;flex:0 0 auto} .sm-nav a{text-decoration:none;font-size:15px;font-weight:500;color:var(--encre);padding:4px 0;border-bottom:3px solid transparent} .sm-nav a[aria-current="page"]{color:var(--olive-encre);border-bottom-color:var(--olive)} .sm-cta{background:var(--fx-olive);color:var(--fx-olive-texte);border:none;border-radius:var(--rayon);padding:11px 20px;font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap;flex:0 0 auto} @media(max-width:900px){.sm-nav{display:none}} @media(max-width:640px){ .sm-entete-bar{height:52px} .sm-entete.is-compact .sm-entete-bar{height:52px} .sm-promesse{display:none} .sm-marque .sm-mot{font-size:17px} } /* barre basse mobile */ .sm-bas{display:none} @media(max-width:900px){ .sm-bas{ display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50; background:var(--feuille);border-top:1px solid var(--filet);padding-bottom:env(safe-area-inset-bottom); } .sm-bas a{display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:center; min-height:44px;padding:8px 2px;text-decoration:none;color:var(--encre-2);font-size:11px;font-weight:600; border-top:3px solid transparent;} .sm-bas a svg{width:22px;height:22px} .sm-bas a[aria-current="page"]{color:var(--olive);border-top-color:var(--olive)} .sm-bas a.sm-bas-action{background:var(--fx-olive);color:var(--fx-olive-texte);border-top-color:var(--fx-olive)} body{padding-bottom:64px} } /* pastille de repère collante (marge de semaines, mobile) */ .sm-repere-mobile{display:none} @media(max-width:1099px){ .sm-repere-mobile{ display:block;position:sticky;top:52px;z-index:30;background:var(--fx-bronze);color:var(--fx-bronze-texte); font-size:12.5px;font-weight:600;padding:6px 16px;letter-spacing:.03em; } } @media(min-width:641px) and (max-width:1099px){ .sm-repere-mobile{top:78px} } /* ========================================================================== 5. Grille à 3 colonnes (>=1100px) ========================================================================== */ .sm-page{display:block} @media(min-width:1100px){ .sm-page{display:grid;grid-template-columns:96px minmax(0,1fr) 300px;gap:24px;max-width:var(--conteneur);margin:0 auto;padding:0 24px} .sm-page > .sm-conteneur{padding:0;max-width:none} } .sm-marge{display:none} @media(min-width:1100px){ .sm-marge{display:block;position:sticky;top:100px;align-self:start;height:calc(100vh - 140px);padding-top:40px} .sm-marge ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--filet);position:relative} .sm-marge li{padding:0 0 34px 16px;position:relative} .sm-marge li::before{content:'';position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--plan);border:2px solid var(--filet)} .sm-marge li[aria-current="page"]::before{border-color:var(--olive);background:var(--olive)} .sm-marge a{text-decoration:none;color:var(--encre-2);font-size:13px;font-weight:600} .sm-marge li[aria-current="page"] a{color:var(--olive-encre)} } .sm-annexe{display:none} @media(min-width:1100px){ .sm-annexe{display:block;padding-top:40px} .sm-annexe h4{font-size:13.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--encre-2);font-family:'Schibsted Grotesk';font-weight:600} .sm-annexe ul{list-style:none;margin:0 0 28px;padding:0} .sm-annexe li{padding:10px 0;border-bottom:1px solid var(--filet)} .sm-annexe a{text-decoration:none;font-size:14px;color:var(--encre);display:block} .sm-annexe time{display:block;font-size:12px;color:var(--encre-2);margin-bottom:2px} } /* ========================================================================== 6. Bandes ========================================================================== */ .sm-bande{padding:56px 0} @media(max-width:640px){.sm-bande{padding:38px 0}} .sm-bande--plan{background:var(--plan)} .sm-bande--feuille{background:var(--feuille)} .sm-bande--bronze{background:var(--fx-bronze);color:var(--fx-bronze-texte)} .sm-bande--bronze h2,.sm-bande--bronze h3,.sm-bande--bronze p{color:var(--fx-bronze-texte)} .sm-bande--olive{background:var(--fx-olive);color:var(--fx-olive-texte)} .sm-bande--olive h2,.sm-bande--olive p{color:var(--fx-olive-texte)} /* ---- hero (bande 1) ---- */ .sm-hero{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center} @media(max-width:900px){.sm-hero{grid-template-columns:1fr;gap:26px}} .sm-hero-photo{order:2} .sm-hero-texte h1{margin-bottom:6px} .sm-etabli-incertain{display:grid;grid-template-columns:1fr 1fr;border-left:3px solid var(--olive);margin:18px 0 22px} .sm-etabli-incertain > div{padding:2px 18px} .sm-etabli-incertain > div + div{border-left:1px solid var(--filet)} .sm-etabli-incertain h4{font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--encre-2);font-family:'Schibsted Grotesk';font-weight:600;margin:0 0 8px} .sm-etabli-incertain ul{margin:0;padding-left:18px;font-size:14.5px} .sm-etabli-incertain li{margin-bottom:6px} @media(max-width:640px){.sm-etabli-incertain{grid-template-columns:1fr}.sm-etabli-incertain > div + div{border-left:none;border-top:1px solid var(--filet);margin-top:10px;padding-top:14px}} /* ---- outil de calcul ---- */ .sm-outil{background:var(--feuille);border:1px solid var(--filet);border-radius:var(--rayon);padding:22px} .sm-outil h2{font-size:19px;margin-bottom:4px} .sm-outil .sm-aide{font-size:13px;color:var(--encre-2);margin-bottom:16px} .sm-champ{margin-bottom:14px} .sm-champ label{display:block;font-size:13px;font-weight:600;margin-bottom:5px} .sm-champ select,.sm-champ input{width:100%;padding:11px 12px;border:1.5px solid var(--filet);border-radius:var(--rayon);font:inherit;background:var(--plan);color:var(--encre)} .sm-champ-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px} .sm-outil-go{width:100%;background:var(--fx-olive);color:var(--fx-olive-texte);border:none;border-radius:var(--rayon);padding:14px;font-weight:700;font-size:15.5px;cursor:pointer;margin-top:4px} /* ---- résultat (bande 2, fixe) ---- */ .sm-resultat{max-width:640px} .sm-resultat .sm-chiffre{font-family:'Petrona';font-weight:300;font-size:clamp(56px,3px + 7vw,108px);line-height:1;margin:0 0 6px;color:var(--fx-accent)} .sm-resultat .sm-incertitude{font-size:14px;color:var(--fx-bronze-texte-2);margin-bottom:22px} .sm-resultat .sm-semaines{background:transparent;border-top:1px solid var(--fx-bronze-filet);border-bottom:1px solid var(--fx-bronze-filet);padding:18px 0;margin-bottom:18px;font-size:16px} .sm-resultat .sm-ne-dit-pas{font-size:13.5px;color:var(--fx-bronze-texte-2);margin-bottom:22px} .sm-resultat .sm-cta{} .sm-resultat-vide{color:var(--fx-bronze-texte-2);font-size:14.5px} /* ---- fil des révisions (bande 3) ---- */ .sm-fil{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} @media(max-width:900px){.sm-fil{grid-template-columns:1fr}} .sm-fil-item{border-top:2px solid var(--olive);padding-top:12px} .sm-fil-item time{display:block;font-size:12.5px;color:var(--encre-2);margin-bottom:6px;font-weight:600} .sm-fil-item a{text-decoration:none;color:var(--encre);font-weight:600;font-size:15.5px} /* ---- tuiles de durées (bande 4) ---- */ .sm-tuiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} @media(max-width:760px){.sm-tuiles{grid-template-columns:1fr 1fr}} .sm-tuile{background:var(--feuille);border:1px solid var(--filet);border-radius:var(--rayon);padding:20px} .sm-tuile .sm-n{font-family:'Petrona';font-weight:300;font-size:clamp(34px,4vw,52px);color:var(--olive-encre);line-height:1;margin-bottom:6px} .sm-tuile .sm-l{font-size:13.5px;color:var(--encre-2)} /* ---- cartes dossiers (bande 5) ---- */ .sm-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} @media(max-width:900px){.sm-cartes{grid-template-columns:1fr 1fr}} @media(max-width:600px){.sm-cartes{grid-template-columns:1fr}} .sm-carte{background:var(--plan);border:1px solid var(--filet);border-radius:var(--rayon);overflow:hidden;text-decoration:none;color:var(--encre);display:block} .sm-carte figure{margin:0;position:relative} .sm-carte img{width:100%;height:190px;object-fit:cover} .sm-legende{background:var(--fx-olive);color:var(--fx-olive-texte);font-size:12.5px;font-weight:600;padding:0 12px;height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px} .sm-legende span:last-child{font-weight:400;opacity:.85} .sm-carte-corps{padding:16px 18px 20px} .sm-carte h3{font-size:18px;margin-bottom:6px} .sm-carte p{font-size:14px;color:var(--encre-2);margin-bottom:0} /* ---- bande semaine 0 (bande 6) ---- */ .sm-semaine0{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center} @media(max-width:760px){.sm-semaine0{grid-template-columns:1fr}} .sm-semaine0 .sm-carte-mini{background:var(--fx-olive-carte);color:var(--fx-olive-texte);border-radius:var(--rayon);padding:14px 16px;font-size:13.5px;max-width:420px} /* ---- repères et questions (bande 7) ---- */ .sm-reperes{display:grid;grid-template-columns:repeat(2,1fr);gap:22px} @media(max-width:760px){.sm-reperes{grid-template-columns:1fr}} .sm-carton{background:var(--fx-bronze-carte);border:2px double var(--fx-bronze-filet);border-radius:var(--rayon);padding:18px 20px} .sm-carton h3{font-size:16.5px;margin-bottom:8px;color:var(--fx-bronze-texte)} .sm-carton p,.sm-carton li{font-size:14px;color:var(--fx-bronze-texte-2)} /* ---- encadré "Au bout d'un an" (procédé 5) ---- */ .sm-bout-an{background:var(--paille);border-top:2px solid var(--olive-encre);border-bottom:2px solid var(--olive-encre);border-radius:var(--rayon);padding:20px 22px;margin:28px 0} .sm-bout-an h3{font-family:'Schibsted Grotesk';font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;color:var(--encre)} .sm-bout-an p,.sm-bout-an li{color:var(--encre);font-size:15px} /* ---- bande-légende générique sous photo (procédé 7) ---- */ .sm-photo{margin:0 0 24px} .sm-photo img{width:100%;border-radius:var(--rayon) var(--rayon) 0 0;object-fit:cover} .sm-photo .sm-legende{border-radius:0 0 var(--rayon) var(--rayon)} /* ========================================================================== 7. Pied de page dense (bande 8, fixe) ========================================================================== */ .sm-pied{background:var(--fx-bronze);color:var(--fx-bronze-texte)} .sm-pied-grille{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:52px 0 30px} @media(max-width:900px){.sm-pied-grille{grid-template-columns:1fr 1fr;gap:28px}} @media(max-width:520px){.sm-pied-grille{grid-template-columns:1fr}} .sm-pied h4{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--fx-bronze-texte-2);font-family:'Schibsted Grotesk';font-weight:600;margin-bottom:14px} .sm-pied ul{list-style:none;margin:0;padding:0} .sm-pied li{margin-bottom:9px} .sm-pied a{color:var(--fx-bronze-texte);text-decoration:none;font-size:14px} .sm-pied a:hover{text-decoration:underline} .sm-pied .sm-mot{font-family:'Petrona';font-weight:600;font-size:19px;color:var(--fx-bronze-texte)} .sm-avertissement{border-top:1px solid var(--fx-bronze-filet);padding:22px 0;font-size:13px;color:var(--fx-bronze-texte-2);max-width:none} .sm-bas-pied{border-top:1px solid var(--fx-bronze-filet);padding:18px 0 40px;font-size:12.5px;color:var(--fx-bronze-texte-2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px} @media(max-width:900px){.sm-bas-pied{padding-bottom:80px}} /* ========================================================================== 8. Contenu éditorial générique (single/page/archive) ========================================================================== */ .sm-article{padding:44px 0 60px} .sm-article .sm-entree{font-size:13px;color:var(--encre-2);margin-bottom:10px} .sm-article h1{margin-bottom:4px} .sm-corps h2{margin-top:2em} .sm-corps ul,.sm-corps ol{max-width:66ch} .sm-liste-archive{display:grid;gap:22px} .sm-liste-item{display:grid;grid-template-columns:180px 1fr;gap:18px;border-bottom:1px solid var(--filet);padding-bottom:22px} @media(max-width:600px){.sm-liste-item{grid-template-columns:1fr}} .sm-liste-item img{width:100%;height:120px;object-fit:cover;border-radius:var(--rayon)} .sm-liste-item h2{font-size:20px;margin-bottom:6px} .sm-liste-item a{text-decoration:none;color:var(--encre)} /* ========================================================================== 9. Sorties des fonctions de functions.php (garde-fous, paliers, nombre) ========================================================================== */ .sm-paliers{width:100%;height:16px;display:block} .sm-paliers path{fill:none;stroke:var(--olive);stroke-width:2} .sm-paliers--fixe path{stroke:var(--fx-accent)} .sm-marque-signe{width:30px;height:14px;flex:none} .sm-marque-signe path{fill:none;stroke:#7D8A1F;stroke-width:3;stroke-linecap:round;stroke-linejoin:round} /* garde-fou 1 — lien de menu/pied inerte (cible non parue) */ .sm-inerte{color:var(--encre-2);opacity:.5;cursor:default;font-size:15px;font-weight:500;padding:4px 0;display:inline-block} /* garde-fou 2 — carte d'accueil/rubrique */ .sm-carte-lien{display:block;text-decoration:none;color:inherit;position:relative} .sm-bientot{position:absolute;top:12px;right:12px;background:var(--fx-bronze);color:var(--fx-bronze-texte);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:5px 10px;border-radius:var(--rayon);z-index:2} /* garde-fou 3 — lien de contenu différé */ .sm-lien-differe{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--filet);color:var(--encre-2);cursor:default} /* smin_nombre() — jamais de kg, jamais autre chose que durée/fréquence/kcal */ .sm-nombre{font-family:'Petrona';font-weight:300} .sm-unite{font-family:'Schibsted Grotesk';font-weight:500;font-size:.42em;margin-left:.25em;text-transform:none;letter-spacing:0} /* smin_fil_revisions() */ .sm-revisions{list-style:none;margin:0;padding:0} .sm-revisions li{padding:10px 0;border-bottom:1px solid var(--filet)} .sm-revisions time{display:block;font-size:12px;color:var(--encre-2);margin-bottom:2px} .sm-revisions a{text-decoration:none;font-size:14px;color:var(--encre);font-weight:600} /* filet court sous un H1 — enveloppe pour éviter tout conflit de spécificité avec .sm-paliers */ .sm-ligne-h1{max-width:180px;margin:14px 0 22px} .sm-ligne-h1 svg{height:12px} .sm-ligne-h1--fixe svg path{stroke:var(--fx-accent)} /* ============================================================ CORRECTIFS DU 2026-08-25 — quatre defauts vus SUR LA CAPTURE, qu'aucune mesure automatique n'avait signales. ============================================================ */ /* 1. Le lien d'evitement s'affichait EN CLAIR en haut de chaque page. Il ne doit apparaitre qu'au clavier, quand il recoit le focus. */ .sm-saut { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .sm-saut:focus { left: 12px; top: 12px; width: auto; height: auto; z-index: 200; background: var(--fx-olive, #7D8A1F); color: var(--fx-olive-texte, #1C1B14); padding: 10px 16px; border-radius: var(--rayon, 3px); overflow: visible; } /* 2. La pastille « bientot » etait posee EN SURIMPRESSION sur la photo. La direction artistique l'interdit explicitement : le geste est sature au reseau (trois sites le portent deja). Elle descend donc dans le corps de la carte, alignee sur le texte. */ .sm-carte .sm-bientot { position: static; display: inline-block; margin: 0 0 8px; background: transparent; color: var(--encre-2); border: 1px solid var(--filet); font-weight: 600; } .sm-carte-lien > .sm-bientot { margin: 0 18px 16px; } /* 3. « 52semaines » se lisait colle. Le grand nombre et son libelle sont deux informations, pas une chaine de caracteres. */ .sm-tuile .sm-n { display: block; } .sm-tuile .sm-l { display: block; margin-top: .35em; } .sm-unite { margin-left: .4em; } /* 4. LE DEFAUT LE PLUS COUTEUX : l'outil de calcul commencait a 745 px du haut, donc HORS du premier ecran — alors que la direction artistique en fait la tete de la page. Sur une page qui capte, l'action doit se voir sans defiler. Les preuves passent donc SOUS l'outil : elles rassurent, elles n'agissent pas. */ .sm-hero-texte h1 { font-size: clamp(30px, 20px + 1.9vw, 46px); margin-bottom: .25em; } .sm-hero-texte .sm-rubrique { margin-bottom: .5em; } .sm-hero-promesse { margin-bottom: 1em; } .sm-hero-texte .sm-preuves { margin-top: 20px; } @media (min-width: 900px) { .sm-hero-texte .sm-ligne--h1 { margin-bottom: .8em; } } /* 5. Les icones de la barre basse rendaient en TACHES PLEINES : les trames sont des traces au trait, et sans fill:none le navigateur les remplit. Vu sur la capture mobile, invisible autrement — aucun controle ne regarde la forme d'un pictogramme. La direction impose : pictogrammes au trait, 1,5 px, teinte unique. */ .sm-bas a svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } /* ============================================================ 6. LISIBILITE — 15 elements sous le seuil, mesures sur la PAIRE REELLEMENT RENDUE. Aucun autre controle ne les avait vus. ============================================================ */ /* Les liens vers une page non parue etaient griss'es a 2,25:1 : on signalait l'indisponibilite en rendant le texte ILLISIBLE. Le signal doit passer par la FORME, jamais par le contraste — un lecteur doit pouvoir lire ce qui arrive bientot. */ .sm-inerte { color: var(--encre-2); cursor: default; font-style: italic; text-decoration: underline; text-decoration-style: dotted; text-decoration-color: var(--filet); text-underline-offset: .2em; } .sm-pied .sm-inerte { color: var(--fx-bronze-texte-2, #9A9C8B); } .sm-bas a.sm-inerte { opacity: .55; font-style: normal; text-decoration: none; } /* Le message d'attente du calculateur etait a 2,55:1 : c'est la premiere phrase que lit quelqu'un qui vient pour le chiffre. */ .sm-resultat-vide { color: var(--encre-2); } /* Note d'aide du formulaire (classe du composant de capture) : 3,96:1, juste sous le seuil. Elle porte l'engagement de reponse. */ .sblf-aide, .sblf-note, .sblf-legal { color: var(--encre-2); } /* ── « À lire ensuite » — passe de maillage interne (P-174, 25/08/2026) ────── Aucune couleur en dur : le bloc emprunte les variables du thème, donc il suit le mode clair comme le mode sombre (P-351 — un fond adaptatif exige une couleur adaptative, jamais l'une avec l'autre). */ .sm-suite { margin: 3rem 0 0; padding: 1.75rem 1.5rem; border-top: 2px solid var(--filet); background: var(--plan); border-radius: var(--rayon); } .sm-suite h2 { font-size: 1.05rem; letter-spacing: .08em; text-transform: uppercase; color: var(--encre-2); margin: 0 0 1rem; } .sm-suite ul { list-style: none; margin: 0; padding: 0; } .sm-suite li { padding: .7rem 0; border-bottom: 1px solid var(--filet); color: var(--encre-2); line-height: 1.5; } .sm-suite li:last-child { border-bottom: 0; padding-bottom: 0; } .sm-suite a { color: var(--olive-encre); text-decoration: none; } .sm-suite a strong { color: var(--olive-encre); } .sm-suite a:hover strong, .sm-suite a:focus strong { text-decoration: underline; } /* ── Premier écran mobile — corrections du 25/08/2026 ──────────────────────── Le jugement design a mesuré trois défauts sur le seul écran d'accueil mobile, tous invisibles en desktop : · le bouton « Calculer » tombait SOUS la barre basse — l'outil qui est la raison d'être de la page n'était pas actionnable sans défiler ; · « Un peu de marche » s'affichait « Un peu de mar », amputé au milieu d'un mot, parce que les champs restaient sur deux colonnes à 390 px ; · un titre de quatre lignes mangeait 130 px avant le formulaire. Aucune couleur ici : uniquement des tailles et des flux (P-351 — on ne touche pas à la palette dans un correctif de mise en page). */ @media (max-width: 600px) { /* Le titre cède la place : il reste lisible, il n'occupe plus l'écran. */ .sm-hero h1 { font-size: clamp(1.55rem, 7.2vw, 2rem); line-height: 1.14; } .sm-hero-promesse { font-size: .95rem; line-height: 1.45; margin-bottom: 1rem; } .sm-hero .sm-paliers { margin: .5rem 0 .75rem; } /* Les champs passent sur une seule colonne : plus aucun libellé coupé. */ .sm-champ-inline { display: block; } .sm-champ-inline > .sm-champ { width: 100%; margin-bottom: .6rem; } .sm-champ select, .sm-champ input { width: 100%; max-width: 100%; box-sizing: border-box; } /* L'outil se resserre pour que son bouton entre dans le premier écran. */ .sm-outil { padding: 1rem .9rem; } .sm-outil h2 { font-size: 1.05rem; margin: 0 0 .7rem; } .sm-champ label { font-size: .82rem; margin-bottom: .15rem; } /* La barre basse ne doit jamais recouvrir la fin d'une page (elle le faisait aussi sur /faire-le-point/ : un bouton amputé à mi-hauteur). */ body { padding-bottom: 4.75rem; } } /* ── Premier écran mobile, 2e passe (25/08/2026) ───────────────────────────── La passe précédente a réglé le libellé coupé (« Un peu de mar ») en passant les champs sur une colonne — mais cinq champs empilés repoussaient le bouton à 871 px, donc toujours hors de l'écran. Mesuré, pas supposé. Compromis retenu : les quatre champs COURTS (âge, sexe, taille, masse) reviennent sur deux colonnes — leurs valeurs tiennent en 3 caractères, rien n'y est tronqué. Seul le sélecteur d'activité, dont les libellés sont longs, reste pleine largeur : c'est lui, et lui seul, qui était coupé. */ @media (max-width: 600px) { .sm-champ-inline { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem .6rem; align-items: end; } .sm-champ-inline > .sm-champ { width: auto; margin-bottom: 0; } /* Le champ dont le libellé est long ne partage jamais sa ligne. */ .sm-champ-inline > .sm-champ:has(#sm-activite), .sm-champ-inline > .sm-champ:has(#calc-activite) { grid-column: 1 / -1; } /* Le hero laisse la place à l'outil : il informe, il n'occupe plus l'écran. */ .sm-hero h1 { font-size: clamp(1.45rem, 6.6vw, 1.85rem); } .sm-hero-promesse { font-size: .9rem; line-height: 1.4; margin-bottom: .8rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .sm-hero .sm-rubrique { font-size: .72rem; letter-spacing: .06em; } .sm-outil { padding: .85rem .8rem; } .sm-outil h2 { font-size: 1rem; margin: 0 0 .55rem; } .sm-champ input, .sm-champ select { padding: .5rem .55rem; font-size: .95rem; } } /* Collations — article transféré vers sa thématique, 18/09/2026. */ :root{color-scheme:light} .sm-article .sm-photo img{max-height:360px;object-fit:cover} .sm-article .sm-legende{height:auto;min-height:28px;padding:8px 12px;flex-wrap:wrap;line-height:1.4} .sm-article-chapo{font-size:19px;line-height:1.6;color:var(--encre-2);margin:20px 0} .sm-partenaire{font-size:12px;color:var(--encre-2);border-bottom:1px solid var(--filet);padding-bottom:15px} .sm-collation-schema{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0;padding:24px;background:var(--paille);border:1px solid var(--filet)} .sm-collation-schema>div{min-width:0} .sm-collation-num{font-family:'Petrona',serif;font-size:32px;color:var(--olive-encre);display:block;margin-bottom:12px} .sm-collation-schema strong{display:block;font-size:17px;line-height:1.4;margin-bottom:10px} .sm-corps .sm-collation-schema p{font-size:15px;line-height:1.55;margin:0 0 12px} .sm-collation-detail{font-size:12px;color:var(--encre-2);line-height:1.4;display:block} .sm-collation-recettes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0} .sm-collation-recettes article{padding:22px;border:1px solid var(--filet);background:var(--feuille);min-width:0} .sm-collation-tag{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--olive-encre);font-weight:600} .sm-corps .sm-collation-recettes h3{font-size:24px;margin:14px 0;line-height:1.25} .sm-corps .sm-collation-recettes p{font-size:15px;line-height:1.65} .sm-collation-calcul{background:var(--paille);padding:24px;margin:28px 0;border-left:3px solid var(--olive-encre)} .sm-collation-calcul>span{font-size:12px;text-transform:uppercase;letter-spacing:.06em} .sm-collation-calcul>div{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0;font-family:'Petrona',serif;font-size:28px} .sm-collation-calcul p{font-size:14px;margin:0;line-height:1.6} .sm-collation-faq details{padding:17px 0;border-bottom:1px solid var(--filet)} .sm-collation-faq summary{font-weight:600;cursor:pointer;line-height:1.6} .sm-collation-faq p{margin:14px 0 0;font-size:16px} .sm-collation-sources{padding:22px;background:var(--feuille);border:1px solid var(--filet);margin-top:30px;font-size:13px;line-height:1.6} .sm-collation-sources p{font-size:13px;margin:10px 0 0} .sm-corps{min-width:0}.sm-corps h2[id]{scroll-margin-top:105px} @media(max-width:650px){.sm-collation-schema,.sm-collation-recettes{grid-template-columns:1fr}.sm-collation-schema>div+div{padding-top:18px;border-top:1px solid var(--filet)}.sm-article .sm-photo img{max-height:250px}.sm-article-chapo{font-size:17px}.sm-collation-calcul>div{font-size:24px;gap:10px}} /* Le fil lateral reste une seule colonne, contrairement au fil de la home. */ .sm-annexe .sm-fil{display:block}.sm-annexe .sm-fil ul{width:100%} /* Solution Minceur — rééquilibrage au quotidien, refonte18/09/2026. */ :root{--plan:#fff;--feuille:#f5faf7;--encre:#193d32;--encre-2:#53685f;--filet:#dce6df;--olive:#187a54;--olive-encre:#176344;--paille:#eef7ed;--fond:#fff;--papier:#fff;--surf:#f5faf7;--doux:#52685e;--sm-green:#176b4a;--sm-mint:#eaf6ec;--sm-line:#dce6df;color-scheme:light} body.sm-v2{background:#fff;color:#193d32;font-family:'Schibsted Grotesk',sans-serif;font-size:16px;line-height:1.65;margin:0;padding:0}body.sm-v2 *{box-sizing:border-box}body.sm-v2 h1,body.sm-v2 h2,body.sm-v2 h3,body.sm-v2 h4{color:#193d32;font-family:'Schibsted Grotesk',sans-serif;font-weight:600;letter-spacing:-.045em}body.sm-v2 h1{font-size:54px;line-height:1.1}body.sm-v2 h2{font-size:38px;line-height:1.16}body.sm-v2 h3{font-size:23px;line-height:1.28}body.sm-v2 a{color:inherit}body.sm-v2 img{max-width:100%;height:auto}body.sm-v2 p{max-width:none}body.sm-v2 [hidden]{display:none!important}body.sm-v2 button,body.sm-v2 input,body.sm-v2 select,body.sm-v2 textarea{font:inherit}body.sm-v2 a:focus-visible,body.sm-v2 button:focus-visible,body.sm-v2 input:focus-visible,body.sm-v2 select:focus-visible,body.sm-v2 summary:focus-visible{outline:3px solid #176b4a;outline-offset:4px}body.sm-v2 em{font-family:Petrona,serif;font-weight:400;color:#187a54}body.sm-v2 ul,body.sm-v2 ol{list-style-position:outside} .smv-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.smv-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid #e4eee6}.smv-nav{min-height:96px;display:flex;align-items:center;gap:32px}.smv-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0;font-size:24px;line-height:1.05;letter-spacing:-1px}.smv-brand>span{display:block;font-weight:400}.smv-brand strong{font-weight:600;display:block}.smv-brand small{display:none}.smv-mark{width:48px;height:48px;color:#187a54;flex-shrink:0}.smv-nav nav{display:flex;gap:26px;align-items:center;margin-left:auto}.smv-nav nav a{font-size:14px;text-decoration:none;white-space:nowrap}.smv-nav nav a:hover{color:#187a54}.smv-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:0;border-radius:30px;background:#176b4a;color:#fff!important;padding:14px 24px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.4;transition:background .18s,transform .18s}.smv-btn:hover{background:#105136;transform:translateY(-1px)}.smv-btn span{font-size:22px;line-height:1}.smv-nav-cta{font-size:13px;padding:13px 19px;gap:16px}.smv-menu-toggle{display:none}.sm-skip{position:absolute;top:-60px;left:15px;background:white;padding:10px;z-index:100}.sm-skip:focus{top:10px} .smv-hero{background:#f5f9f2;overflow:hidden}.smv-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:50px;align-items:center;min-height:660px;padding-block:46px}.smv-eyebrow{font-size:11px!important;letter-spacing:.15em!important;font-weight:600;color:#176b4a;margin:0 0 20px;text-transform:uppercase;line-height:1.6}.smv-eyebrow>span{display:inline-block;width:7px;height:7px;background:#176b4a;border-radius:50%;margin-right:8px}.smv-hero-copy h1{font-size:72px!important;line-height:1.04!important;letter-spacing:-.07em!important;margin:0 0 24px}.smv-hero-copy h1 em{letter-spacing:-.04em;font-size:1.04em}.smv-hero-desc{font-size:18px;line-height:1.7;max-width:490px!important;color:#53685f;margin-bottom:28px}.smv-start{max-width:490px;background:#fff;border:1px solid #e0e8dc;border-radius:18px;padding:13px 15px 13px 22px;box-shadow:0 8px 24px #163d3207}.smv-start>label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#53685f;margin:0 0 5px}.smv-start>div{display:flex;gap:12px;align-items:center}.smv-start select{width:100%;min-width:0;border:0;background:transparent;padding:5px 2px;color:#193d32;font-size:15px;cursor:pointer}.smv-start button{border:0;border-radius:50%;width:45px;height:45px;flex-shrink:0;background:#176b4a;color:white;font-size:25px;cursor:pointer}.smv-small-benefits{display:flex;gap:18px;margin-top:14px;font-size:10px;color:#53685f}.smv-small-benefits span:before{content:'✓';margin-right:5px;color:#176b4a}.smv-hero-art{position:relative;padding:0 0 40px}.smv-hero-art>img{display:block;width:100%;height:500px!important;object-fit:cover;border-radius:48% 48% 14px 14px}.smv-float{position:absolute;left:-26px;bottom:62px;background:white;padding:18px 22px;display:flex;align-items:center;gap:13px;border:1px solid #e5ede5;border-radius:12px;box-shadow:0 10px 40px #193d3212}.smv-float-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf6ec;color:#176b4a;font-size:26px}.smv-float strong{display:block;font-size:14px;line-height:1.4}.smv-float div>span{display:block;font-size:11px;color:#53685f;margin-top:3px}.smv-hero-caption{position:absolute;bottom:8px;left:0;width:100%;text-align:right;font-size:10px;color:#687a70}.smv-trust{border-bottom:1px solid #e4eee6}.smv-trust>.smv-wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:26px;gap:35px}.smv-trust>.smv-wrap>div{display:flex;align-items:center;gap:16px}.smv-trust span{font-size:22px;color:#176b4a;font-family:Petrona,serif}.smv-trust p{font-size:11px;color:#53685f;line-height:1.65;margin:0}.smv-trust strong{display:block;font-size:13px;color:#193d32} .smv-section{padding:76px 0}.smv-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.smv-section-head h2{margin:0}.smv-section-head .smv-eyebrow{margin-bottom:12px}.smv-text-link{font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;padding-bottom:4px;border-bottom:1px solid #176b4a}.smv-text-link span{margin-left:20px}.smv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.smv-card{min-width:0}.smv-card>a{display:flex;height:100%;flex-direction:column;text-decoration:none;background:transparent}.smv-card>a>img{width:100%;height:230px!important;object-fit:cover;border-radius:12px;transition:filter .2s}.smv-card a:hover>img{filter:brightness(.94)}.smv-card-text{padding:18px 2px 0;display:flex;flex-direction:column;flex:1}.smv-card-meta{font-size:9px;letter-spacing:.04em;color:#176b4a;font-weight:600;margin:0 0 10px}.smv-card-meta span{color:#687a70;white-space:nowrap;font-weight:400}.smv-card h3{font-size:23px!important;margin:0 0 13px;letter-spacing:-.035em!important}.smv-card-text>p:not(.smv-card-meta){font-size:13px;color:#53685f;line-height:1.65;margin:0 0 18px}.smv-card-link{font-size:12px;color:#176b4a;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid #e0e8e1;padding-top:13px}.smv-card-link b{font-size:20px;font-weight:400}.smv-method{background:#edf6ed;padding:76px 0}.smv-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.smv-method h2{font-size:46px!important;margin:0 0 24px}.smv-method-grid>div>p:not(.smv-eyebrow){color:#53685f;font-size:15px;max-width:470px;line-height:1.8}.smv-method .smv-btn{margin-top:15px}.smv-steps{list-style:none;margin:0;padding:0}.smv-steps li{display:flex;gap:22px;padding:28px 0;border-bottom:1px solid #cedfce}.smv-steps li:first-child{padding-top:0}.smv-steps li:last-child{border-bottom:0;padding-bottom:0}.smv-steps li>span{width:45px;height:45px;flex-shrink:0;border:1px solid #a4c6ae;color:#176b4a;border-radius:50%;display:grid;place-items:center;font-family:Petrona,serif;font-size:24px}.smv-steps h3{font-size:20px!important;margin:0 0 9px}.smv-steps p{font-size:14px;color:#53685f;margin:0;line-height:1.7}.smv-news{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.smv-news .smv-card>a>img{height:170px!important}.smv-news .smv-card h3{font-size:19px!important}.smv-news .smv-card-meta span{display:block;margin-top:5px}.smv-bottom-cta{background:#e5f0d8;padding:60px 0}.smv-bottom-cta>.smv-wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.smv-bottom-cta h2{font-size:45px!important;margin:0 0 20px}.smv-bottom-cta p:not(.smv-eyebrow){font-size:14px;color:#53685f;margin:0}.smv-faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.smv-faq-grid h2{font-size:36px!important;margin-top:0}.smv-faq-grid details,.smv-body details{border-bottom:1px solid #dce6df;padding:20px 0}.smv-faq-grid summary,.smv-body summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.5}.smv-faq-grid details p{font-size:14px;color:#53685f;line-height:1.75}.smv-footer{background:#f5f9f2;border-top:1px solid #dce6df;padding:55px 0 22px}.smv-footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.smv-footer-top>div>strong{font-size:12px;display:block;margin-bottom:16px}.smv-footer-top>div>a:not(.smv-brand){display:block;text-decoration:none;font-size:12px;color:#53685f;margin:10px 0}.smv-footer-top p{font-size:12px;line-height:1.8;color:#53685f}.smv-footer-bottom{border-top:1px solid #dce6df;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#53685f} /* Articles : un seul axe titre, chapô, photo et texte. */ .smv-article-grid{display:grid;grid-template-columns:minmax(0,780px) 285px;gap:70px;justify-content:center;padding-top:38px}.smv-breadcrumb{font-size:11px;color:#687a70;display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.smv-breadcrumb a{text-decoration:none}.smv-article-head .smv-eyebrow{margin-bottom:14px}.smv-article-head h1{font-size:44px!important;line-height:1.13!important;margin:0 0 18px;letter-spacing:-.05em!important}.smv-chapo{font-size:18px!important;line-height:1.7;color:#53685f;margin:0 0 22px}.smv-byline{display:flex;align-items:center;gap:10px;margin:20px 0 25px;font-size:12px}.smv-byline img{width:34px;height:34px;border-radius:50%}.smv-byline a{text-decoration:none;font-weight:600}.smv-byline small{display:block;color:#687a70;font-size:10px;margin-top:2px}.smv-article-photo{margin:0 0 30px}.smv-article-photo>img{width:100%;height:330px!important;object-fit:cover;border-radius:12px}.smv-article-photo figcaption{font-size:10px;color:#687a70;margin-top:8px;line-height:1.5}.smv-body{font-size:17px;line-height:1.85;overflow-wrap:anywhere}.smv-body>p{margin:0 0 23px}.smv-body h2{font-size:30px!important;line-height:1.3!important;margin:40px 0 19px!important;scroll-margin-top:125px}.smv-body h3{font-size:22px!important;margin:26px 0 15px}.smv-body a{color:#176b4a!important;text-decoration:underline;text-underline-offset:3px}.smv-body ul,.smv-body ol{padding-left:1.4em;margin:20px 0;max-width:none}.smv-body li{padding-left:4px;margin:10px 0}.smv-body li::marker{color:#176b4a}.smv-body table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:14px;margin:24px 0}.smv-body th,.smv-body td{padding:14px;border:1px solid #dce6df;text-align:left}.smv-body th{background:#edf6ed}.smv-body .sm-partenaire{font-size:11px;letter-spacing:.04em;color:#687a70;border-bottom:1px solid #dce6df;padding-bottom:15px}.smv-body .sm-collation-num{font-family:Petrona,serif}.smv-body .sm-collation-schema,.smv-body .sm-collation-calcul{border-radius:12px;background:#edf6ed}.smv-body .sm-collation-recettes article{border-radius:12px;background:#fafcf8}.smv-body .sm-collation-schema p,.smv-body .sm-collation-recettes p{font-size:14px}.smv-body .sm-collation-recettes h3{font-size:23px!important}.smv-sidebar{padding-top:51px;align-self:start;position:sticky;top:112px}.smv-toc{background:#f5f9f2;padding:24px;border-radius:14px;margin-bottom:22px}.smv-toc .smv-eyebrow{font-size:10px!important;margin-bottom:15px}.smv-toc ol{list-style:decimal-leading-zero;padding-left:24px;margin:0;font-size:12px}.smv-toc li{margin:12px 0;padding-left:5px;line-height:1.55}.smv-toc li::marker{color:#187a54;font-size:10px}.smv-toc a{text-decoration:none}.smv-side-cta{border:1px solid #cde1d1;background:#eaf6ec;border-radius:14px;padding:25px}.smv-side-cta .smv-mark{width:38px;height:38px}.smv-side-cta h2{font-size:26px!important;margin:10px 0 15px}.smv-side-cta p{font-size:13px;color:#53685f}.smv-side-cta .smv-btn{padding:13px 18px;font-size:12px;width:100%;margin:8px 0 10px}.smv-side-cta small{font-size:9px;display:block;text-align:center;color:#53685f}.smv-article-end{border-top:1px solid #dce6df;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;gap:24px}.smv-related{background:#f8fbf6;margin-top:60px}.smv-page{padding:38px 0 70px}.smv-page-head,.smv-page-body{max-width:860px;margin-inline:auto}.smv-page-head{margin-bottom:38px}.smv-page-head h1{font-size:48px!important;max-width:820px;margin:0 0 24px}.smv-page-body .smv-btn{color:#fff!important;text-decoration:none}.smv-archive{padding-top:48px}.smv-archive h1{margin:0 0 20px}.smv-archive-desc{font-size:17px;color:#53685f;max-width:700px!important;margin:0 0 38px}.smv-archive-cards{row-gap:48px} /* Formulaire : qualification pratique, aucun dossier médical. */ .smv-lead-page{background:#f5f9f2;padding:65px 0 85px}.smv-lead-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:start}.smv-lead-intro{padding-top:20px}.smv-lead-intro h1{font-size:53px!important;line-height:1.14!important;margin:0 0 25px}.smv-lead-intro>p:not(.smv-eyebrow){font-size:17px;color:#53685f;line-height:1.8}.smv-lead-intro ul{list-style:none;padding:0;font-size:13px;line-height:1.6;margin:30px 0}.smv-lead-intro li{padding-left:25px;position:relative;margin:14px 0}.smv-lead-intro li:before{content:'✓';position:absolute;left:0;color:#187a54}.smv-lead-intro>a{font-size:13px}.smv-lead-panel{border:1px solid #dce6df;background:#fff;border-radius:20px;padding:32px;box-shadow:0 12px 50px #193d3205}.smv-form fieldset{border:0;padding:0;margin:0;min-width:0}.smv-form legend{font-size:23px;font-weight:600;line-height:1.35;padding:0;margin-bottom:10px;letter-spacing:-.025em}.smv-form fieldset>p{font-size:12px;color:#53685f;line-height:1.65;margin:0 0 22px}.smv-form-progress{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-bottom:30px;color:#7d8b80;font-size:10px}.smv-form-progress>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.smv-form-progress>span.is-active{color:#176b4a}.smv-form-progress b{font-weight:400}.smv-form-progress i{height:1px;width:12px;background:#dce6df}.smv-options{display:grid;gap:10px;margin-bottom:23px}.smv-options>label{display:flex;align-items:center;gap:12px;border:1px solid #dce6df;border-radius:12px;padding:17px 14px;cursor:pointer}.smv-options>label:has(input:checked){background:#edf6ed;border-color:#187a54}.smv-options input{accent-color:#187a54;width:17px;height:17px;flex-shrink:0}.smv-options strong{display:block;font-size:13px;font-weight:600}.smv-options small{display:block;font-size:11px;line-height:1.6;color:#53685f;margin-top:4px}.smv-options b{margin-left:auto;font-weight:400}.smv-form label:not(.smv-consent){font-size:12px}.smv-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.smv-form textarea,.smv-form select{width:100%;border:1px solid #d2dfd6;border-radius:8px;padding:12px;background:white;color:#193d32;margin:6px 0 18px;font-size:15px;min-width:0}.smv-fields{display:grid;grid-template-columns:1fr;gap:0}.smv-consent{display:flex;gap:10px;align-items:start;font-size:11px;line-height:1.65;margin:18px 0}.smv-consent input{margin-top:4px;width:16px;height:16px;flex-shrink:0;accent-color:#176b4a}.smv-form-note{font-size:10px!important;background:#f5f9f2;padding:10px 12px;border-radius:8px}.smv-form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.smv-back{background:transparent;border:0;padding:5px 0;font-size:11px!important;text-decoration:underline;cursor:pointer;color:#53685f}.smv-form-privacy{font-size:9px;line-height:1.7;color:#687a70;border-top:1px solid #e3eae4;padding-top:16px;margin:24px 0 0}.smv-form-error{color:#a42929;font-size:12px;line-height:1.6;background:#fff3f1;padding:12px;border-radius:7px}.smv-form-success{padding:25px 0}.smv-form-success>span{width:50px;height:50px;display:grid;place-items:center;background:#eaf6ec;color:#176b4a;border-radius:50%;font-size:25px;margin-bottom:20px}.smv-form-success h2{font-size:27px!important}.smv-form-success p{font-size:14px;color:#53685f}.smv-form-success a{font-size:13px}.smv-form button:disabled{opacity:.6;cursor:wait} @media(min-width:1600px){.smv-wrap{width:min(1320px,calc(100% - 96px))}.smv-hero-grid{gap:80px}.smv-hero-copy h1{font-size:80px!important}.smv-hero-art>img{height:530px!important}} @media(max-width:1150px){.smv-nav{gap:20px}.smv-nav nav{gap:16px}.smv-nav nav a{font-size:12px}.smv-nav-cta{font-size:11px;padding:12px 15px;gap:8px}.smv-hero-grid{gap:35px;min-height:590px}.smv-hero-copy h1{font-size:60px!important}.smv-hero-art>img{height:440px!important}.smv-article-grid{grid-template-columns:minmax(0,1fr) 250px;gap:40px}.smv-method-grid,.smv-faq-grid{gap:55px}.smv-lead-grid{gap:40px}.smv-lead-intro h1{font-size:44px!important}.smv-lead-panel{padding:26px}} @media(max-width:900px){.smv-wrap{width:calc(100% - 40px)}.smv-nav{min-height:78px;gap:15px;flex-wrap:wrap}.smv-brand{font-size:20px}.smv-mark{width:40px;height:40px}.smv-menu-toggle{display:block;margin-left:auto;border:0;background:transparent;font-size:25px;color:#193d32;padding:5px 9px}.smv-nav nav{display:none;order:4;flex-basis:100%;margin:0;padding:5px 0 22px;gap:18px;flex-wrap:wrap}.smv-nav nav.is-open{display:flex}.smv-nav nav a{font-size:14px}.smv-nav-cta{display:none}.smv-hero-grid{gap:30px}.smv-hero-copy h1{font-size:52px!important}.smv-hero-desc{font-size:15px}.smv-hero-art>img{height:390px!important}.smv-float{left:-15px;padding:13px 16px}.smv-float strong{font-size:12px}.smv-float div>span{font-size:9px}.smv-small-benefits{gap:10px;font-size:9px}.smv-trust>.smv-wrap{gap:20px}.smv-trust strong{font-size:11px}.smv-trust p{font-size:10px}.smv-cards{gap:20px}.smv-card>a>img{height:180px!important}.smv-card h3{font-size:20px!important}.smv-news{grid-template-columns:1fr 1fr;gap:30px}.smv-news .smv-card>a>img{height:210px!important}.smv-method-grid{gap:35px}.smv-method h2{font-size:37px!important}.smv-faq-grid{gap:40px}.smv-footer-top{grid-template-columns:1.2fr 1fr;gap:35px}.smv-footer-bottom{flex-wrap:wrap}.smv-article-grid{display:block;max-width:780px}.smv-sidebar{position:static;padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.smv-toc{margin:0}.smv-lead-grid{gap:30px}.smv-lead-intro h1{font-size:38px!important}.smv-form-progress b{font-size:9px}.smv-lead-panel{padding:22px}.smv-form legend{font-size:21px}} @media(max-width:650px){.smv-wrap{width:calc(100% - 36px)}.smv-nav{min-height:73px}.smv-brand{font-size:19px}.smv-hero-grid{grid-template-columns:1fr;padding-top:35px;padding-bottom:25px;gap:28px}.smv-eyebrow{font-size:9px!important;letter-spacing:.11em!important;margin-bottom:16px}.smv-hero-copy h1{font-size:51px!important;line-height:1.04!important;margin-bottom:19px}.smv-hero-desc{font-size:15px;line-height:1.7;margin-bottom:20px}.smv-start{padding:12px 12px 12px 16px;border-radius:14px}.smv-start select{font-size:12px}.smv-start>label{font-size:9px}.smv-start button{width:40px;height:40px}.smv-small-benefits{font-size:9px;justify-content:space-between;gap:5px;margin-top:12px}.smv-hero-art{padding-bottom:24px}.smv-hero-art>img{height:330px!important;border-radius:45% 45% 12px 12px;object-position:center}.smv-float{left:10px;bottom:45px;padding:14px 16px;max-width:calc(100% - 20px)}.smv-float-icon{width:34px;height:34px}.smv-float strong{font-size:12px}.smv-hero-caption{font-size:8px;bottom:0}.smv-trust>.smv-wrap{grid-template-columns:1fr;padding-block:22px;gap:16px}.smv-trust>.smv-wrap>div{gap:15px}.smv-trust span{font-size:21px}.smv-trust strong{font-size:12px}.smv-trust p{font-size:10px}.smv-section{padding:45px 0}.smv-section-head{display:block;margin-bottom:25px}.smv-section-head h2{font-size:29px!important;line-height:1.2!important}.smv-section-head .smv-text-link{display:inline-flex;gap:20px;margin-top:18px;font-size:11px}.smv-cards,.smv-news{grid-template-columns:1fr;gap:30px}.smv-card>a>img,.smv-news .smv-card>a>img{height:220px!important}.smv-card h3,.smv-news .smv-card h3{font-size:23px!important}.smv-card-meta{font-size:9px}.smv-card-text{padding-top:16px}.smv-news .smv-card-meta span{display:inline}.smv-method{padding:45px 0}.smv-method-grid{grid-template-columns:1fr;gap:36px}.smv-method h2{font-size:37px!important}.smv-method-grid>div>p:not(.smv-eyebrow){font-size:14px}.smv-steps li{gap:16px;padding:22px 0}.smv-steps h3{font-size:18px!important}.smv-steps p{font-size:13px}.smv-bottom-cta{padding:42px 0}.smv-bottom-cta>.smv-wrap{display:block}.smv-bottom-cta h2{font-size:37px!important}.smv-bottom-cta p:not(.smv-eyebrow){font-size:13px}.smv-bottom-cta .smv-btn{margin-top:25px}.smv-faq-grid{grid-template-columns:1fr;gap:15px}.smv-faq-grid h2{font-size:30px!important}.smv-faq-grid summary{font-size:14px}.smv-footer{padding-top:38px}.smv-footer-top{gap:30px 18px;grid-template-columns:1fr 1fr}.smv-footer-top>div:first-child{grid-column:1/-1}.smv-footer-top>div>a:not(.smv-brand){font-size:11px}.smv-footer-bottom{display:block;line-height:1.8;margin-top:30px}.smv-footer-bottom>*{display:block;margin-bottom:10px}.smv-article-grid{padding-top:25px}.smv-breadcrumb{font-size:10px;margin-bottom:22px}.smv-article-head h1{font-size:33px!important;line-height:1.15!important;letter-spacing:-.055em!important}.smv-chapo{font-size:15px!important;margin-bottom:18px}.smv-byline{margin:18px 0 22px}.smv-article-photo>img{height:215px!important;border-radius:10px}.smv-article-photo figcaption{font-size:9px}.smv-body{font-size:16px;line-height:1.8}.smv-body h2{font-size:26px!important;margin-top:33px!important}.smv-sidebar{display:block}.smv-toc{margin-bottom:20px}.smv-side-cta{max-width:none}.smv-article-end{font-size:11px;line-height:1.6}.smv-related{margin-top:35px}.smv-related .smv-section-head>a{display:block;margin-top:14px;font-size:12px}.smv-page{padding-top:25px}.smv-page-head h1{font-size:34px!important}.smv-page-body{font-size:16px}.smv-archive h1{font-size:37px!important}.smv-archive-desc{font-size:14px;margin-bottom:28px}.smv-lead-page{padding:32px 0 45px}.smv-lead-grid{grid-template-columns:1fr;gap:28px}.smv-lead-intro{padding-top:0}.smv-lead-intro h1{font-size:39px!important;margin-bottom:18px}.smv-lead-intro>p:not(.smv-eyebrow){font-size:14px}.smv-lead-intro ul{margin:20px 0;font-size:11px}.smv-lead-intro li{margin:8px 0}.smv-lead-panel{padding:23px 18px;border-radius:15px}.smv-form-progress{font-size:9px}.smv-form-progress b{font-size:8px}.smv-form-progress>span{gap:4px}.smv-form-progress i{width:8px}.smv-options>label{padding:15px 12px;gap:9px}.smv-options strong{font-size:12px}.smv-options small{font-size:10px}.smv-form .smv-btn{font-size:12px;padding:13px 18px}.smv-form legend{font-size:22px}.smv-form-privacy{font-size:9px}.smv-form-actions{gap:14px}.smv-byline img{flex-shrink:0}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}} .smv-card-meta{text-transform:uppercase} .smv-card-meta,.smv-card-meta span{font-size:11.5px} /* Photos d'auteur : toujours un rond net, jamais une image étirée */ .smv-byline img.avatar,.sb-auteur-fin-av{width:44px;height:44px;aspect-ratio:1/1;object-fit:cover;object-position:50% 25%;border-radius:50%;flex:0 0 auto} .sb-auteur-fin-av{width:72px!important;height:72px!important}