html #dv{--bg:#0a0c18;--panel:#12152b;--ink:#eef0ff;--dim:#9aa1c8;--line:rgba(var(--ftv-blue-rgb,46,123,255),.22)}#dv *{box-sizing:border-box}#dv{margin:0;background:radial-gradient(900px 480px at 82% -8%,rgba(46,123,255,.16),transparent 60%),radial-gradient(700px 460px at 4% 102%,rgba(232,54,143,.12),transparent 55%),var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}#dv a{color:inherit}#dv .wrap{max-width:1080px;margin:0 auto;padding:34px 20px 90px}#dv .top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}#dv .eyebrow{font:800 11px/1 inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-glow,#5ea0ff)}#dv h1{font-size:clamp(26px,4vw,40px);margin:.1em 0 .1em;letter-spacing:-.01em;text-wrap:balance}#dv .ftv-crea-band{border-radius:16px;padding:18px 22px;margin:0 0 16px;
background:linear-gradient(120deg,var(--blue,#2e7bff),var(--ftv-band-mix,#4b64fa))}#dv .ftv-crea-band h1{margin:0 0 10px;font-size:clamp(1.2rem,3vw,1.6rem);color:#fff}#dv .ftv-crea-band .top{margin-bottom:2px}#dv .ftv-crea-band .eyebrow{color:rgba(255,255,255,.82)}#dv .ftv-crea-band .lead{color:rgba(255,255,255,.9);max-width:72ch;margin:0 0 12px}#dv .ftv-crea-band .beta{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:#fff}#dv .lead{color:var(--dim);max-width:60ch;margin:0 0 22px}#dv .beta{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(var(--ftv-blue-rgb,46,123,255),.08);font:700 12px/1 inherit;color:#c9c2ff}#dv .back{display:inline-block;margin-top:26px;color:var(--blue-glow,#5ea0ff);text-decoration:none;font-weight:600}#dv .cat{margin:30px 0 12px;display:flex;align-items:baseline;gap:10px;scroll-margin-top:76px}#dv .cat h2{font-size:19px;margin:0}#dv .cat .n{color:var(--dim);font:700 12px/1 inherit}#dv .catnav{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 6px;padding:12px 0;
background:linear-gradient(var(--bg),var(--bg) 70%,transparent);backdrop-filter:blur(4px)}#dv .catnav a{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;text-decoration:none;
background:var(--panel);border:1px solid var(--line);font:700 12.5px/1 inherit;color:var(--ink);
transition:border-color .12s,background .12s;white-space:nowrap}#dv .catnav a:hover,#dv .catnav a:focus-visible{border-color:rgba(var(--ftv-blue-rgb,46,123,255),.6);background:rgba(var(--ftv-blue-rgb,46,123,255),.12)}#dv .catnav a .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}#dv .catnav a .n{color:var(--dim);font-weight:700}@media (prefers-reduced-motion:reduce){#dv .catnav a{transition:none}}#dv .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}#dv .card{display:flex;gap:12px;align-items:center;padding:13px;border-radius:14px;background:var(--panel);border:1px solid var(--line);text-decoration:none;transition:transform .1s,border-color .12s}#dv .card:hover{transform:translateY(-2px);border-color:rgba(var(--ftv-blue-rgb,46,123,255),.55)}#dv .mono{width:44px;height:44px;border-radius:12px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font:800 18px/1 inherit;color:#fff}#dv .card .nm{font-weight:700;font-size:14.5px;line-height:1.25}#dv .card .mt{color:var(--dim);font-size:12px;margin-top:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}#dv .pill{display:inline-block;padding:2px 8px;border-radius:999px;font:700 10.5px/1.5 inherit}@media (prefers-reduced-motion:reduce){#dv .card{transition:none}}#dv .ftv-sa-top{position:relative;background:#05060f;padding:10px 16px 66px;max-width:1140px;margin-inline:auto}#dv .ftv-sa-logo{font:900 34px/1 system-ui,sans-serif;color:#fff;text-decoration:none;letter-spacing:-.02em}#dv .ftv-sa-logo .b1{color:#ff2d75}#dv .ftv-sa-logo .b2{color:#c44df0}#dv .ftv-sa-logo .b3{color:#7c5cff}#dv .ftv-sa-logo .b4{color:#4dd0e1}#dv .ftv-sa-logo .b5{color:#9aa3b5}#dv .ftv-sa-logo .b6{color:#5b6070}#dv .ftv-sa-foot{background:#05060f;color:rgba(255,255,255,.85);padding:26px 18px 40px;margin-top:40px;font:14.5px/1.7 system-ui,sans-serif;max-width:1140px;margin-inline:auto}#dv .ftv-sa-foot .lks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}#dv .ftv-sa-foot .lks a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;font:600 12px/1 system-ui,sans-serif;text-decoration:none}#dv .ftv-sa-foot .lks a:hover{background:rgba(var(--ftv-blue-rgb,46,123,255),.28)}#dv .creatop-grid .card{position:relative;padding-left:15px}#dv .crk{position:absolute;top:-7px;left:-7px;z-index:2;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font:800 12px/1 inherit;color:#0a0c18;background:var(--blue-glow,#5ea0ff);box-shadow:0 3px 10px rgba(0,0,0,.35)}#dv .crk.r1{background:linear-gradient(135deg,#ffe28a,#f5b301)}#dv .crk.r2{background:linear-gradient(135deg,#e6ecf7,#aab4c8)}#dv .crk.r3{background:linear-gradient(135deg,#f0b892,#c77b45);color:#fff}#dv .cat .sub{color:var(--dim);font:600 12px/1.4 inherit;margin-left:2px}#dv .ftv-wip{margin:14px 0 4px;padding:12px 15px;border-radius:13px;border:1px dashed rgba(255,209,102,.5);
background:rgba(255,209,102,.08);color:#ffe6a6;font:600 13.5px/1.5 inherit}#dv .ftv-wip b{color:#fff}#dv .ftv-vid{margin:22px 0 6px}#dv .ftv-vid h3{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}#dv .ftv-vid .frame{position:relative;width:100%;max-width:720px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#000}#dv .ftv-vid .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#dv .ftv-vid .ph{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--dim);padding:22px;font-weight:600}#dv .ftv-sugg{display:inline-flex;align-items:center;gap:8px;margin:18px 8px 0 0;padding:11px 18px;border-radius:999px;cursor:pointer;
border:1px solid var(--line);background:rgba(var(--ftv-blue-rgb,46,123,255),.1);color:#d7dbff;font:800 13px/1 inherit}#dv .ftv-sugg:hover{border-color:rgba(var(--ftv-blue-rgb,46,123,255),.6)}#dv .ftv-modal{position:fixed;inset:0;background:rgba(6,8,18,.72);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}#dv .ftv-modal.on{display:flex}#dv .ftv-card{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}#dv .ftv-card h3{margin:0 0 4px;font-size:19px}#dv .ftv-card p{margin:0 0 14px;color:var(--dim);font-size:13px}#dv .ftv-card label{display:block;font:700 11px/1 inherit;letter-spacing:.04em;color:var(--dim);text-transform:uppercase;margin:11px 0 5px}#dv .ftv-card input,#dv .ftv-card textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0c0f22;color:var(--ink);font:14px/1.4 inherit}#dv .ftv-card textarea{min-height:74px;resize:vertical}#dv .ftv-row{display:flex;gap:20px;justify-content:flex-end;align-items:center;margin-top:16px}#dv .ftv-row .x{color:var(--dim);cursor:pointer;font-weight:700;background:none;border:0}#dv .ftv-row .go{padding:11px 20px;border-radius:999px;border:0;cursor:pointer;color:#fff;font:800 13px/1 inherit;background:linear-gradient(90deg,#2e7bff,#8b4fe0)}#dv .ftv-ok{color:#7ef9c8;font-weight:700;margin-top:10px;display:none}#dv .crea-inter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:26px 0 4px}#dv .crea-react{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;cursor:pointer;
border:1px solid var(--line);background:var(--panel);color:var(--ink);font:800 13.5px/1 inherit;transition:transform .1s,border-color .12s,background .12s}#dv .crea-react .hh{color:#ff5d8f;font-size:16px;line-height:1}#dv .crea-react:hover{transform:translateY(-1px);border-color:rgba(255,93,143,.6)}#dv .crea-react.on{background:rgba(255,93,143,.14);border-color:rgba(255,93,143,.6)}#dv .crea-react .n{color:var(--dim);font-weight:700}#dv .crea-inter-note{color:var(--dim);font-size:12.5px}#dv .crea-msgs-wrap{margin:22px 0 0;max-width:64ch}#dv .crea-mh{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 12px}#dv .crea-msgs{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}#dv .crea-msg{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 14px}#dv .crea-msg .who{font:800 12.5px/1.3 inherit;color:var(--ink)}#dv .crea-msg .bd{margin-top:3px;color:#d7dbff;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}#dv .crea-msg .rep{margin-top:8px;padding:8px 11px;border-left:2px solid var(--acc,var(--blue-glow,#5ea0ff));background:rgba(var(--ftv-blue-rgb,46,123,255),.08);border-radius:0 8px 8px 0;font-size:13px;color:#e7e9ff}#dv .crea-msg .rep b{color:#b9aaff}#dv .crea-mform input,#dv .crea-mform textarea{width:100%;box-sizing:border-box;padding:10px 12px;margin-bottom:8px;border-radius:10px;border:1px solid var(--line);background:#0c0f22;color:var(--ink);font:14px/1.4 inherit}#dv .crea-mform textarea{resize:vertical}#dv .crea-mrow{display:flex;align-items:center;justify-content:space-between;gap:12px}#dv .crea-mrow button{padding:10px 20px;border-radius:999px;border:0;cursor:pointer;color:#fff;font:800 13px/1 inherit;background:linear-gradient(90deg,#2e7bff,#8b4fe0)}#dv .crea-mok{color:#7ef9c8;font-weight:700;font-size:12.5px;display:none}#dv .crea-mempty{color:var(--dim);font-size:13px}#dv .ftv-i18n-link{margin-left:2px}#dv [dir=rtl] .ftv-i18n-link{margin-left:0;margin-right:2px}#dv [dir=rtl] .ftv-sq{margin-left:0;margin-right:10px}#dv [dir=rtl] .ftv-sq-panel{right:auto;left:0}#dv [dir=rtl] .ftv-heart{right:auto;left:10px}#dv [dir=rtl] .ch .ftv-heart,#dv [dir=rtl] .thumb .ftv-heart{right:auto !important;left:10px !important}#dv [dir=rtl] .mq-tile .ftv-heart{right:auto !important;left:36px !important}#dv [dir=rtl] .tile .rm{right:auto;left:7px}#dv [dir=rtl] .ftv-oob-btn{right:auto;left:10px}#dv [dir=rtl] .eyebrow,#dv [dir=rtl] th{letter-spacing:normal}#dv [dir=rtl] .ftv-frise,#dv [dir=rtl] .ftv-frise-in{direction:ltr}#dv [dir=rtl] input[type=email],#dv [dir=rtl] input[type=url]{direction:ltr}
/* ─── formation : palette de JOUR, ajoutee le 21/09 ───────────────────────────────
GO de Stephane par QCM : « Les 4, mais comics garde son noir ». Cette page peignait
`#dv{background:…,var(--bg)}` avec un --bg sombre et n avait AUCUNE regle de theme
jour : elle restait noire au milieu d un site clair.
Les valeurs sont RECOPIEES de clips, jeton pour jeton — aucune couleur inventee. Les
accents de la page (--acc, --acc2, --red, --yel) ne sont PAS touches : ils portent son
identite et n ont pas de raison de changer avec le theme, c est ce que fait art aussi.
Pose en FIN de feuille : `html[data-theme="light"] #dv` (0,2,1) bat `html #dv` (0,1,1)
de toute facon, l ordre n est qu une ceinture de plus.
Retrait : supprimer ce bloc, la page redevient sombre a l identique. */
html[data-theme="light"] #dv{--bg:#eef0f8;--panel:rgba(20,24,50,.05);--ink:#20233d;--dim:#4f5872;--line:rgba(20,24,50,.14)}
/* ─── 21/09, REV 3 : RATTRAPAGE DE MA PROPRE REGRESSION ────────────────────────
Le lot v2-trois-soeurs-jour-r1 (pose 13h39) a donne le theme jour a cette page. Deux
elements y portaient une encre claire ECRITE EN DUR, pensee pour un fond noir. Sur le
fond clair, Stephane les a vus illisibles et l a signale dans l heure (capture de
/decouvrir/formation/ : bandeau « work in progress » en jaune pale sur creme, bouton
« Suggest a creator » en bleu pale sur bleu pale).
JE L AVAIS SIGNALE AVANT LA POSE — « trois selecteurs a regarder a l ecran » — et c est
precisement pour ca que ce bloc est un rattrapage et pas une surprise. Ce qui manquait
n etait pas la mesure, c etait de la POUSSER jusqu au bout : le banc comptait les encres
claires sans fond propre et comparait leur NOMBRE a celui d art et de clips. Un compte
egal ne dit rien du contraste obtenu. La bonne question etait « que rend cette encre sur
ce fond ? », et elle se calcule.
LES VALEURS SONT CALCULEES, voiles composes (le fond reel n est jamais la couleur
declaree : c est le voile compose sur --bg) :
· bandeau : fond rgba(255,209,102,.08) sur #eef0f8 = rgb(239,238,236).
#ffe6a6 y rend 1,06:1 et le gras #fff 1,16:1 — invisibles. #7a4e00 rend 6,21:1.
· bouton : fond rgba(46,123,255,.10) sur #eef0f8 = rgb(219,228,249).
#d7dbff y rend 1,07:1 — invisible. #1b3f8f rend 7,65:1.
L ambre et le bleu sont gardes : ils portent le sens (avertissement, action). Seule
l encre fonce. La NUIT n est pas touchee d un octet.
Retrait : supprimer ce bloc, la page revient a son etat de 13h39. */
html[data-theme="light"] #dv .ftv-wip{color:#7a4e00}
html[data-theme="light"] #dv .ftv-wip b{color:#5c3a00}
html[data-theme="light"] #dv .ftv-sugg{color:#1b3f8f}