/* WS skillshop : les neuf blocs « a remplir » (WSFP_New_Contenus). Polices et couleurs de la fiche. */
.wsfp-c__ic{flex:0 0 auto;color:var(--accent,#a94e64)}
.wsfp-c__in{max-width:1280px;margin:0 auto;padding:0 24px}
.wsfp-c__h{margin:0 0 18px;font-family:var(--font-title,'Archivo',sans-serif);font-size:var(--h2-size,28px);font-weight:700;color:var(--h2-color,#141413)}
.wsfp-c-sec{padding:44px 0}

/* Colonne d'achat : `.ws-buy .ws-mod` impose une colonne, on reprend la main. */
.ws-mod.wsfp-c-promo{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;padding:10px 12px;border:1px dashed var(--accent,#a94e64);border-radius:10px;background:#fdf8f9}
.wsfp-c-promo__t{font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(13px * var(--wsfp-scale,1));font-weight:600;color:var(--ink,#141413)}
/* Specificite renforcee : les boutons de la colonne d'achat sont restyles par le gabarit. */
.ws-mod.wsfp-c-promo .wsfp-c-promo__b{appearance:none;display:inline-flex!important;align-items:center;gap:8px;width:auto!important;height:auto!important;min-height:0!important;padding:6px 10px!important;border:0!important;border-radius:8px!important;background:var(--ink,#141413)!important;color:#fff!important;cursor:pointer;font:inherit;font-size:calc(12px * var(--wsfp-scale,1))!important;box-shadow:none!important}
.ws-mod.wsfp-c-promo .wsfp-c-promo__b code{display:inline!important;background:none!important;color:#fff!important;font-weight:700;letter-spacing:.06em;font-size:calc(12.5px * var(--wsfp-scale,1));padding:0!important}
.ws-mod.wsfp-c-promo .wsfp-c-promo__b span{color:#fff!important}
.wsfp-c-promo__ok{display:none}
.wsfp-c-promo__b.is-ok .wsfp-c-promo__ok{display:inline}.wsfp-c-promo__b.is-ok .wsfp-c-promo__c{display:none}

.ws-mod.wsfp-c-avis{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.wsfp-c-avis__i{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line,#e6e2d8);border-radius:100px;font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(12.5px * var(--wsfp-scale,1));color:var(--ink,#141413);text-decoration:none}
.wsfp-c-avis__i img{width:18px;height:18px;object-fit:contain}
.wsfp-c-avis__n b{font-weight:700}
.wsfp-c-avis__nb{color:var(--ink-soft,#4a4a46)}
a.wsfp-c-avis__i:hover{border-color:var(--ink,#141413)}

.ws-mod.wsfp-c-gar{display:flex!important;flex-direction:column!important;gap:10px;margin:14px 0 0}
.wsfp-c-gar__i{display:flex;align-items:flex-start;gap:12px;font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(13px * var(--wsfp-scale,1));color:var(--ink,#141413)}
.wsfp-c-gar__i b{display:block;font-weight:700}
.wsfp-c-gar__i em{display:block;font-style:normal;color:var(--ink-soft,#4a4a46);font-size:calc(12.5px * var(--wsfp-scale,1))}

.ws-mod.wsfp-c-r3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:14px 0;border-top:1px solid var(--line,#e6e2d8);border-bottom:1px solid var(--line,#e6e2d8)}
.wsfp-c-r3__i{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-family:var(--font-text,'Manrope',sans-serif)}
.wsfp-c-r3__i b{font-size:calc(13px * var(--wsfp-scale,1));font-weight:700;color:var(--ink,#141413)}
.wsfp-c-r3__i span{font-size:calc(12px * var(--wsfp-scale,1));line-height:1.4;color:var(--ink-soft,#4a4a46)}

/* Bas de page. */
.wsfp-c-presse__l{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 44px}
.wsfp-c-presse__i{display:inline-flex;align-items:center;filter:grayscale(1);opacity:.7;transition:opacity .2s,filter .2s;text-decoration:none;color:var(--ink,#141413);font-family:var(--font-title,'Archivo',sans-serif);font-weight:700;font-size:calc(18px * var(--wsfp-scale,1))}
.wsfp-c-presse__i img{max-height:36px;max-width:140px;object-fit:contain}
.wsfp-c-presse__i:hover{filter:none;opacity:1}
.wsfp-c-presse .wsfp-c__h{text-align:center}

.wsfp-c-et{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;counter-reset:none}
.wsfp-c-et__i{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line,#e6e2d8);border-radius:14px;background:#fff;font-family:var(--font-text,'Manrope',sans-serif)}
.wsfp-c-et__n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent,#a94e64);color:#fff;font-weight:700;font-size:calc(14px * var(--wsfp-scale,1))}
.wsfp-c-et__i b{font-size:calc(15px * var(--wsfp-scale,1));color:var(--ink,#141413)}
.wsfp-c-et__i span{font-size:calc(13.5px * var(--wsfp-scale,1));line-height:1.5;color:var(--ink-soft,#4a4a46)}

.wsfp-c-duo{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.wsfp-c-duo.is-seul{grid-template-columns:1fr;max-width:820px}
.wsfp-c-duo__img img{display:block;width:100%;height:auto;border-radius:16px}
.wsfp-c-duo__t{font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(15px * var(--wsfp-scale,1));line-height:1.7;color:var(--ink-soft,#4a4a46)}
.wsfp-c-car{margin:0}
.wsfp-c-car__l{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line,#e6e2d8)}
.wsfp-c-car__l dt{font-weight:600;color:var(--ink,#141413)}
.wsfp-c-car__l dd{margin:0;text-align:right}

.wsfp-c-arguments{padding:26px 0;background:var(--bg-soft,#f6f3ee)}
.wsfp-c-arg{display:flex;flex-wrap:wrap;justify-content:space-around;gap:16px 30px}
.wsfp-c-arg__i{display:flex;align-items:center;gap:10px;font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(14px * var(--wsfp-scale,1));font-weight:600;color:var(--ink,#141413)}

@media (max-width:900px){
	.wsfp-c-duo{grid-template-columns:1fr;gap:22px}
	.ws-mod.wsfp-c-r3{grid-template-columns:1fr}
}

/* Tete de section (titre + sous-titre). */
.wsfp-c__tete{margin:0 0 22px;text-align:center}
.wsfp-c__tete .wsfp-c__h{margin:0 0 6px}
.wsfp-c__st{margin:0;font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(15px * var(--wsfp-scale,1));color:var(--ink-soft,#4a4a46)}
/* Onglets. */
.wsfp-c-tabs__l{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 22px;border-bottom:1px solid var(--line,#e6e2d8)}
.wsfp-c-tabs__b{appearance:none;border:0;border-bottom:2px solid transparent;background:none;margin:0 0 -1px;padding:10px 16px;font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(14px * var(--wsfp-scale,1));font-weight:600;color:var(--ink-soft,#4a4a46);cursor:pointer}
.wsfp-c-tabs__b:hover{color:var(--ink,#141413)}
.wsfp-c-tabs__b.is-on{color:var(--ink,#141413);border-bottom-color:var(--accent,#a94e64)}
.wsfp-c-tabs__p{display:none;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.wsfp-c-tabs__p.is-on{display:grid}
.wsfp-c-tabs__p.is-seul{grid-template-columns:1fr;max-width:820px;margin:0 auto}
.wsfp-c-tabs__t{font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(15px * var(--wsfp-scale,1));line-height:1.7;color:var(--ink-soft,#4a4a46)}
.wsfp-c-tabs__t h3{margin:0 0 12px;font-family:var(--font-title,'Archivo',sans-serif);font-size:calc(20px * var(--wsfp-scale,1));color:var(--ink,#141413)}
.wsfp-c-tabs__m img,.wsfp-c-tabs__m video{display:block;width:100%;height:auto;border-radius:14px}
.wsfp-c-tabs__m--emb iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px}
/* Vitrine. */
.wsfp-c-vit__g{display:grid;grid-template-columns:1fr minmax(0,1.15fr) 1fr;gap:32px;align-items:center}
.wsfp-c-vit__g.is-sans{grid-template-columns:1fr 1fr}
/* Taille de la photo du centre : 340 px par defaut, reglable (Apparence du bloc, --u-n1). */
.wsfp-c-vit__img img{display:block;width:100%;max-width:var(--u-n1,340px);height:auto;margin-inline:auto;border-radius:16px}
.wsfp-c-vit__c{display:flex;flex-direction:column;gap:22px}
.wsfp-c-vit__i{display:flex;align-items:flex-start;gap:12px;font-family:var(--font-text,'Manrope',sans-serif)}
.wsfp-c-vit__i b{display:block;font-size:calc(15px * var(--wsfp-scale,1));color:var(--ink,#141413)}
.wsfp-c-vit__i em{display:block;font-style:normal;font-size:calc(13.5px * var(--wsfp-scale,1));line-height:1.5;color:var(--ink-soft,#4a4a46);margin-top:2px}
@media (max-width:900px){
	.wsfp-c-tabs__p.is-on{grid-template-columns:1fr;gap:18px}
	.wsfp-c-vit__g,.wsfp-c-vit__g.is-sans{grid-template-columns:1fr;gap:20px}
	.wsfp-c-vit__img{order:-1}
}
/* L'onglet actif se voit (le theme remet les bordures des boutons a zero). */
.wsfp-c-tabs .wsfp-c-tabs__b{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--ink-soft,#4a4a46)!important}
.wsfp-c-tabs .wsfp-c-tabs__b.is-on{border-bottom-color:var(--accent,#a94e64)!important;color:var(--ink,#141413)!important}
.wsfp-c-tabs__m img,.wsfp-c-tabs__m video{max-height:480px;object-fit:cover}

/* Bloc Texte (titre + texte, sans image) */
.wsfp-c-texte .wsfp-c__in{max-width:760px;margin:0 auto}
.wsfp-c-texte__t{font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(15px * var(--wsfp-scale,1));line-height:1.75;color:var(--text-color,#4a4a46)}
.wsfp-c-texte__t p{margin:0 0 14px}

/* TITRE ET TEXTE COTE A COTE (milov 2026-10-24) : titre a gauche, texte a droite, sans fond ni
   soulignement ; titre et texte en noir par defaut (l'apparence du bloc peut les changer). */
.wsfp-c-tt__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:start}
.wsfp-c-tt__h{margin:0;font-family:var(--font-title,inherit);font-size:calc(34px * var(--wsfp-scale,1));line-height:1.12;font-weight:800;text-transform:var(--u-s1,uppercase);letter-spacing:-.01em;color:#111}
.wsfp-c-tt__t{font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(16px * var(--wsfp-scale,1));line-height:1.75;color:#111}
.wsfp-c-tt__t p{margin:0 0 .75em}.wsfp-c-tt__t p:last-child{margin-bottom:0}
/* Une liste dans le texte : retrait et espace avant le paragraphe suivant. */
.wsfp-c-tt__t :is(ul,ol){margin:0 0 .9em;padding-left:1.2em}.wsfp-c-tt__t li{margin:0 0 .35em}.wsfp-c-tt__t :is(ul,ol):last-child{margin-bottom:0}
.wsfp-c-tt__t strong,.wsfp-c-tt__t b{font-weight:700;color:inherit}
.wsfp-c-tt__t a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:768px){.wsfp-c-tt__in{grid-template-columns:1fr;gap:14px}.wsfp-c-tt__h{font-size:calc(26px * var(--wsfp-scale,1))}}

/* Un titre vide reste cache tant qu on ne l a pas ecrit (apercu en direct). */
.wsfp-c-sec [hidden]{display:none!important}

/* ===== SIX BLOCS POUR VENDRE (milov 2026-10-25) ===== */
.wsfp-c-sec [hidden],.ws-mod[hidden]{display:none!important}

/* Image + FAQ : la FAQ d'un cote, la photo de l'autre ; le cote s'inverse (wsfp-c-fi--photo-gauche). */
.wsfp-c-fi__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.wsfp-c-fi--photo-gauche .wsfp-c-fi__img{order:-1}
.wsfp-c-fi__h{margin:0 0 18px;font-size:calc(32px * var(--wsfp-scale,1));line-height:1.15;font-weight:600;color:#111}
.wsfp-c-fi__q{border-bottom:1px solid #111}
.wsfp-c-fi__q > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;list-style:none;font-size:calc(17px * var(--wsfp-scale,1));line-height:1.3;text-transform:var(--u-s1,none);color:#111}
.wsfp-c-fi__q > summary::-webkit-details-marker{display:none}
.wsfp-c-fi__q > summary i{position:relative;flex:0 0 16px;width:16px;height:16px}
.wsfp-c-fi__q > summary i::before,.wsfp-c-fi__q > summary i::after{content:"";position:absolute;left:0;right:0;top:7px;height:2.5px;background:#111;transition:transform .2s}
.wsfp-c-fi__q > summary i::after{transform:rotate(90deg)}
.wsfp-c-fi__q[open] > summary i::after{transform:rotate(0)}
.wsfp-c-fi__r{padding:0 0 20px;font-size:calc(15px * var(--wsfp-scale,1));line-height:1.7;color:#333}
/* Largeur de la photo : 420 px par defaut, reglable (Apparence du bloc, --u-n1). */
.wsfp-c-fi__img img{display:block;width:100%;max-width:var(--u-n1,420px);height:auto;margin-inline:auto;border-radius:6px}
.wsfp-c-fi__vide{display:block;aspect-ratio:4/5;border-radius:6px;background:linear-gradient(135deg,#ece9e4,#dcd7cf)}
@media (max-width:768px){.wsfp-c-fi__in{grid-template-columns:1fr;gap:24px}.wsfp-c-fi--photo-gauche .wsfp-c-fi__img{order:0}}

/* Telechargement PDF : un bouton contour, sur toute la largeur. */
.wsfp-c-pdf__in{display:flex;flex-direction:column;gap:10px;max-width:820px;margin:0 auto}
.wsfp-c-pdf__b{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:10px 18px;border:1px solid #c9c6c0;border-radius:4px;background:#fff;color:#333;font-size:calc(16px * var(--wsfp-scale,1));text-decoration:none!important;transition:border-color .15s,background .15s}
.wsfp-c-pdf__b:hover{border-color:#111;background:#faf9f7;color:#111}

/* Message defilant : la bande boucle sans trou (liste ecrite deux fois). */
.wsfp-c-def{overflow:hidden;padding:var(--u-n2,12px) 0;background:var(--u-c1,#1c1b19);color:#fff;border-radius:2px}
.wsfp-c-def__piste{display:flex;width:max-content;animation:wsfpDefile var(--wsfp-def-d,28s) linear infinite}
.wsfp-c-def__copie{display:contents}
.wsfp-c-def__i{flex:0 0 auto;padding:0 calc(var(--u-n1,56px) / 2);font-size:calc(14px * var(--wsfp-scale,1));font-weight:700;white-space:nowrap}
.wsfp-c-def--lent{--wsfp-def-d:42s}.wsfp-c-def--rapide{--wsfp-def-d:16s}
.wsfp-c-def:hover .wsfp-c-def__piste{animation-play-state:paused}
@keyframes wsfpDefile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.wsfp-c-def__piste{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.wsfp-c-def__copie{display:none}}

/* Message d'offre : une carte sombre, l'offre a gauche, le temps qui reste a droite en cases. */
.wsfp-c-offre{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--u-c1,#111);color:#fff}
.wsfp-c-offre__ic{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--u-c4,rgba(255,255,255,.12))}
.wsfp-c-offre__ic svg{width:20px;height:20px}
.wsfp-c-offre__tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.wsfp-c-offre__t{font-size:calc(13px * var(--wsfp-scale,1));font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.wsfp-c-offre__p{font-size:calc(14px * var(--wsfp-scale,1));opacity:.85}
.wsfp-c-offre__cd{flex:0 0 auto;display:flex;gap:4px}
.wsfp-c-offre__cd span{display:flex;flex-direction:column;align-items:center;min-width:38px;padding:5px 4px;border-radius:7px;background:var(--u-c2,#fff);color:var(--u-c3,#111)}
.wsfp-c-offre__cd b{font-size:calc(16px * var(--wsfp-scale,1));font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.wsfp-c-offre__cd i{font-style:normal;font-size:10px;opacity:.6}
@media (max-width:480px){.wsfp-c-offre{flex-wrap:wrap}.wsfp-c-offre__cd{width:100%;justify-content:flex-start;padding-left:50px}}

/* Encart code promo : noir et blanc, le texte a gauche, le code a copier a droite. */
.wsfp-c-ep{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid #e2e2e0;border-radius:14px;background:var(--u-c1,#f5f5f3);color:#111}
.wsfp-c-ep__t{display:block;font-size:calc(15px * var(--wsfp-scale,1));font-weight:800;margin:0 0 2px}
.wsfp-c-ep__p{font-size:calc(14px * var(--wsfp-scale,1));line-height:1.45}
.wsfp-c-ep__p p{margin:0}
.wsfp-c-ep__d{display:flex;flex-direction:column;align-items:center;gap:5px}
.wsfp-c-ep__m{font-size:calc(12.5px * var(--wsfp-scale,1));font-style:italic;color:#444}
.wsfp-c-ep__code{position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border:1.5px dashed #111;border-radius:999px;background:#fff;color:#111;cursor:pointer;font:inherit}
.wsfp-c-ep__code svg{width:18px;height:18px}
.wsfp-c-ep__code b{font-size:calc(15px * var(--wsfp-scale,1));font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.wsfp-c-ep__ok{display:none;position:absolute;inset:0;align-items:center;justify-content:center;border-radius:999px;background:#111;color:#fff;font-size:13px;font-weight:700}
.wsfp-c-ep__code.is-ok .wsfp-c-ep__ok{display:flex}
@media (max-width:420px){.wsfp-c-ep{grid-template-columns:1fr}.wsfp-c-ep__d{align-items:flex-start}}

/* Disponibilite et livraison : un mode par ligne, sa date estimee avec un point vert. */
.wsfp-c-dispo__h{margin:0 0 10px;font-size:calc(17px * var(--wsfp-scale,1));font-weight:700;color:var(--u-c1,#111)}
.wsfp-c-dispo__ls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.wsfp-c-dispo__l{display:flex;align-items:flex-start;gap:12px}
.wsfp-c-dispo__l > svg{flex:0 0 24px;width:24px;height:24px;color:var(--u-c2,#111)}
.wsfp-c-dispo__c{display:flex;flex-direction:column;gap:3px;font-size:calc(15px * var(--wsfp-scale,1));line-height:1.35;color:#111}
.wsfp-c-dispo__c b{font-weight:500}
.wsfp-c-dispo__p{color:var(--u-c4,#4b54c9)}
.wsfp-c-dispo__d{display:flex;align-items:center;gap:7px;color:#555}
.wsfp-c-dispo__pt{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--u-c3,#1f8a5b)}
/* Cote a cote : une colonne encadree par mode ; les colonnes se partagent la largeur (une par ligne si trop etroit). */
.wsfp-c-dispo--colonnes .wsfp-c-dispo__ls{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}
.wsfp-c-dispo--colonnes .wsfp-c-dispo__l{flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line,#e6e2dc);border-radius:var(--radius-sm,10px)}
.wsfp-c-dispo--colonnes .wsfp-c-dispo__c{font-size:calc(14px * var(--wsfp-scale,1))}
/* Sur mobile, cote a cote redevient une liste (un mode par ligne, icone a gauche) : trois colonnes ne tiennent pas a egalite. */
@media (max-width:600px){.wsfp-c-dispo--colonnes .wsfp-c-dispo__ls{display:flex;flex-direction:column;gap:14px}.wsfp-c-dispo--colonnes .wsfp-c-dispo__l{flex-direction:row;gap:12px;padding:0;border:0}.wsfp-c-dispo--colonnes .wsfp-c-dispo__c{font-size:calc(15px * var(--wsfp-scale,1))}}

/* Dans la colonne d'achat, `.ws-mod` empile ses enfants en colonne centree : chaque bloc pour
   vendre reprend sa propre mise en page. Le theme habille aussi les boutons : le code garde son
   contour pointille. Noir et blanc neutre (demande de milov) : les icones de ces blocs restent
   noires, pas la couleur des pictos du site. */
/* UN BLOC PAS ENCORE POSE RESTE CACHE (milov 2026-10-25 : les quatre blocs s'affichaient sans
   carte, donc impossibles a modifier) : la mise en page ci-dessous ne vaut que sans wsfp-lay-off. */
.wsfp-root .ws-mod.wsfp-c-offre:not(.wsfp-lay-off){display:flex!important;flex-direction:row!important;align-items:center!important;text-align:left!important}
.wsfp-root .ws-mod.wsfp-c-ep:not(.wsfp-lay-off){display:grid!important;text-align:left}
.wsfp-root .ws-mod.wsfp-c-dispo:not(.wsfp-lay-off),.wsfp-root .ws-mod.wsfp-c-def:not(.wsfp-lay-off){display:block!important;text-align:left}
.wsfp-root .wsfp-c-ep__code{border:1.5px dashed var(--u-c4,#111)!important;border-radius:999px!important;background:var(--u-c2,#fff)!important;color:var(--u-c3,#111)!important;padding:7px 16px!important;min-height:0!important;box-shadow:none!important}
.wsfp-root .wsfp-c-ep .wsfp-c__ic{color:var(--u-c3,#111)!important}.wsfp-root .wsfp-c-dispo .wsfp-c__ic{color:var(--u-c2,#111)!important}
.wsfp-root .wsfp-c-offre .wsfp-c__ic{color:#fff!important}
/* LE ROND DERRIERE L'ICONE (Apparence du bloc) : vide = pas de rond, comme avant. */
.wsfp-c-dispo.wsfp-u-c5 .wsfp-c-dispo__l > svg{box-sizing:content-box;padding:9px;border-radius:50%;background:var(--u-c5)}
.wsfp-c-vit.wsfp-u-c1 .wsfp-c-vit__i > svg{box-sizing:content-box;padding:10px;border-radius:50%;background:var(--u-c1)}
.wsfp-root .wsfp-c-vit.wsfp-u-c2 .wsfp-c-vit__i > svg{color:var(--u-c2)!important}
/* Courte description : le texte entre <mark> est surligne (couleur : Apparence du bloc, c1). */
.ws-shortdesc mark{background:linear-gradient(transparent 58%,var(--u-c1,#fff1b8) 58%);color:inherit;padding:0}

/* ===== QUATRE MODULES DE MISE EN PAGE (milov 2026-10-25) ===== */
/* Titre centre, sous-titre dessous, long texte en deux colonnes (une sur mobile). */
.wsfp-c-2col__h{margin:0 0 8px;text-align:center;font-size:calc(32px * var(--wsfp-scale,1));line-height:1.15;font-weight:700;color:#111}
.wsfp-c-2col__s{margin:0 auto 28px;max-width:640px;text-align:center;font-size:calc(17px * var(--wsfp-scale,1));line-height:1.5;color:#555}
.wsfp-c-2col__t{column-count:2;column-gap:56px;font-size:calc(15px * var(--wsfp-scale,1));line-height:1.75;color:#222}
.wsfp-c-2col__t p{margin:0 0 .9em;break-inside:avoid-column}
@media (max-width:768px){.wsfp-c-2col__t{column-count:1}}

/* Un aplat gris a la place d'une image pas encore choisie (exemple de l'apercu). */
.wsfp-c-vide{display:block;width:100%;aspect-ratio:4/3;border-radius:6px;background:linear-gradient(135deg,#ece9e4,#dcd7cf)}

/* Images : une a quatre, cote a cote ; une seule prend toute la largeur. */
.wsfp-c-img__g{display:grid;gap:16px;grid-template-columns:repeat(var(--wsfp-c-img-n,2),minmax(0,1fr))}
.wsfp-c-img--1 .wsfp-c-img__g{--wsfp-c-img-n:1}.wsfp-c-img--3 .wsfp-c-img__g{--wsfp-c-img-n:3}.wsfp-c-img--4 .wsfp-c-img__g{--wsfp-c-img-n:4}
.wsfp-c-img__f{margin:0}
.wsfp-c-img__f img{display:block;width:100%;height:auto;border-radius:6px}
.wsfp-c-img__f figcaption,.wsfp-c-car__f figcaption{margin:8px 0 0;font-size:calc(13.5px * var(--wsfp-scale,1));color:#555;text-align:center}
@media (max-width:768px){.wsfp-c-img--3 .wsfp-c-img__g,.wsfp-c-img--4 .wsfp-c-img__g{--wsfp-c-img-n:2}}

/* Carrousel : les images defilent sur le cote (fleches, ou au doigt), chacune s'arrete pile. */
.wsfp-c-car__z{position:relative}
.wsfp-c-car__piste{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.wsfp-c-car__piste::-webkit-scrollbar{display:none}
.wsfp-c-car__f{flex:0 0 calc((100% - 32px) / 3);margin:0;scroll-snap-align:start}
.wsfp-c-car__f img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px}
.wsfp-c-car__f .wsfp-c-vide{aspect-ratio:4/5}
.wsfp-c-car__fl{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:40px;height:40px;margin-top:-20px;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:0 4px 14px rgba(0,0,0,.15);cursor:pointer}
.wsfp-c-car__fl--prev{left:-12px}.wsfp-c-car__fl--next{right:-12px}
@media (min-width:769px){.wsfp-c-car--peu .wsfp-c-car__fl{display:none}}
@media (max-width:768px){.wsfp-c-car__f{flex-basis:78%}.wsfp-c-car__fl{display:none}}

/* Code court : la sortie de l'autre extension ; vide, un cadre pointille dans l'apercu. */
.wsfp-c-cc--vide{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:64px;padding:12px;border:1.5px dashed #c9c6c0;border-radius:10px;color:#777;font-size:14px;text-align:center}

/* ===== BANDEAU CONSEIL (milov 2026-10-25) ===== */
/* Une carte de couleur : l'accroche en haut, le titre a gauche, les coordonnees a droite.
   Les reglages de l'apparence (fond, coins, bordure, couleurs) se posent sur la carte. */
.wsfp-c-cons__b{padding:clamp(24px,4vw,44px) clamp(20px,4vw,56px);border-radius:18px;background:var(--u-c1,#b00000);color:#fff;text-align:center}
.wsfp-c-cons__a{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 26px;font-size:calc(19px * var(--wsfp-scale,1));font-weight:700;line-height:1.35}
.wsfp-c-cons__a .wsfp-c__ic{flex:0 0 auto;width:22px;height:22px;padding:2px;border-radius:5px;background:rgba(255,255,255,.18)}
.wsfp-c-cons__g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px 40px;align-items:center}
.wsfp-c-cons__h{margin:0;font-size:calc(34px * var(--wsfp-scale,1));line-height:1.12;font-weight:800;color:inherit}
.wsfp-c-cons__d{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:calc(16px * var(--wsfp-scale,1));line-height:1.6}
.wsfp-c-cons__l{display:inline-flex;align-items:center;gap:8px;color:inherit!important;text-decoration:none!important}
.wsfp-c-cons__l:hover span{text-decoration:underline}
.wsfp-c-cons__l .wsfp-c__ic,.wsfp-root .wsfp-c-cons .wsfp-c__ic{width:18px;height:18px;color:var(--u-c2,#fff)!important}
.wsfp-c-cons__p,.wsfp-c-cons__p p{margin:0;color:inherit}
@media (max-width:768px){.wsfp-c-cons__g{grid-template-columns:1fr}.wsfp-c-cons__h{font-size:calc(26px * var(--wsfp-scale,1))}}
/* Le theme colore les titres : celui du bandeau suit le texte de la carte, sauf « Couleur du titre ». */
.wsfp-c-cons__b:not(.wsfp-u-hcol) .wsfp-c-cons__h{color:inherit!important}

/* Titre centre + texte en 2 colonnes (WS skillshop 0.86.63, reglages propres du bloc) :
   - introduction : le premier paragraphe, centre, sur toute la largeur (data-u-s1="intro") ;
   - repere : une petite barre de couleur a gauche des paragraphes qui commencent en gras (c1). */
.wsfp-c-2col[data-u-s1="intro"] .wsfp-c-2col__t > p:first-child{column-span:all;text-align:center;max-width:68ch;margin:0 auto 28px}
.wsfp-c-2col.wsfp-u-c1 .wsfp-c-2col__t p:has(> strong:first-child){position:relative;padding-left:16px;break-inside:avoid}
.wsfp-c-2col.wsfp-u-c1 .wsfp-c-2col__t p:has(> strong:first-child)::before{content:"-";position:absolute;left:0;top:0;color:var(--u-c1);font-weight:700}
.wsfp-c-2col[data-u-s1="intro"] .wsfp-c-2col__t > p:first-child::before{content:none!important}
.wsfp-c-2col[data-u-s1="intro"] .wsfp-c-2col__t > p:first-child{padding-left:0!important}
/* LA TETE DU BLOC (surtitre, titre, sous-titre, photo). En colonnes : comme avant, la photo ne s'affiche pas. */
/* BANDE DE REASSURANCE EN CARTES (@engagements) */
.wsfp-c-eng__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.wsfp-c-eng__i{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;border:1px solid var(--line,#e6e2d8);border-radius:14px;background:#fff;box-shadow:0 12px 32px -18px rgba(17,17,17,.2)}
.wsfp-c-eng__r{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--u-c1,#f5f3ef)}
.wsfp-root .wsfp-c-eng__r .wsfp-c__ic{color:var(--u-c2,#111)!important}
.wsfp-c-eng__i h3{margin:0 0 4px;font-family:var(--font-title,inherit);font-size:calc(16px * var(--wsfp-scale,1));line-height:1.3;color:var(--ink,#141413)}
.wsfp-c-eng__i p{margin:0;font-size:calc(14px * var(--wsfp-scale,1));line-height:1.5;color:var(--ink-soft,#4a4a46)}
@media (max-width:600px){.wsfp-c-eng__g{grid-template-columns:1fr}}
/* GUIDE DES TAILLES (@guidetailles) : le lien, le fond, le panneau qui glisse de la droite. */
.wsfp-root .ws-mod.wsfp-gt:not(.wsfp-lay-off){display:block!important;margin:6px 0}
.wsfp-root .ws-mod.wsfp-gt.is-deplace{margin:0}
.wsfp-gt__lien{display:inline-flex;align-items:center;gap:6px;padding:0;background:none!important;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--ink,#141413);text-decoration:underline;text-decoration-color:var(--u-c4,currentColor);text-decoration-thickness:2px;text-underline-offset:3px}
.wsfp-cart table.variations th.label .wsfp-gt__lien{order:9;margin-left:auto}
.wsfp-gt__fond{position:fixed;inset:0;z-index:99998;background:rgba(17,17,17,.35)}
.wsfp-gt__fond[hidden]{display:none}
.wsfp-gt__p{position:fixed;top:0;right:0;bottom:0;z-index:99999;width:min(460px,100%);display:flex;flex-direction:column;background:#fff;box-shadow:-20px 0 40px -20px rgba(0,0,0,.25);transform:translateX(100%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility .35s;text-align:left;font-family:var(--font-text,inherit);color:var(--ink,#141413)}
.wsfp-gt__p.is-ouvert{transform:none;visibility:visible}
body.admin-bar .wsfp-gt__p{top:32px}
@media (max-width:782px){body.admin-bar .wsfp-gt__p{top:46px}}
html.wsfp-gt-ouvert{overflow:hidden}
.wsfp-gt__tete{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line,#e6e2d8)}
.wsfp-gt__tete h2{margin:0;font-family:var(--font-title,inherit);font-size:22px;line-height:1.2}
.wsfp-gt__x{background:none!important;border:0;padding:0 4px;font-size:28px;line-height:1;cursor:pointer;color:var(--ink,#141413)}
.wsfp-gt__corps{padding:20px 22px 30px;overflow-y:auto}
.wsfp-gt__intro{margin:0 0 16px;font-size:14px}
.wsfp-gt__et{display:inline-block;margin:8px 0 10px;padding:4px 10px;border-radius:4px;background:var(--u-c1,#111);color:var(--u-c2,#fff);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wsfp-gt__etapes{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px;font-size:14px}
.wsfp-gt__etapes li{display:flex;align-items:flex-start;gap:12px}
.wsfp-gt__etapes li span{flex:0 0 24px;height:24px;border-radius:4px;background:var(--u-c1,#111);color:var(--u-c2,#fff);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.wsfp-gt__calc{display:grid;gap:12px;margin:0 0 18px;padding:16px;border:1px solid var(--line,#e6e2d8);border-radius:14px}
.wsfp-gt__calc label{display:grid;gap:6px;font-size:13px;font-weight:600}
.wsfp-gt__champ{display:flex;align-items:center;height:44px;padding:0 12px;border:1px solid var(--line,#e6e2d8);border-radius:8px}
.wsfp-gt__champ:focus-within{border-color:var(--ink,#141413)}
.wsfp-gt__champ input{flex:1;min-width:0;border:0!important;outline:0;box-shadow:none!important;background:none!important;padding:0!important;font:inherit;font-size:16px}
.wsfp-gt__champ i{font-style:normal;color:var(--muted,#6e6e67)}
.wsfp-gt__res{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;font-size:14px;color:var(--ink-soft,#4a4a46)}
.wsfp-gt__res[hidden]{display:none}
.wsfp-gt__res strong{display:block;font-family:var(--font-title,inherit);font-size:26px;line-height:1.1;color:var(--ink,#141413)}
.wsfp-gt__res a{color:var(--ink,#141413);font-weight:600}
.wsfp-gt__larg{display:block;font-family:var(--font-title,inherit);font-size:18px;color:var(--ink,#141413)}
.wsfp-gt__ok{flex:0 0 auto;padding:10px 14px!important;border:0!important;border-radius:8px!important;background:var(--ink,#141413)!important;color:#fff!important;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.wsfp-gt__astuce{margin:0 0 20px;font-size:13px;color:var(--muted,#6e6e67)}
.wsfp-gt__astuce a{color:var(--ink,#141413);font-weight:600}
.wsfp-gt__cons{margin:0 0 20px;padding-left:18px;display:grid;gap:6px;font-size:14px}
.wsfp-gt__tabs{margin:0 0 22px;padding:0 14px;border:2px solid var(--u-c1,#111);border-radius:12px;background:var(--u-c3,#f5f3ef)}
.wsfp-gt__tabs[open]{background:#fff}
.wsfp-gt__tabs summary{display:flex;align-items:center;gap:10px;padding:14px 0;cursor:pointer;list-style:none;font-family:var(--font-title,inherit);font-size:16px;font-weight:700}
.wsfp-gt__tabs summary::-webkit-details-marker{display:none}
.wsfp-gt__tabs summary::after{content:"+";margin-left:auto;font-size:22px;font-weight:700}
.wsfp-gt__tabs[open] summary::after{content:"\2212"}
.wsfp-gt__tic{flex:0 0 34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--u-c1,#111);color:var(--u-c2,#fff)}
.wsfp-gt__tt{margin:14px 0 6px;font-size:13px;font-weight:700}
.wsfp-gt__tw{overflow-x:auto;margin-bottom:12px}
.wsfp-gt__tab{width:100%;border-collapse:collapse;font-size:12.5px;text-align:center;white-space:nowrap}
.wsfp-gt__tab th{padding:8px 6px;font-weight:700;border-bottom:2px solid var(--ink,#141413)}
.wsfp-gt__tab td{padding:7px 6px;border-bottom:1px solid var(--line,#e6e2d8)}
.wsfp-gt__tab td:first-child{font-weight:700}
.wsfp-gt__tab td.ici{background:var(--u-c3,#f5f3ef);font-weight:700}
.wsfp-c-2col__g{display:contents}
.wsfp-c-2col__sur{display:table;margin:0 auto 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--u-c5,var(--accent,#a94e64))}
.wsfp-c-2col.wsfp-u-c4 .wsfp-c-2col__sur{background:var(--u-c4);color:var(--u-c5,#111);padding:4px 10px;border-radius:4px}
.wsfp-c-2col__sur[hidden]{display:none}
.wsfp-c-2col__img{display:none}
/* LIGNES NUMEROTEES (s2 = lignes) : la tete et la photo a gauche, collees a l'ecran pendant qu'on lit ;
   a droite, chaque paragraphe qui commence en gras = une ligne avec son numero. */
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c__in{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__g{display:block;position:sticky;top:24px}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__sur{margin:0 0 12px}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__h{text-align:left;margin:0 0 12px}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__s{text-align:left;margin:0 0 18px;max-width:none;font-size:calc(15px * var(--wsfp-scale,1));color:#222}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__img{display:flex;align-items:center;justify-content:center;height:var(--u-n2,260px);padding:16px;border:1px solid var(--line,#e6e2d8);border-radius:14px;box-shadow:0 12px 32px -16px rgba(17,17,17,.22);background:#fff}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__img img{max-width:100%;max-height:100%;object-fit:contain}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__t{column-count:1;counter-reset:wsfp2l}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__t p.wsfp-c-2col__l{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:4px;margin:0;padding:20px 0!important;border-bottom:1px solid var(--line,#e6e2d8);counter-increment:wsfp2l}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__t p.wsfp-c-2col__l:first-of-type{border-top:1px solid var(--line,#e6e2d8)}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__t p.wsfp-c-2col__l::before{content:counter(wsfp2l,decimal-leading-zero)!important;position:static!important;grid-row:1 / span 2;align-self:start;padding:2px 7px;border-radius:4px;background:var(--u-c2,#111);color:var(--u-c3,#fff)!important;font-family:var(--font-title,inherit);font-size:15px;font-weight:800;line-height:1.5}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__l > :is(strong,b){grid-column:2;font-family:var(--font-title,inherit);font-size:calc(18px * var(--wsfp-scale,1));line-height:1.3;color:var(--ink,#141413)}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__sep{display:none}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__x::first-letter{text-transform:uppercase}
.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__x{grid-column:2;font-size:calc(14px * var(--wsfp-scale,1));line-height:1.6;color:var(--ink-soft,#4a4a46)}
@media (max-width:900px){.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c__in{grid-template-columns:1fr;gap:24px}.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__g{position:static}.wsfp-c-2col[data-u-s2="lignes"] .wsfp-c-2col__img{height:200px}}
/* CADRE DES IMAGES DE LA DESCRIPTION (reglage imgCadre = cadre) : fond blanc, bordure fine, coins arrondis,
   ombre douce, de l'air autour de la photo. Le meme cadre que la photo des lignes numerotees. */
html.wsfp-imgcadre :is(.wsfp-c-vit__img,.wsfp-c-duo__img,.wsfp-c-fi__img,.wsfp-c-tabs__m:not(.wsfp-c-tabs__m--emb),.wsfp-c-ep__m){padding:16px;border:1px solid var(--line,#e6e2d8);border-radius:14px;box-shadow:0 12px 32px -16px rgba(17,17,17,.22);background:#fff;box-sizing:border-box}
html.wsfp-imgcadre .wsfp-bd__media{margin:16px!important;border:1px solid var(--line,#e6e2d8)!important;border-radius:14px!important;box-shadow:0 12px 32px -16px rgba(17,17,17,.22)!important;background:#fff!important}
html.wsfp-imgcadre .wsfp-bd__media img{inset:14px!important;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important}
/* Sur mobile, la photo des bandes prend toute la largeur : le cadre la garde dans la carte (marge comprise). */
@media (max-width:900px){html.wsfp-imgcadre .wsfp-bd__media{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;box-sizing:border-box}}