/** Shopify CDN: Minification failed

Line 2051:0 Unexpected "}"
Line 2073:0 Unexpected "}"

**/
/* ============================================================
   DOCS LAÉ — l'habillage aux couleurs de Ressources Laé
   (par-dessus docs-lae.css, le style de l'éditeur du Journal)
   ============================================================ */
:root{
  --ink:#1f2a5a; --g1:#fa5a3c; --grad:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);
  --cream:#f6f7fb; --card:#ffffff; --trait:#e8eaf3; --trait2:#f2f3f8; --doux:#6b7394;
  --dx-ombre:0 10px 30px rgba(31,42,90,.12);
}
html,body{height:100%}
body.docs-lae{margin:0;background:var(--cream);font-family:Inter,-apple-system,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}
.dx-i{width:20px;height:20px;flex:0 0 auto}
.gate{display:none!important}

/* ---------------- ACCUEIL ---------------- */
.dx-home{background:#fff;display:flex;flex-direction:column;height:100%}
.dx-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dx-h{display:flex;align-items:center;gap:14px;padding:10px 22px;border-bottom:1px solid var(--trait);background:#fff;position:relative;z-index:5}
.dx-logo{display:block;height:46px;flex:0 0 auto}
.dx-logo svg{height:46px;width:auto;display:block}
.dx-cherche{flex:1;max-width:520px;display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:var(--trait2);color:var(--doux);border:2px solid transparent;transition:border-color .2s,background .2s}
.dx-cherche:focus-within{border-color:var(--g1);background:#fff}
.dx-cherche input{flex:1;border:0;background:none;outline:0;font:600 15px Inter,sans-serif;color:var(--ink);min-width:0}
.dx-cherche.petit{height:36px;padding:0 12px;margin:0 0 10px;max-width:none}
.dx-cherche.petit input{font-size:13px}
.dx-h-d{margin-left:auto;display:flex;align-items:center;gap:8px}
.dx-bt{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:12px;border:0;background:none;color:var(--ink);font:700 13px Inter,sans-serif;cursor:pointer;text-decoration:none}
.dx-bt:hover{background:var(--trait2)}
.dx-bt b{font-weight:800}
.dx-moi{width:40px;height:40px;border-radius:50%;border:0;background:var(--ink);color:#fff;font:800 16px/1 Inter,sans-serif;cursor:pointer;display:inline-grid;place-items:center;padding:0;line-height:1;text-align:center}
.dx-btn-p{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;background:var(--grad);color:#fff;font:800 14px Inter,sans-serif;text-decoration:none;box-shadow:0 8px 20px rgba(250,90,60,.3);white-space:nowrap}
.dx-btn-p .dx-i{width:18px;height:18px}

.dx-hero{background:radial-gradient(500px 240px at 85% 0%,rgba(250,90,60,.35),transparent 70%),radial-gradient(420px 260px at 0% 100%,rgba(240,38,92,.25),transparent 70%),#1f2a5a;color:#fff;padding:34px 22px 40px;position:relative;overflow:hidden}
.dx-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1.2px,transparent 1.3px);background-size:24px 24px;pointer-events:none}
.dx-hero-in{position:relative;max-width:1180px;margin:0 auto}
.dx-hero h1{font:800 clamp(24px,3.4vw,38px)/1.1 Inter,sans-serif;letter-spacing:-.02em;margin:0 0 22px;text-align:center}
.dx-types{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.dx-type{width:128px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;color:#fff;cursor:pointer;font:700 13.5px Inter,sans-serif}
.dx-type-v{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:var(--c);box-shadow:0 12px 26px rgba(0,0,0,.28),inset 0 0 0 3px rgba(255,255,255,.18);transition:transform .25s cubic-bezier(.2,.9,.3,1.3)}
.dx-type-v .dx-i{width:34px;height:34px;color:#fff;stroke-width:2}
.dx-type:hover .dx-type-v{transform:translateY(-4px) rotate(-4deg) scale(1.06)}
.dx-type small{font-weight:600;opacity:.6;font-size:11.5px;margin-top:-5px}

div.dx-invite{max-width:1180px;margin:18px auto 0;padding:14px 18px;border-radius:18px;background:#fff6ef;border:1.5px solid #ffd9c7;display:flex;align-items:center;gap:16px;justify-content:space-between;width:calc(100% - 44px);box-sizing:border-box}
div.dx-invite>div{display:flex;align-items:center;gap:12px}
div.dx-invite .dx-i{color:var(--g1);width:26px;height:26px}
div.dx-invite p{margin:0;font-size:14px;line-height:1.45;color:var(--ink)}
.dx-sec{max-width:1180px;margin:0 auto;padding:26px 22px 4px}
.dx-sec h2{font:800 22px Inter,sans-serif;letter-spacing:-.01em;margin:0 0 14px;color:var(--ink)}
.dx-modeles{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory}
.dx-modele{flex:0 0 168px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0 0 4px;border:0;background:none;cursor:pointer;text-align:left;color:var(--ink);font-family:Inter,sans-serif}
.dx-modele-v{width:100%;aspect-ratio:3/4;border-radius:16px;background:linear-gradient(160deg,var(--c),color-mix(in srgb,var(--c) 60%,#fff));display:grid;place-items:center;box-shadow:var(--dx-ombre);position:relative;overflow:hidden;transition:transform .25s}
.dx-modele-v::after{content:"";position:absolute;left:14%;right:14%;bottom:-8%;height:56%;background:#fff;border-radius:6px;transform:rotate(-4deg);background-image:repeating-linear-gradient(#fff 0 9px,#e6e9f4 9px 11px)}
.dx-modele-v i{position:relative;z-index:1;font:800 26px/1.05 -apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif;color:#fff;text-align:center;margin-bottom:38%;text-shadow:0 2px 0 rgba(0,0,0,.15)}
.dx-modele:hover .dx-modele-v{transform:translateY(-4px)}
.dx-modele b{font-size:14px;margin-top:6px}
.dx-modele small{font-size:12px;color:var(--doux)}

.dx-docs-in{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start}
.dx-nav{position:sticky;top:0;display:flex;flex-direction:column;gap:3px}
.dx-nav h4{margin:14px 10px 4px;font:800 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
.dx-nav button{display:flex;align-items:center;gap:10px;padding:9px 11px;border:0;border-radius:12px;background:none;color:var(--ink);font:700 14px Inter,sans-serif;cursor:pointer;text-align:left}
.dx-nav button span:not(.dx-pastille){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-nav button i{font-style:normal;font-size:12px;opacity:.5}
.dx-nav button:hover{background:var(--trait2)}
.dx-nav button.on{background:var(--ink);color:#fff}
.dx-nav .dx-nv{color:var(--g1)}
.dx-pastille{width:12px;height:12px;border-radius:4px;background:var(--c,#fa5a3c);flex:0 0 auto}
.dx-filtres{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.dx-chips{display:flex;flex-wrap:wrap;gap:6px}
.dx-chip{height:32px;padding:0 12px;border-radius:999px;border:1.5px solid var(--trait);background:#fff;color:var(--ink);font:800 12px Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.dx-chip:hover{border-color:#c9cee3}
.dx-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.dx-chip .dx-i{width:14px;height:14px}
.dx-chip i{font-style:normal;opacity:.6}
.dx-chips.mini .dx-chip{height:26px;padding:0 8px;font-size:11px}
.dx-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 18px;padding-bottom:40px}
.dx-carte{display:flex;flex-direction:column;gap:8px;cursor:pointer;border:0;background:none;padding:0;text-align:left;font-family:Inter,sans-serif;color:var(--ink)}
.dx-carte-v{position:relative;border-radius:14px;background:var(--trait2);padding:12px;display:grid;place-items:center;transition:transform .3s cubic-bezier(.2,.9,.3,1.2),box-shadow .3s}
.dx-carte-v .dx-mini{box-shadow:0 4px 14px rgba(31,42,90,.14);border-radius:3px}
.dx-carte:hover .dx-carte-v{transform:translateY(-4px) scale(1.03);box-shadow:var(--dx-ombre);z-index:2}
.dx-carte-o{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s}
.dx-carte:hover .dx-carte-o{opacity:1}
.dx-carte-o button{width:32px;height:32px;border-radius:10px;border:0;background:#fff;box-shadow:0 2px 8px rgba(31,42,90,.2);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.dx-carte-t h3{font:800 14px/1.25 Inter,sans-serif;margin:0}
.dx-carte-t small{font-size:12px;color:var(--doux)}
.dx-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}
.dx-tags span{font:800 10px Inter,sans-serif;padding:3px 7px;border-radius:999px;background:var(--grad);color:#fff}
.dx-tags .mt{background:#e8f0ff;color:#2f5fd0}
.dx-carte-nv{align-items:stretch}
.dx-carte-nv>span{aspect-ratio:3/4;border-radius:14px;border:2px dashed #d5d9ea;display:grid;place-items:center;color:var(--g1);transition:border-color .2s,background .2s}
.dx-carte-nv>span .dx-i{width:40px;height:40px}
.dx-carte-nv:hover>span{border-color:var(--g1);background:#fff6ef}
.dx-carte-nv b{font:800 14px Inter,sans-serif}
.dx-vide{grid-column:1/-1;text-align:center;color:var(--doux);padding:20px}
.dx-vide b{display:block;color:var(--ink);font-size:16px}

/* miniatures de pages */
.dx-mini{position:relative;overflow:hidden;background:#fff;flex:0 0 auto}
.dx-mini.vide{background:#fff}
.dx-mini-in{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}
.dx-mini .pg,.dx-faux{margin:0!important;box-shadow:none!important;position:relative}
.dx-faux{background:transparent!important}
.dx-faux .el{position:absolute}

/* menus */
.dx-menu{position:fixed;z-index:1000;min-width:200px;max-height:70vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(31,42,90,.25);padding:6px;display:flex;flex-direction:column}
.dx-menu button{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;background:none;border-radius:9px;font:600 14px Inter,sans-serif;color:var(--ink);cursor:pointer;text-align:left}
.dx-menu button:hover{background:var(--trait2)}
.dx-menu .rouge{color:#e0262f}
.dx-menu-sep{font:800 10.5px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--doux);padding:8px 12px 3px;border-top:1px solid var(--trait);margin-top:4px}
.dx-menu-mat{width:260px;padding:10px}
.dx-menu-l{max-height:300px;overflow:auto;display:flex;flex-direction:column}
.dx-menu-l label{display:flex;gap:8px;padding:7px 6px;font:600 13.5px Inter,sans-serif;color:var(--ink);border-radius:8px;cursor:pointer}
.dx-menu-l label:hover{background:var(--trait2)}

/* ---------------- L'ÉDITEUR ---------------- */
#atelier{background:var(--cream)}
.dx-top{display:flex;align-items:center;gap:10px;height:56px;padding:0 12px;background:var(--grad);color:#fff;flex:0 0 auto;position:relative;z-index:30}
.dx-top-b{display:inline-flex;align-items:center;gap:6px;height:38px;min-width:38px;justify-content:center;padding:0 10px;border-radius:11px;border:0;background:rgba(255,255,255,.2);color:#fff;font:800 13px Inter,sans-serif;cursor:pointer;text-decoration:none;flex:0 0 auto}
.dx-top-b:hover{background:rgba(255,255,255,.32)}
.dx-top-logo{display:flex;align-items:center;height:40px;padding:3px 9px;border-radius:11px;background:#fff;flex:0 0 auto}
.dx-top-logo svg{height:32px;width:auto;display:block}
.dx-onglets{display:flex;align-items:flex-end;gap:6px;align-self:flex-end;overflow-x:auto;min-width:0;flex:1;scrollbar-width:none}
.dx-onglets::-webkit-scrollbar{display:none}
.dx-onglet{position:relative;display:flex;align-items:center;gap:8px;height:46px;padding:0 30px 0 8px;border-radius:12px 12px 0 0;background:rgba(255,255,255,.18);cursor:pointer;max-width:200px;flex:0 0 auto;transition:background .2s}
.dx-onglet:hover{background:rgba(255,255,255,.3)}
.dx-onglet.on{background:var(--cream);color:var(--ink)}
.dx-onglet .dx-mini{border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.dx-onglet span{font:700 12.5px Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.dx-onglet button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:7px;border:0;background:none;color:inherit;display:grid;place-items:center;cursor:pointer;opacity:.55}
.dx-onglet button:hover{opacity:1;background:rgba(0,0,0,.08)}
.dx-onglet button .dx-i{width:14px;height:14px}
.dx-onglet-plus{width:34px;height:34px;margin-bottom:6px;border-radius:10px;border:0;background:rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.dx-onglet-plus:hover{background:rgba(255,255,255,.35)}
.dx-top-d{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.dx-presents{display:flex;padding-right:4px}
.dx-av{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;background:var(--c,#1f2a5a);color:#fff;font:800 12px Inter,sans-serif;border:2px solid #fff;flex:0 0 auto}
.dx-presents .dx-av+.dx-av{margin-left:-8px}
.dx-top-pdf{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;border:0;background:#fff;color:var(--g1);font:900 14px Inter,sans-serif;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.15);transition:transform .2s}
.dx-top-pdf:hover{transform:translateY(-1px) scale(1.03)}
.dx-top-pdf .dx-i{width:18px;height:18px;stroke-width:2.6}

/* la barre blanche (ancienne barre sombre du Journal) */
.at-tete{background:#fff!important;color:var(--ink)!important;border-bottom:1px solid var(--trait);box-shadow:none!important}
.at-tete #retour,.at-tete #btnExport{display:none!important}
.at-tete .nom{background:var(--trait2)!important;border-color:transparent!important;color:var(--ink)!important}
.at-tete .nom:focus{border-color:var(--g1)!important;background:#fff!important}
.at-tete .b{background:var(--trait2)!important;border-color:transparent!important;color:var(--ink)!important}
.at-tete .b.p{background:var(--grad)!important;color:#fff!important}
.at-tete button svg{stroke:currentColor}
.at-tete .pile button,.at-tete .icones button{color:var(--ink)}
.at-tete .icones button.on,#dxEval.on{background:#ffe7dd!important;color:var(--g1)!important}
.at-tete .at-etat{color:var(--doux)}

/* rail + panneau + scène + colonne « Sur le site » */
.at-corps{grid-template-columns:76px 300px 1fr 250px!important}
body.sans-panneau .at-corps{grid-template-columns:76px 0 1fr 250px!important}
body.dx-sim-ferme .at-corps{grid-template-columns:76px 300px 1fr 46px!important}
body.dx-sim-ferme.sans-panneau .at-corps{grid-template-columns:76px 0 1fr 46px!important}
.rail{border-right:1px solid var(--trait)!important;gap:2px;padding-top:8px!important}
.rail button{border-radius:12px;margin:0 6px;padding:9px 2px!important;font:700 10.5px Inter,sans-serif!important;color:#6b7394!important}
.rail button em{display:grid;place-items:center;width:38px;height:32px;border-radius:10px;transition:background .2s}
.rail button em .dx-i{width:21px;height:21px}
.rail button:hover em{background:var(--trait2)}
.rail button.on{color:var(--g1)!important;background:none!important}
.rail button.on em{background:#ffe7dd}
.panneau{border-right:1px solid var(--trait)!important;background:#fff}
.panneau h3{font-family:Inter,sans-serif!important;font-weight:800!important;letter-spacing:-.01em}
.panneau h5{font-family:Inter,sans-serif!important;font-size:11px!important;letter-spacing:.07em;text-transform:uppercase;color:var(--doux)!important;margin:16px 0 8px!important}
.b.p,.b.p.grand{background:var(--grad)!important;border-color:transparent!important;color:#fff!important}
.b.p.grand{width:100%;height:46px;border-radius:14px!important;font:800 15px Inter,sans-serif!important;box-shadow:0 8px 18px rgba(250,90,60,.28)}
.scene{background:#eef0f6!important}

.dx-sim{grid-column:4;background:#fff;border-left:1px solid var(--trait);overflow-y:auto;padding:12px 12px 30px;display:flex;flex-direction:column}
.dx-sim-h{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--ink)}
.dx-sim-h .dx-i{color:var(--g1)}
.dx-sim-h b{font:800 14px Inter,sans-serif;flex:1}
.dx-sim-h button{border:0;background:none;color:var(--doux);cursor:pointer;width:28px;height:28px;border-radius:8px;display:grid;place-items:center}
.dx-sim-h button:hover{background:var(--trait2)}
.dx-sim-f{display:flex;flex-direction:column;gap:7px;margin-bottom:6px}
.dx-sim-f select{height:32px;border-radius:10px;border:1.5px solid var(--trait);font:700 12px Inter,sans-serif;color:var(--ink);padding:0 8px;background:#fff}
.dx-sim-auto{font:700 11px Inter,sans-serif;color:var(--doux);margin:4px 0 8px}
.dx-sim-l{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}
.dx-sim-c{position:relative;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--ink)}
.dx-sim-c img,.dx-sim-ph{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px rgba(31,42,90,.14);background:var(--trait2);transition:transform .25s}
.dx-sim-c:hover img{transform:scale(1.05)}
.dx-sim-c b{font:700 11px/1.25 Inter,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dx-sim-c button{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:#fff;color:var(--doux);display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer;opacity:0;transition:opacity .2s}
.dx-sim-c:hover button,.dx-sim-c button.on{opacity:1}
.dx-sim-c button.on{color:#f0265c}
.dx-sim-c button.on .dx-i{fill:currentColor}
.dx-sim-c button .dx-i{width:14px;height:14px}
.dx-sim-rien{grid-column:1/-1;font-size:12.5px;color:var(--doux)}
.dx-sim-ouvrir{width:34px;height:34px;border-radius:10px;border:0;background:#ffe7dd;color:var(--g1);display:grid;place-items:center;cursor:pointer;margin:0 auto}
body.dx-sim-ferme .dx-sim{padding:12px 6px;overflow:hidden}

/* boutons segmentés (au lieu des menus déroulants) */
.dx-seg{display:flex;flex-wrap:wrap;gap:5px}
.dx-seg button{min-width:36px;height:34px;padding:0 10px;border-radius:10px;border:1.5px solid var(--trait);background:#fff;color:var(--ink);font:800 12.5px Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:background .15s,border-color .15s,color .15s,transform .15s}
.dx-seg button:hover{border-color:#c9cee3}
.dx-seg button:active{transform:scale(.95)}
.dx-seg button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.dx-seg button .dx-i{width:16px;height:16px}
.dx-seg-sel{margin-top:2px}

/* le portail d'aperçu */
.dx-portail{position:relative;margin:16px 0 12px;padding:16px 10px 10px;border-radius:16px;border:1.5px dashed #ffb8a3;background:#fff8f4}
.dx-portail-tag{position:absolute;top:-10px;left:12px;display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:var(--grad);color:#fff;font:800 11px Inter,sans-serif}
.dx-portail-tag .dx-i{width:13px;height:13px}
.dx-portail-v{min-height:60px;display:grid;place-items:center;overflow:hidden;position:relative}
.dx-apercu-in{background:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(31,42,90,.1);overflow:hidden}
.dx-plus{display:block;text-align:center;font:700 11px Inter,sans-serif;color:var(--doux);margin-top:6px}

/* Texte, Titres, Éléments, Lignes */
.dx-cartes2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dx-c2{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:0;cursor:pointer;font:800 13px Inter,sans-serif;color:var(--ink)}
.dx-c2-v{height:86px;border-radius:14px;border:1.5px solid var(--trait);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:border-color .2s,transform .2s}
.dx-c2:hover .dx-c2-v{border-color:var(--g1);transform:translateY(-2px)}
.dx-v-texte{font:800 26px -apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif}
.dx-v-texte small{font:600 11px Inter,sans-serif;color:var(--doux)}
.dx-v-cons{flex-direction:row!important;gap:7px!important;font:700 12px Inter,sans-serif;background:#ffe1ea;border-color:#ffe1ea!important;padding:0 10px}
.dx-v-cons i{width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px;flex:0 0 auto}
.dx-polices{display:flex;flex-wrap:wrap;gap:6px}
.dx-polices span,.dx-polices button{padding:6px 10px;border-radius:10px;background:var(--trait2);font-size:15px;color:var(--ink);border:1.5px solid transparent}
.dx-polices button{cursor:pointer}
.dx-polices button.on{border-color:var(--g1);background:#fff6ef}
.dx-titres{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dx-titre{border:1.5px solid var(--trait);border-radius:14px;background:#fff;padding:10px 6px;cursor:pointer;display:grid;place-items:center;min-height:70px;transition:border-color .2s,transform .2s}
.dx-titre:hover{border-color:var(--g1);transform:translateY(-2px)}
.dx-titre>span{display:block;width:100%}
.dx-titre svg{display:block}
.dx-formes{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.dx-formes button{aspect-ratio:1;border-radius:12px;border:1.5px solid var(--trait);background:#fff;padding:8px;cursor:pointer;transition:border-color .2s,transform .2s}
.dx-formes button:hover{border-color:var(--g1);transform:scale(1.06)}
.dx-formes button.on{border-color:var(--g1);background:#fff6ef}
.dx-formes svg{width:100%;height:100%;display:block}
.dx-formes.petit{grid-template-columns:repeat(6,1fr);gap:5px}
.dx-formes.petit button{padding:5px}
.dx-lg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.dx-lg button{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:9px;border-radius:12px;border:1.5px solid var(--trait);background:#fff;cursor:pointer;font:800 12px Inter,sans-serif;color:var(--ink)}
.dx-lg button.on{border-color:var(--g1);background:#fff6ef}
.dx-lg.petit{grid-template-columns:repeat(3,1fr)}
.dx-lg.petit button{padding:6px;font-size:10.5px}

/* Cartable */
.dx-annees{margin:0 0 12px}
.dx-mats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dx-mats button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px;border-radius:14px;border:1.5px solid var(--trait);background:#fff;cursor:pointer;text-align:left;font-family:Inter,sans-serif;color:var(--ink);transition:border-color .2s,transform .2s}
.dx-mats button:hover{border-color:var(--g1);transform:translateY(-2px)}
.dx-mats em{font-style:normal;font-size:22px}
.dx-mats b{font-size:13px;font-weight:800;line-height:1.2}
.dx-mats small{font-size:11px;color:var(--doux)}
.dx-exos-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin:0 0 12px;padding:13px 14px;border-radius:16px;border:0;background:var(--grad);color:#fff;cursor:pointer;text-align:left;font:600 12px Inter,sans-serif;box-shadow:0 8px 18px rgba(250,90,60,.25)}
.dx-exos-btn b{font-size:15px;font-weight:800}
.dx-exos-btn small{opacity:.9;line-height:1.35}
.dx-exos-btn.petit{flex-direction:row;align-items:center;gap:6px;padding:10px 12px;font-size:13px}
.dx-exos-btn.petit b{font-size:13px}
.dx-types-exo{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dx-types-exo button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 3px;border-radius:12px;border:1.5px solid var(--trait);background:#fff;cursor:pointer;font:800 10px/1.15 Inter,sans-serif;color:var(--ink);text-align:center}
.dx-types-exo button em{font-style:normal;font-size:19px}
.dx-types-exo button.on{border-color:var(--g1);background:#fff6ef}
.dx-types-exo.petit{grid-template-columns:repeat(5,1fr)}
.dx-q{border:1.5px solid #ffd2c2!important;background:#fff8f4!important}

/* Page */
.dx-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dx-formats button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:12px;border:1.5px solid var(--trait);background:#fff;cursor:pointer;font:800 11.5px Inter,sans-serif;color:var(--ink)}
.dx-formats button.on{border-color:var(--g1);background:#fff6ef}
.dx-formats i{display:block;border:2px solid currentColor;border-radius:3px;background:#fff}
.dx-formats i.v{width:24px;height:34px}.dx-formats i.h{width:34px;height:24px}
.dx-formats i.c{background:var(--grad);border-color:#fa5a3c}
.dx-nums,.dx-pieds,.dx-entetes,.dx-nametags{display:flex;flex-wrap:wrap;gap:7px}
.dx-nums button{width:46px;height:46px;border-radius:12px;border:1.5px solid var(--trait);background:#fff6ef;cursor:pointer;position:relative;font:800 11px Inter,sans-serif}
.dx-nums button.on,.dx-pieds button.on,.dx-entetes button.on,.dx-nametags button.on{outline:3px solid var(--g1);outline-offset:2px}
.dx-nums .nopage{position:static!important;display:grid!important;place-items:center;margin:auto;width:28px!important;height:28px!important;font-size:13px!important}
.dx-pieds button{width:52px;height:30px;border-radius:9px;border:0;cursor:pointer}
.dx-entetes button,.dx-nametags button{width:96px;height:40px;border-radius:9px;border:1.5px solid var(--trait);background:#fff;padding:2px;cursor:pointer;overflow:hidden}
.dx-entetes img,.dx-nametags img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.dx-nametags img{object-fit:contain}
.dx-design.dx-verrou .bascule,.dx-design.dx-verrou #gLogo,.dx-design.dx-verrou [data-glogo-sup]{opacity:.45;cursor:not-allowed}
.dx-note{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:var(--ink);background:#fff6ef;border-radius:12px;padding:9px 11px;margin:10px 0}
.dx-note .dx-i{width:16px;height:16px;color:var(--g1);margin-top:1px}
.dx-note a{color:var(--g1);font-weight:800}
.dx-note-b{background:#eef3ff}

/* les styles des numéros de page, à l'écran */
.pg.num-rond .nopage{border-radius:50%!important}
.pg.num-etoile .nopage,.dx-nums .num-etoile .nopage{clip-path:polygon(50% 0,61% 33%,96% 35%,68% 56%,78% 94%,50% 72%,22% 94%,32% 56%,4% 35%,39% 33%);border-radius:0!important;padding-top:3%}
.pg.num-nuage .nopage,.dx-nums .num-nuage .nopage{border-radius:46% 54% 42% 58% / 58% 46% 54% 42%!important}
.pg.num-coeur .nopage,.dx-nums .num-coeur .nopage{border-radius:50% 50% 50% 50% / 62% 62% 38% 38%!important;background:#ffe1ea!important}
.pg.num-bulle .nopage{border-radius:30% 30% 30% 4%!important}
.pg.num-aucun .nopage{display:none!important}
.dx-nums .num-rond .nopage{border-radius:50%}

/* titres stylés, réglages */
.dx-rg{margin:10px 0}
.dx-rg label{display:flex;justify-content:space-between;font:700 12px Inter,sans-serif;color:var(--ink);margin-bottom:4px}
.dx-rg label b{color:var(--g1)}
.dx-rg input{width:100%;accent-color:#fa5a3c}
.dx-sw{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dx-sw button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--trait);cursor:pointer}
.dx-sw button.on{box-shadow:0 0 0 2.5px var(--g1)}
.dx-sw input[type=color]{width:30px;height:30px;border:0;padding:0;background:none;cursor:pointer}
.dx-fonds{display:flex;flex-wrap:wrap;gap:5px}
.dx-fonds button{padding:6px 10px;border-radius:9px;border:1.5px solid var(--trait);background:#fff;font:700 12px Inter,sans-serif;color:var(--ink);cursor:pointer}
.dx-fonds button.on{border-color:var(--g1);background:#fff6ef}
.el[data-t="deco"] .in{overflow:visible!important}
.dx-pts{margin-left:auto;padding:2px 9px;border-radius:999px;background:#fff;color:#f0265c;font:800 11pt 'Baloo 2',sans-serif;white-space:nowrap}

/* ---------------- LES APPARITIONS ---------------- */
@keyframes dxPop{0%{opacity:0;transform:translateY(10px) scale(.92)}60%{opacity:1;transform:translateY(-2px) scale(1.015)}100%{opacity:1;transform:none}}
@keyframes dxPiece{0%{opacity:0;transform:translateY(-14px)}70%{opacity:1;transform:translateY(1.5px)}100%{opacity:1;transform:none}}
.el.dx-pop{animation:dxPop .55s cubic-bezier(.2,.9,.3,1.1) both;animation-delay:calc(var(--d,0) * 70ms)}
.dx-piece{animation:dxPiece .5s cubic-bezier(.3,1.4,.5,1) both;animation-delay:calc(var(--i,0) * 18ms);transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:reduce){.el.dx-pop,.dx-piece{animation:none!important}}

/* ---------------- FENÊTRES ---------------- */
.voile{backdrop-filter:blur(3px);background:rgba(20,24,52,.45)!important}
.boite{border-radius:22px!important;box-shadow:0 30px 80px rgba(20,24,52,.35)!important;font-family:Inter,sans-serif}
.boite h3{display:flex;align-items:center;gap:8px;font:800 20px Inter,sans-serif!important}
.boite h3 .dx-i{color:var(--g1)}
.dx-boite-large{max-width:min(920px,94vw)!important;width:94vw}
.dx-choix{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
.dx-choix label{display:block;font:800 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--doux);margin-bottom:6px}
.dx-perso{border:1.5px solid var(--trait);border-radius:14px;padding:10px 12px;margin:8px 0}
.dx-perso .dx-seg{margin-top:8px}
.dx-boite-pub{max-width:640px!important;width:94vw}
.dx-pub h3{justify-content:center}
.dx-pub-v{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;margin:10px 0}
.dx-pub-v iframe{width:100%;height:100%;border:0}
.dx-pub-maison{background:linear-gradient(135deg,#1f2a5a,#3b4a8a);display:grid;place-items:center;text-align:center;color:#fff;padding:20px}
.dx-pub-maison svg{width:min(320px,70%);height:auto}
.dx-pub-maison p{font-size:15px;margin:10px 0 0}
.dx-pub-b{display:flex;align-items:center;gap:10px}
.dx-pub-barre{flex:1;height:8px;border-radius:99px;background:var(--trait2);overflow:hidden}
.dx-pub-barre i{display:block;height:100%;width:0;background:var(--grad);transition:width .2s linear}
.dx-pub-b span{font:800 13px Inter,sans-serif;min-width:36px;text-align:right}
.dx-pub [data-go]:disabled{opacity:.4;cursor:not-allowed}
.dx-pub [data-go].pret{animation:dxPop .5s both}
.dx-partage-mail{display:flex;gap:6px;margin:12px 0}
.dx-partage-mail input{flex:1;min-width:0;height:42px;border-radius:12px;border:1.5px solid var(--trait);padding:0 12px;font:600 14px Inter,sans-serif}
.dx-partage-mail select{height:42px;border-radius:12px;border:1.5px solid var(--trait);padding:0 8px;font:700 13px Inter,sans-serif;background:#fff}
.dx-personnes{display:flex;flex-direction:column;gap:6px}
.dx-personnes>div{display:flex;align-items:center;gap:10px;padding:6px 4px}
.dx-personnes b{flex:1;font-size:14px}
.dx-personnes em{font-style:normal;font-size:12px;color:var(--doux)}
.dx-lien{display:flex;flex-direction:column;gap:8px}
.dx-lien code{display:block;padding:10px 12px;border-radius:12px;background:var(--trait2);font:600 12.5px ui-monospace,monospace;word-break:break-all;color:var(--ink)}
.dx-coms{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto;margin:10px 0}
.dx-com{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:14px;background:var(--trait2)}
.dx-com.fait{opacity:.5}
.dx-com>div{flex:1}
.dx-com small{margin-left:6px;color:var(--doux);font-size:11px}
.dx-com p{margin:3px 0 0;font-size:14px;line-height:1.45}
.dx-mention{color:var(--g1);background:#fff1ea;border-radius:6px;padding:0 4px}
.dx-com-nv{position:relative}
.dx-sugg{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.dx-sugg button{padding:5px 10px;border-radius:999px;border:0;background:#ffe7dd;color:var(--g1);font:700 12.5px Inter,sans-serif;cursor:pointer}
.dx-prod-imgs{display:flex;gap:10px;overflow-x:auto}
.dx-prod-imgs img{height:340px;border-radius:12px;box-shadow:var(--dx-ombre)}
.dx-depot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;border:2px dashed #d5d9ea;border-radius:16px;cursor:pointer;color:var(--ink);margin:12px 0 8px;text-align:center}
.dx-depot:hover{border-color:var(--g1);background:#fff6ef}
.dx-depot .dx-i{color:var(--g1);width:30px;height:30px}
.dx-depot small{color:var(--doux)}
.dx-banque{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:12px 0;max-height:46vh;overflow:auto}
.dx-b-it{position:relative;border-radius:12px;border:1.5px solid var(--trait);padding:8px;display:flex;flex-direction:column;gap:4px;align-items:center;background:repeating-conic-gradient(#f3f4f8 0 25%,#fff 0 50%) 0 0/14px 14px}
.dx-b-it.abo{border-color:#f5b301}
.dx-b-it img{width:100%;height:70px;object-fit:contain}
.dx-b-it small{font-size:11px;font-weight:700;background:#fff;border-radius:6px;padding:1px 5px}
.dx-b-it button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer}
.dx-equipe{display:grid;grid-template-columns:200px 1fr;gap:16px;margin-top:10px}
.dx-equipe nav{display:flex;flex-direction:column;gap:4px}
.dx-equipe nav button{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 11px;border-radius:11px;border:0;background:none;font:700 13.5px Inter,sans-serif;color:var(--ink);cursor:pointer;text-align:left}
.dx-equipe nav button.on{background:var(--ink);color:#fff}
.dx-equipe nav button i{font-style:normal;opacity:.55;font-size:12px}
.dx-eq-tete{display:flex;gap:6px}
.dx-eq-tete input{flex:1;height:38px;border-radius:10px;border:1.5px solid var(--trait);padding:0 10px;font:800 15px Inter,sans-serif}
.dx-eq-t{width:100%;border-collapse:collapse;font-size:12.5px}
.dx-eq-t th{text-align:left;font:800 10.5px Inter,sans-serif;color:var(--doux);text-transform:uppercase;padding:6px 4px;border-bottom:1px solid var(--trait)}
.dx-eq-t td{padding:6px 4px;border-bottom:1px solid var(--trait2)}
.dx-eq-t select{border-radius:8px;border:1px solid var(--trait);padding:3px}

/* ---------------- iPad ---------------- */
@media (max-width:1180px) and (min-width:901px){
  .at-corps{grid-template-columns:70px 280px 1fr 46px!important}
  body.sans-panneau .at-corps{grid-template-columns:70px 0 1fr 46px!important}
  body:not(.dx-sim-ferme) .dx-sim{position:fixed;right:0;top:56px;bottom:0;width:270px;z-index:40;box-shadow:-10px 0 30px rgba(31,42,90,.15)}
  .dx-onglet span{display:none}
  .dx-onglet{padding-right:26px}
}
/* ---------------- petite tablette et téléphone ---------------- */
@media (max-width:900px){
  .at-corps,body.sans-panneau .at-corps,body.dx-sim-ferme .at-corps,body.dx-sim-ferme.sans-panneau .at-corps{grid-template-columns:62px 1fr!important}
  .rail{grid-column:1}.scene{grid-column:2}
  .rail button{margin:0 4px;font-size:9.5px!important}
  .panneau{position:fixed!important;left:62px;right:auto;top:auto!important;bottom:0;width:300px!important;height:min(70vh,560px);z-index:45;
    border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(31,42,90,.2)!important;overflow-y:auto}
  .dx-sim{display:none}
  body:not(.dx-sim-ferme) .dx-sim{display:flex;position:fixed;top:52px;right:0;bottom:0;width:min(300px,86vw);z-index:60;box-shadow:-10px 0 30px rgba(31,42,90,.2)}
  .dx-onglet:not(.on){display:none}
  .dx-onglet span{display:none}
  .dx-top [data-dx=langue]{display:none}
  .dx-mobile{display:inline-flex!important}
}
.dx-mobile{display:none!important}
@media (max-width:760px){
  .dx-h{padding:8px 12px;gap:8px;flex-wrap:wrap}
  .dx-logo,.dx-logo svg{height:36px}
  .dx-cherche{order:5;flex-basis:100%;max-width:none;height:40px}
  .dx-bt span{display:none}
  .dx-hero{padding:22px 12px 26px}
  .dx-types{gap:8px}
  .dx-type{width:96px;font-size:12px}
  .dx-type-v{width:60px;height:60px;border-radius:19px}
  .dx-type-v .dx-i{width:27px;height:27px}
  .dx-invite{flex-direction:column;align-items:flex-start;width:calc(100% - 24px)}
  .dx-sec{padding:20px 12px 4px}
  .dx-modele{flex-basis:138px}
  .dx-docs-in{grid-template-columns:1fr}
  .dx-nav{position:static;flex-direction:row;overflow-x:auto;gap:6px}
  .dx-nav h4{display:none}
  .dx-nav button{flex:0 0 auto;border:1.5px solid var(--trait)}
  .dx-grille{grid-template-columns:repeat(2,1fr);gap:16px 12px}
  .dx-carte-o{opacity:1}
  .dx-top{height:52px;gap:6px;padding:0 8px}
  .dx-top-logo{display:none}
  .dx-top-b span,.dx-top-co span{display:none}
  .dx-presents{display:none}
  .dx-top-pdf{padding:0 12px}
  .panneau{left:0!important;width:100%!important;height:52vh}
  .dx-choix{grid-template-columns:1fr}
  .dx-equipe{grid-template-columns:1fr}
  .dx-equipe nav{flex-direction:row;overflow-x:auto}
}
/* ================= CLASSE LAÉ ================= */
.cl,.jr{position:fixed;inset:0;z-index:500;background:#f6f7fb;display:flex;flex-direction:column;font-family:Inter,sans-serif;color:#1f2a5a}
.cl[hidden],.jr[hidden]{display:none}
.cl-h,.jr-h{display:flex;align-items:center;gap:10px;height:60px;padding:0 14px;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff;flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto}
.cl-b{display:inline-flex;align-items:center;gap:6px;height:40px;min-width:40px;justify-content:center;padding:0 12px;border-radius:12px;border:0;background:rgba(255,255,255,.2);color:#fff;font:800 14px Inter,sans-serif;cursor:pointer;flex:0 0 auto}
.cl-b:hover{background:rgba(255,255,255,.33)}
.cl-logo{display:flex;align-items:center;gap:8px;font-size:18px;flex:0 0 auto}
.cl-logo .dx-i{width:26px;height:26px}
.cl-listes{display:flex;gap:5px;margin-left:10px}
.cl-listes button{height:34px;padding:0 13px;border-radius:999px;border:0;background:rgba(255,255,255,.18);color:#fff;font:800 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.cl-listes button.on{background:#fff;color:#fa5a3c}
.cl-h-d{margin-left:auto;display:flex;gap:7px}
.cl-grille{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:22px;align-content:start}
.cl-carte{position:relative;background:#fff;border-radius:22px;padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 6px 20px rgba(31,42,90,.08);cursor:pointer;transition:transform .2s}
.cl-carte:hover{transform:translateY(-3px)}
.cl-av{width:100px;height:100px;display:grid;place-items:center}
.cl-av svg,.cl-av img{width:100%;height:100%;object-fit:contain}
.cl-bouge{animation:clBouge calc(1.6s - var(--k)*1s) ease-in-out infinite;transform-origin:50% 90%}
@keyframes clBouge{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-7deg)}82%{transform:rotate(6deg)}88%{transform:rotate(-4deg)}94%{transform:rotate(2deg)}}
.cl-nom{font-size:15px;font-weight:800;text-align:center}
.cl-pts{font:800 13px Inter,sans-serif;color:#fa5a3c}
.cl-pts span{font:800 20px -apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif}
.cl-barre{width:100%;height:7px;border-radius:99px;background:#f2f3f8;overflow:hidden}
.cl-barre i{display:block;height:100%;background:linear-gradient(90deg,#f0265c,#ff8a3d);border-radius:99px;transition:width .5s cubic-bezier(.3,1.3,.5,1)}
.cl-bs{display:flex;gap:6px;width:100%}
.cl-bs button{flex:1;height:36px;border-radius:12px;border:0;font:900 16px Inter,sans-serif;cursor:pointer}
.cl-bs button:first-child{background:#f2f3f8;color:#6b7394;flex:0 0 40px}
.cl-bs button:last-child{background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff}
.cl-bs button:active{transform:scale(.93)}
.cl-carte.gagne{animation:clGagne .6s}
.cl-carte.perd{animation:clPerd .5s}
@keyframes clGagne{30%{transform:scale(1.07)}}
@keyframes clPerd{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.cl-bulle{position:absolute;top:8px;right:10px;padding:3px 9px;border-radius:999px;background:#27ae60;color:#fff;font:800 12px Inter,sans-serif;animation:clBulle 1.4s forwards;pointer-events:none}
.cl-carte.perd .cl-bulle{background:#e0262f}
@keyframes clBulle{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-16px)}}
.cl-carte.vise{outline:4px solid #f5b301;outline-offset:2px}
.cl-carte.choisi{animation:clGagne .6s 2}
.cl-menu{position:fixed;z-index:520;width:290px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(31,42,90,.3);padding:12px}
.cl-menu>b{display:block;font-size:16px;margin-bottom:8px}
.cl-raisons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}
.cl-raisons button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:12px;border:0;background:#effaf1;font-size:22px;cursor:pointer}
.cl-raisons.neg button{background:#fff0f0}
.cl-raisons small{font:700 10px Inter,sans-serif;color:#1f2a5a}
.cl-hist{display:flex;flex-wrap:wrap;gap:4px}
.cl-hist span{font:700 11px Inter,sans-serif;padding:2px 7px;border-radius:99px;background:#effaf1;color:#1e8449}
.cl-hist span.m{background:#fff0f0;color:#e0262f}
.cl-repick{margin-top:8px;width:100%;height:34px;border-radius:10px;border:0;background:#f2f3f8;font:700 12px Inter,sans-serif;cursor:pointer}
.cl-eclo{position:fixed;inset:0;z-index:530;background:rgba(20,24,52,.7);display:grid;place-items:center;overflow:hidden}
.cl-eclo-in{background:#fff;border-radius:26px;padding:24px;text-align:center;width:min(760px,94vw);box-sizing:border-box;max-height:90vh;overflow:auto;animation:dxPop .5s both}
.cl-eclo-in p{font-size:22px;margin:0 0 10px}
.cl-eclo-oeuf{width:180px;height:180px;margin:0 auto;animation:clTremble .25s infinite}
.cl-eclo-oeuf.casse{animation:clCasse .6s forwards}
@keyframes clTremble{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes clCasse{0%{transform:scale(1)}50%{transform:scale(1.25)}100%{transform:scale(0);opacity:0}}
.cl-eclo-t{color:#6b7394;font-size:15px!important}
.cl-choix{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.cl-choix button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:16px;border:2px solid #e8eaf3;background:#fff;cursor:pointer;transition:transform .2s,border-color .2s}
.cl-choix button:hover{transform:translateY(-4px) rotate(-2deg);border-color:#fa5a3c}
.cl-choix svg,.cl-choix img{width:80px;height:80px;object-fit:contain}
.cl-choix small{font:800 12px Inter,sans-serif}
.cl-conf{position:absolute;left:50%;top:50%;width:10px;height:14px;border-radius:2px;animation:clConf 1.6s cubic-bezier(.2,.7,.4,1) forwards}
@keyframes clConf{to{transform:translate(var(--x),calc(var(--y) * -1)) rotate(var(--r));opacity:0}}

/* ================= JOURNAL DE CLASSE ================= */
.jr-sem{display:flex;align-items:center;gap:6px;margin-left:12px;white-space:nowrap}
.jr-sem button{height:34px;min-width:34px;border-radius:10px;border:0;background:rgba(255,255,255,.2);color:#fff;font:900 18px Inter,sans-serif;cursor:pointer}
.jr-sem .jr-auj{font-size:13px;padding:0 12px;background:#fff;color:#fa5a3c}
.jr-sem b{font-size:15px}
.jr-scroll{flex:1;overflow:auto;padding:16px}
.jr-grille{display:grid;gap:4px;font-size:calc(13px * var(--z));min-width:max-content}
.jr-coin{grid-column:1;grid-row:1}
.jr-jour{grid-row:1;position:sticky;top:-16px;z-index:3;background:#fff;border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;box-shadow:0 2px 8px rgba(31,42,90,.06)}
.jr-jour b{font-size:1.15em}
.jr-jour small{font-weight:700;color:#8e44ad}
.jr-jour.auj{background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff}
.jr-jour.conge{background:#f3edff}
.jr-todo-b{align-self:flex-start;height:24px;padding:0 9px;border-radius:999px;border:0;background:#f2f3f8;color:#1f2a5a;font:800 .85em Inter,sans-serif;cursor:pointer}
.jr-jour.auj .jr-todo-b{background:rgba(255,255,255,.25);color:#fff}
.jr-todo-b i{font-style:normal;opacity:.7}
.jr-heure{grid-column:1;display:flex;flex-direction:column;justify-content:flex-start;padding:6px 4px;font-size:.9em;color:#6b7394}
.jr-heure b{color:#1f2a5a}
.jr-heure.pause{opacity:.7}
.jr-heure.maintenant{color:#fa5a3c}
.jr-heure.maintenant b{color:#fa5a3c}
.jr-case{background:#fff;border-radius:12px;min-height:calc(56px * var(--z));padding:6px;display:flex;flex-direction:column;gap:4px;cursor:pointer;border:2px solid transparent;transition:border-color .15s,box-shadow .2s}
.jr-case:hover{border-color:#ffd2c2}
.jr-case.sel{border-color:#fa5a3c}
.jr-case.pause{background:#f2f3f8;min-height:calc(26px * var(--z))}
.jr-case.libre{background:repeating-linear-gradient(-45deg,#f6f7fb 0 8px,#eef0f6 8px 16px)}
.jr-case.conge{background:#f3edff}
.jr-case.maintenant{box-shadow:0 0 0 3px #fa5a3c,0 8px 22px rgba(250,90,60,.25);background:#fff8f4}
.jr-pause{font-size:.8em;font-weight:700;color:#8a91ad}
.jr-cg{font-size:.85em;font-weight:800;color:#8e44ad}
.jr-act{display:flex;align-items:center;gap:6px;padding:4px 7px;border-radius:8px;background:color-mix(in srgb,var(--c) 12%,#fff);border-left:4px solid var(--c);font-weight:700}
.jr-act img{width:22px;height:30px;object-fit:cover;border-radius:3px}
.jr-act a{color:#1f2a5a;text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:2px}
.jr-pop{position:fixed;z-index:540;width:330px;max-height:80vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(31,42,90,.3);padding:12px;font-family:Inter,sans-serif;color:#1f2a5a}
.jr-pop-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.jr-pop-h button{border:0;background:#f2f3f8;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:16px}
.jr-pop-a{border-left:4px solid var(--c);padding:8px 8px 8px 10px;border-radius:10px;background:#fafbfe;margin-bottom:8px}
.jr-pop-a input{width:100%;height:36px;border-radius:9px;border:1.5px solid #e8eaf3;padding:0 9px;font:700 14px Inter,sans-serif;box-sizing:border-box}
.jr-sw{display:flex;gap:4px;margin-bottom:6px}
.jr-sw button{width:16px;height:16px;border-radius:50%;border:0;cursor:pointer}
.jr-lien{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px}
.jr-lien img{width:24px;height:34px;object-fit:cover;border-radius:3px}
.jr-lien a{flex:1;color:#fa5a3c;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jr-lien button{border:0;background:none;cursor:pointer}
.jr-pop-b,.jr-pop-o{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.jr-pop-b button,.jr-pop-o button{height:28px;padding:0 8px;border-radius:8px;border:0;background:#f2f3f8;font:700 11.5px Inter,sans-serif;color:#1f2a5a;cursor:pointer}
.jr-ajout{width:100%;height:34px;border-radius:10px;border:1.5px dashed #ffb8a3;background:#fff8f4;color:#fa5a3c;font:800 13px Inter,sans-serif;cursor:pointer}
.jr-ch{display:flex;gap:6px;flex-wrap:wrap}
.jr-ch .dx-cherche{flex:1;margin:0}
.jr-ch select{height:36px;border-radius:10px;border:1.5px solid #e8eaf3;font:700 12px Inter,sans-serif;padding:0 6px}
.jr-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px;max-height:56vh;overflow:auto}
.jr-res button{display:flex;flex-direction:column;gap:5px;border:0;background:none;cursor:pointer;text-align:left;font:700 11.5px Inter,sans-serif;color:#1f2a5a}
.jr-res img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px rgba(31,42,90,.14);transition:transform .2s}
.jr-res button:hover img{transform:scale(1.04)}
.jr-todo{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.jr-todo>div{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#f6f7fb}
.jr-todo>div span{flex:1;font-weight:600}
.jr-todo>div.fait span{text-decoration:line-through;opacity:.5}
.jr-todo input[type=checkbox]{width:20px;height:20px;accent-color:#fa5a3c}
.jr-todo button{border:0;background:none;cursor:pointer;font-size:14px}
.jr-feuille{background:#fff;padding:6px 4px}
.jr-feuille select{height:38px;border-radius:10px;border:1.5px solid #e8eaf3;font:700 13px Inter,sans-serif;padding:0 8px;margin-right:6px}
.jr-jours{display:flex;flex-wrap:wrap;gap:10px}
.jr-jours label{display:flex;gap:5px;align-items:center;font-weight:700}
.jr-t{width:100%;border-collapse:collapse;margin:6px 0}
.jr-t td,.jr-t th{padding:4px;text-align:left;font-size:12.5px}
.jr-t input,.jr-t select{width:100%;height:32px;border-radius:8px;border:1.5px solid #e8eaf3;padding:0 6px;font:600 13px Inter,sans-serif;box-sizing:border-box}
@media (max-width:760px){
  .cl-h,.jr-h{height:56px;gap:6px;padding:0 8px}
  .cl-b span,.cl-logo b{display:none}
  .cl-grille{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}
  .cl-av{width:80px;height:80px}
  .jr-sem b{font-size:12px}
  .jr-scroll{padding:8px}
  .jr-pop{left:8px!important;right:8px;width:auto}
}
@media print{
  body.jr-impression>*:not(.jr){display:none!important}
  body.jr-impression .jr{position:static}
  body.jr-impression .jr-h{display:none}
  body.jr-impression .jr-scroll{overflow:visible}
}
html:has(body.docs-lae),body.docs-lae{overflow-x:hidden}
@media (max-width:900px){.panneau{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.panneau *{max-width:100%}}

/* ================= v2 ================= */
/* l'outil tient dans l'écran : chaque zone défile seule (doigt, molette, trackpad) */
body.docs-lae .ecran{position:fixed;inset:0;height:auto}
body.docs-lae .scene,body.docs-lae .panneau,body.docs-lae .dx-sim,body.docs-lae .dx-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
body.docs-lae .at-corps{min-height:0}
.dx-top-logo{background:none!important;padding:0 4px!important}
.dx-top-logo svg{height:34px}

/* la bulle d'aperçu, à droite du panneau */
.dx-bulle{position:fixed;z-index:70;width:300px;max-height:calc(100vh - 150px);display:flex;flex-direction:column;background:#fff;border-radius:22px;
  box-shadow:0 24px 60px rgba(31,42,90,.28),0 0 0 1px rgba(31,42,90,.06);opacity:0;transform:translateX(-14px) scale(.96);transform-origin:left top;
  pointer-events:none;transition:opacity .25s,transform .3s cubic-bezier(.2,.9,.3,1.2)}
.dx-bulle.on{opacity:1;transform:none;pointer-events:auto}
.dx-bulle::before{content:"";position:absolute;left:-8px;top:24px;width:16px;height:16px;background:#fff;transform:rotate(45deg);border-radius:3px;box-shadow:-2px 2px 3px rgba(31,42,90,.06)}
.dx-bulle-h{display:flex;align-items:center;gap:6px;padding:12px 14px 0;color:#fa5a3c;font:800 13px Inter,sans-serif}
.dx-bulle-h .dx-i{width:17px;height:17px}
.dx-bulle-v{flex:1;overflow:auto;padding:12px 14px;display:grid;place-items:center;min-height:90px}
.dx-bulle-v .dx-apercu-in{box-shadow:none}
.dx-bulle-titre{width:100%}
.dx-bulle-titre svg{width:100%;height:100%;display:block}
.dx-bulle-add{margin:0 14px 14px;height:46px;border-radius:14px;border:0;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff;font:800 15px Inter,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(250,90,60,.3);transition:transform .15s}
.dx-bulle-add:hover{transform:translateY(-1px)}
.dx-bulle-add:active{transform:scale(.97)}
@media (max-width:900px){.dx-bulle{left:50%!important;transform:translateX(-50%) scale(.96);width:min(320px,90vw);max-height:38vh}.dx-bulle.on{transform:translateX(-50%)}.dx-bulle::before{display:none}}

/* les vignettes : on choisit ce qu'on voit */
.dx-champ{width:100%;box-sizing:border-box;border:1.5px solid var(--trait);border-radius:12px;padding:10px 12px;font:600 14px Inter,sans-serif;color:var(--ink);margin:4px 0 10px;resize:vertical;background:#fff}
.dx-champ:focus{outline:0;border-color:var(--g1)}
.dx-th{display:grid;place-items:center;width:100%;height:78px;overflow:hidden;border-radius:9px;background:#fff}
.dx-th .dx-apercu-in{box-shadow:none}
.dx-th-ico{font-size:34px}
.dx-outils-v{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dx-outils-v button{display:flex;flex-direction:column;gap:5px;padding:7px;border-radius:14px;border:1.5px solid var(--trait);background:#f8f9fc;cursor:pointer;font:800 11px/1.2 Inter,sans-serif;color:var(--ink);text-align:center;transition:border-color .2s,transform .2s,box-shadow .2s}
.dx-outils-v button:hover{border-color:var(--g1);transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,42,90,.1)}
.dx-tuiles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:4px 0 10px}
.dx-tuiles.petites{grid-template-columns:repeat(3,1fr)}
.dx-tuiles.petites .dx-th{height:58px}
.dx-tuiles button{padding:5px;border-radius:13px;border:2px solid var(--trait);background:#f8f9fc;cursor:pointer;transition:border-color .15s,transform .15s}
.dx-tuiles button:hover{transform:translateY(-1px)}
.dx-tuiles button.on{border-color:var(--g1);background:#fff6ef;box-shadow:0 0 0 3px rgba(250,90,60,.15)}
.dx-tuiles.mini .dx-th{height:56px}
.dx-seg-n{margin:2px 0 12px}
.dx-seg-n button{flex:1;min-width:34px}
.dx-lg-v{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}
.dx-lg-v button{padding:8px;border-radius:13px;border:2px solid var(--trait);background:#fff;cursor:pointer;display:grid;place-items:center}
.dx-lg-v button.on{border-color:var(--g1);box-shadow:0 0 0 3px rgba(250,90,60,.15)}
.dx-lg-v.petit{display:grid;grid-template-columns:repeat(3,1fr)}
.dx-blocs-v{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.dx-blocs-v button{padding:8px;border-radius:13px;border:1.5px solid var(--trait);background:#f8f9fc;cursor:pointer;display:grid;place-items:center;min-height:70px}
.dx-blocs-v button:hover{border-color:var(--g1)}
.dx-titre.on,.dx-formes button.on{border-color:var(--g1)!important;background:#fff6ef;box-shadow:0 0 0 3px rgba(250,90,60,.15)}
.dx-covers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dx-covers button{padding:6px;border-radius:14px;border:2px solid var(--trait);background:#f6f7fb;cursor:pointer;display:grid;place-items:center;transition:transform .2s}
.dx-covers button:hover{transform:translateY(-3px)}
.dx-covers button.on{border-color:var(--g1);box-shadow:0 0 0 3px rgba(250,90,60,.15)}
.dx-covers .dx-mini{border-radius:4px;box-shadow:0 3px 10px rgba(31,42,90,.15)}
.cart-fil{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:8px;font:700 12px Inter,sans-serif}
.cart-fil button{border:0;background:var(--trait2);border-radius:9px;padding:5px 9px;font:800 12px Inter,sans-serif;cursor:pointer;color:var(--ink)}
.cart-fil b{color:var(--g1)}
.dx-imp h3{margin:0 0 10px}
.dx-imp-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:58vh;overflow:auto;margin:12px 0;padding:4px}
.dx-imp-pages button{position:relative;border:3px solid transparent;border-radius:10px;padding:0;background:#f2f3f8;cursor:pointer;transition:transform .15s,border-color .15s}
.dx-imp-pages button:hover{transform:translateY(-2px)}
.dx-imp-pages button.on{border-color:#fa5a3c;box-shadow:0 0 0 4px rgba(250,90,60,.18)}
.dx-imp-c{display:block;aspect-ratio:210/297;border-radius:7px;overflow:hidden;background:#fff}
.dx-imp-c img{width:100%;height:100%;object-fit:contain;display:block}
.dx-imp-pages i{position:absolute;left:6px;bottom:6px;font:800 11px Inter,sans-serif;font-style:normal;background:#1f2a5a;color:#fff;border-radius:6px;padding:1px 6px}
.dx-imp-pages button.on::after{content:"✓";position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;background:#fa5a3c;color:#fff;display:grid;place-items:center;font:900 13px Inter,sans-serif}

/* ---------- sélecteur de version (clair) ---------- */
#selVersion,#btnActualiser,#btnDupliquer{display:none!important}
.dx-vers{display:flex;gap:14px;align-items:center;flex:0 0 auto}
.dx-vers-g{display:flex;align-items:center;gap:6px}
.dx-vers-g>span{font:800 10.5px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--doux)}
.dx-pill{display:flex;background:var(--trait2);border-radius:999px;padding:3px;gap:2px}
.dx-pill button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--doux);font:800 12.5px Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.dx-pill button .dx-i{width:15px;height:15px}
.dx-pill button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(31,42,90,.15)}
.dx-pill button[data-dx-role="prof"].on{background:#fa5a3c;color:#fff}
.dx-dots{font-style:normal;font-size:7px;letter-spacing:1px;color:#fa5a3c}
@media (max-width:1100px){.dx-pill button{padding:0 8px;font-size:11.5px}.dx-pill [data-dx-niv]{font-size:0;gap:0}.dx-pill [data-dx-niv] .dx-dots{font-size:9px}.dx-vers-g>span{display:none}}

/* ---------- barre flottante et icônes ---------- */
.volante button .dx-i,.pg-outils button .dx-i,.rang button .dx-i{width:18px;height:18px}
.pg-outils button{display:grid;place-items:center}

/* ---------- calques ---------- */
.dx-calques{position:fixed;right:16px;top:120px;z-index:80;width:290px;max-height:calc(100vh - 150px);display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(31,42,90,.28);animation:dxPop .3s both}
.dx-calques-h{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--trait);color:var(--ink)}
.dx-calques-h .dx-i{color:#fa5a3c}
.dx-calques-h b{font:800 14px Inter,sans-serif}
.dx-calques-h small{color:var(--doux);font-weight:700;margin-right:auto}
.dx-calques-h button{border:0;background:var(--trait2);border-radius:9px;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.dx-calques-l{overflow:auto;padding:8px;display:flex;flex-direction:column;gap:5px}
.dx-cq{display:flex;align-items:center;gap:8px;padding:6px;border-radius:12px;border:1.5px solid transparent;background:#f8f9fc;cursor:pointer;transition:background .15s}
.dx-cq:hover{background:#f1f3f9}
.dx-cq.on{border-color:#fa5a3c;background:#fff6ef}
.dx-cq.tire{opacity:.4}
.dx-cq.avant{box-shadow:0 -3px 0 #fa5a3c}
.dx-cq.apres{box-shadow:0 3px 0 #fa5a3c}
.dx-cq-p{color:#b3b8cf;cursor:grab;display:grid}
.dx-cq-p .dx-i{width:16px;height:16px}
.dx-cq-v{width:56px;height:40px;display:grid;place-items:center;background:#fff;border-radius:7px;overflow:hidden;flex:0 0 auto}
.dx-cq b{flex:1;font:700 12px Inter,sans-serif;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-cq button{border:0;background:none;color:var(--doux);width:26px;height:26px;border-radius:8px;display:grid;place-items:center;cursor:pointer}
.dx-cq button:hover{background:#fff}
.dx-cq button.on{color:#fa5a3c}
.dx-cq button .dx-i{width:15px;height:15px}

/* ---------- les pièces qui tombent (comme la démo) ---------- */
@keyframes dxDrop{0%{opacity:0;transform:translateY(-9px)}100%{opacity:1;transform:none}}
@keyframes dxPopG{0%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:none}}
.dx-anime svg.des g.pc{transform-box:fill-box;transform-origin:center;animation:dxDrop .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--t) + var(--d,0) * 140ms)}
.dx-anime svg.des g.pc.pop{animation-name:dxPopG;animation-timing-function:cubic-bezier(.3,1.4,.4,1)}
@media (prefers-reduced-motion:reduce){.dx-anime svg.des g.pc{animation:none!important}}
/* le numéro d'exercice : pastille orange */
.el .num-el{background:#fa5a3c;color:#fff!important;border-radius:50%;width:5.2mm;height:5.2mm;display:grid!important;place-items:center;font:800 8.5pt 'Baloo 2',sans-serif!important;line-height:1!important;left:-6.4mm!important;top:.4mm!important;padding:0!important}
/* les calculs en colonne : une carte quadrillée claire */
.el[data-t="calcul"] .in{background:linear-gradient(90deg,rgba(75,123,236,.07) 1px,transparent 1px) 0 0/4mm 4mm,linear-gradient(rgba(75,123,236,.07) 1px,transparent 1px) 0 0/4mm 4mm,#f7f9ff;border-radius:2.6mm;box-shadow:inset 0 0 0 .3mm #e3e8f6}

/* ================= CLASSE LAÉ v2 ================= */
.cl2{position:fixed;inset:0;z-index:500;display:grid;grid-template-columns:270px 1fr;background:#f4f5fa;font-family:Inter,sans-serif;color:#1f2a5a}
.cl2[hidden]{display:none}
.cl2-side{background:#fff;border-right:1px solid #eceef5;display:flex;flex-direction:column;padding:18px 14px;gap:6px;overflow:auto}
.cl2-logo{display:flex;align-items:center;gap:8px;font-size:20px;margin-bottom:12px}
.cl2-oeuf{width:38px;height:38px;display:block}
.cl2-oeuf svg{width:100%;height:100%}
.cl2-t{font:800 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#8a91ad;margin:6px 8px}
.cl2-side nav{display:flex;flex-direction:column;gap:4px}
.cl2-cl{display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:14px;background:none;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:background .15s}
.cl2-cl:hover{background:#f4f5fa}
.cl2-cl.on{background:color-mix(in srgb,var(--c) 12%,#fff)}
.cl2-cl b{display:block;font-size:14.5px}
.cl2-cl small{font-size:12px;color:#8a91ad;font-weight:600}
.cl2-em{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:23px;background:color-mix(in srgb,var(--c,#fa5a3c) 18%,#fff);flex:0 0 auto}
.cl2-em.grand{width:64px;height:64px;border-radius:20px;font-size:36px;background:rgba(255,255,255,.25)}
.cl2-em.xl{width:92px;height:92px;border-radius:28px;font-size:52px;background:color-mix(in srgb,var(--c) 18%,#fff)}
.cl2-nv{margin-top:6px;height:44px;border-radius:14px;border:2px dashed #d7dbe9;background:none;color:#fa5a3c;font:800 14px Inter,sans-serif;cursor:pointer}
.cl2-nv:hover{border-color:#fa5a3c;background:#fff6ef}
.cl2-retour{margin-top:auto;height:40px;border:0;border-radius:12px;background:#f4f5fa;font:800 13px Inter,sans-serif;color:#1f2a5a;cursor:pointer}
.cl2-main{overflow:auto;display:flex;flex-direction:column}
.cl2-h{display:flex;align-items:center;gap:16px;padding:22px 28px;background:linear-gradient(120deg,var(--c),color-mix(in srgb,var(--c) 70%,#ff8a3d));color:#fff;flex-wrap:wrap}
.cl2-h-t h1{margin:0;font:800 28px Inter,sans-serif;letter-spacing:-.02em}
.cl2-h-t small{font-weight:600;opacity:.9}
.cl2-act{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.cl2-act button{display:flex;align-items:center;gap:7px;height:44px;padding:0 16px;border:0;border-radius:14px;background:rgba(255,255,255,.22);color:#fff;font:800 14px Inter,sans-serif;cursor:pointer;backdrop-filter:blur(4px)}
.cl2-act button span{font-size:18px}
.cl2-act button:hover{background:rgba(255,255,255,.34)}
.cl2-act .rond{width:44px;padding:0;justify-content:center}
.cl2-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;padding:26px 28px 60px;align-content:start}
.cl2-el{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 10px 14px;border:0;border-radius:24px;background:#fff;box-shadow:0 6px 18px rgba(31,42,90,.07);cursor:pointer;font-family:inherit;color:inherit;transition:transform .2s,box-shadow .2s}
.cl2-el:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(31,42,90,.13)}
.cl2-av{width:96px;height:96px;display:grid;place-items:center}
.cl2-av svg,.cl2-av img{width:100%;height:100%;object-fit:contain}
.cl2-av.petit{width:64px;height:64px}
.cl2-av.bouge{animation:clBouge calc(1.6s - var(--k)*1s) ease-in-out infinite;transform-origin:50% 90%}
.cl2-pts{position:absolute;top:10px;right:12px;min-width:30px;height:30px;padding:0 7px;border-radius:999px;background:#27ae60;color:#fff;display:grid;place-items:center;font:900 15px Inter,sans-serif;box-shadow:0 4px 10px rgba(39,174,96,.35)}
.cl2-pts.zero{background:#e8eaf3;color:#8a91ad;box-shadow:none}
.cl2-pts.gros{position:static;min-width:44px;height:44px;font-size:20px}
.cl2-el b{font-size:15px}
.cl2-el small{font-size:12px}
.cl2-barre{display:block;width:76%;height:6px;border-radius:99px;background:#f0f1f6;overflow:hidden}
.cl2-barre i{display:block;height:100%;background:linear-gradient(90deg,#f0265c,#ff8a3d);border-radius:99px;transition:width .6s cubic-bezier(.3,1.3,.5,1)}
.cl2-el.gagne{animation:clGagne .6s}
.cl2-el.perd{animation:clPerd .5s}
.cl2-el.vise{outline:4px solid #f5b301;outline-offset:3px}
.cl2-el.choisi{animation:clGagne .6s 2}
.cl2-bulle{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:5px 12px;border-radius:999px;background:#27ae60;color:#fff;font:900 15px Inter,sans-serif;animation:clBulle 1.3s forwards;pointer-events:none}
.cl2-bulle.neg{background:#e0262f}
.cl2-ajout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border-radius:24px;border:2.5px dashed #d7dbe9;background:rgba(255,255,255,.6);min-height:170px;transition:border-color .2s}
.cl2-ajout:focus-within{border-color:#fa5a3c;background:#fff}
.cl2-ajout span{width:52px;height:52px;border-radius:50%;background:#fff1ea;color:#fa5a3c;display:grid;place-items:center;font:900 28px Inter,sans-serif}
.cl2-ajout input{width:100%;box-sizing:border-box;height:40px;border:0;border-bottom:2px solid #eceef5;background:none;text-align:center;font:800 15px Inter,sans-serif;color:#1f2a5a;outline:0}
.cl2-ajout input:focus{border-color:#fa5a3c}
.cl2-ajout small{font-size:11px;color:#8a91ad;text-align:center}
.cl2-voile{position:fixed;inset:0;z-index:520;background:rgba(20,24,52,.5);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:dxPop .2s both}
.cl2-fen{position:relative;width:min(640px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;padding:22px;box-shadow:0 30px 80px rgba(20,24,52,.35)}
.cl2-fen.petite{width:min(460px,100%)}
.cl2-fen h2{margin:0;font:800 22px Inter,sans-serif}
.cl2-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:12px;border:0;background:#f4f5fa;font-size:15px;cursor:pointer}
.cl2-fen-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cl2-onglets{display:flex;gap:4px;background:#f4f5fa;border-radius:999px;padding:4px;margin-bottom:16px}
.cl2-onglets button{flex:1;height:38px;border:0;border-radius:999px;background:none;font:800 14px Inter,sans-serif;color:#8a91ad;cursor:pointer}
.cl2-onglets button.on{background:#fff;color:#1f2a5a;box-shadow:0 2px 8px rgba(31,42,90,.12)}
.cl2-comp{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cl2-comp button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border:0;background:none;cursor:pointer;font-family:inherit;color:#1f2a5a}
.cl2-comp button span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:color-mix(in srgb,var(--c) 16%,#fff);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--c) 40%,#fff);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}
.cl2-comp button:hover span{transform:scale(1.1) rotate(-4deg)}
.cl2-comp button b{font-size:12.5px;text-align:center}
.cl2-comp button i{position:absolute;top:2px;right:calc(50% - 44px);padding:2px 7px;border-radius:999px;background:var(--c);color:#fff;font:900 11px Inter,sans-serif;font-style:normal}
.cl2-comp button.pop span{animation:clGagne .3s}
.cl2-fen-b{margin-top:16px;border-top:1px solid #eceef5;padding-top:12px}
.cl2-hist{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.cl2-hist span{font:700 12px Inter,sans-serif;padding:3px 9px;border-radius:999px;background:#effaf1;color:#1e8449}
.cl2-hist span.m{background:#fff0f0;color:#e0262f}
.cl2-fen-o{display:flex;gap:6px;flex-wrap:wrap}
.cl2-fen-o button{height:36px;padding:0 12px;border:0;border-radius:11px;background:#f4f5fa;font:700 13px Inter,sans-serif;color:#1f2a5a;cursor:pointer}
.cl2-fen-o .rouge{color:#e0262f}
.cl2-nvc{display:flex;flex-direction:column;align-items:center;gap:14px;margin:8px 0 16px}
.cl2-nvc input{width:100%;box-sizing:border-box;height:52px;border:0;border-bottom:2.5px solid #eceef5;text-align:center;font:800 22px Inter,sans-serif;color:#1f2a5a;outline:0}
.cl2-nvc input:focus{border-color:#fa5a3c}
.cl2-emojis{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:12px}
.cl2-emojis button{aspect-ratio:1;border:0;border-radius:12px;background:#f4f5fa;font-size:22px;cursor:pointer}
.cl2-emojis button.on{background:#fff1ea;box-shadow:0 0 0 2.5px #fa5a3c}
.cl2-teintes{display:flex;justify-content:center;gap:8px;margin-bottom:18px}
.cl2-teintes button{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px #e3e6f0;cursor:pointer}
.cl2-teintes button.on{box-shadow:0 0 0 3px #1f2a5a}
.cl2-creer{width:100%;height:52px;border:0;border-radius:16px;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff;font:800 16px Inter,sans-serif;cursor:pointer;box-shadow:0 10px 22px rgba(250,90,60,.3)}
.cl2-seuils{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.cl2-seuils button{min-width:52px;height:44px;border:0;border-radius:14px;background:#f4f5fa;font:900 16px Inter,sans-serif;color:#1f2a5a;cursor:pointer}
.cl2-seuils button.on{background:#fa5a3c;color:#fff}
.cl2-min{text-align:center}
.cl2-min-t{font:800 88px/1 -apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif;color:#1f2a5a;margin:16px 0}
.cl2-min-t.fini{color:#e0262f;animation:clGagne .6s infinite}
.cl2-min-b{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.cl2-min-b button{height:44px;padding:0 16px;border:0;border-radius:14px;background:#f4f5fa;font:800 14px Inter,sans-serif;cursor:pointer}
@media (max-width:760px){
  .cl2{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .cl2-side{flex-direction:row;align-items:center;padding:8px;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid #eceef5}
  .cl2-logo b,.cl2-t,.cl2-cl small{display:none}
  .cl2-logo{margin:0}
  .cl2-side nav{flex-direction:row}
  .cl2-cl{flex:0 0 auto;padding:6px 10px}
  .cl2-nv{margin:0;flex:0 0 auto;padding:0 12px;height:40px}
  .cl2-retour{margin:0;flex:0 0 auto;padding:0 12px}
  .cl2-h{padding:16px}
  .cl2-act button{height:40px;padding:0 10px;font-size:0}
  .cl2-act button span{font-size:18px}
  .cl2-grille{grid-template-columns:repeat(2,1fr);gap:12px;padding:14px}
  .cl2-comp{grid-template-columns:repeat(2,1fr)}
}

/* ================= JOURNAL v2 (tableur) ================= */
.jr2{position:fixed;inset:0;z-index:500;background:#f4f5fa;display:flex;flex-direction:column;font-family:Inter,sans-serif;color:#1f2a5a}
.jr2[hidden]{display:none}
.jr2-h{display:flex;align-items:center;gap:10px;height:58px;padding:0 14px;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff;flex:0 0 auto}
.jr2-titre{display:flex;align-items:center;gap:8px;font-size:17px}
.jr2-titre svg{width:24px;height:24px}
.jr2-sem{display:flex;align-items:center;gap:6px;margin-left:14px;white-space:nowrap}
.jr2-sem button{height:34px;min-width:34px;display:grid;place-items:center;border-radius:10px;border:0;background:rgba(255,255,255,.2);color:#fff;cursor:pointer}
.jr2-sem .jr2-auj{padding:0 12px;background:#fff;color:#fa5a3c;font:800 13px Inter,sans-serif}
.jr2-sem b{font-size:15px;min-width:150px;text-align:center}
.jr2-h-d{margin-left:auto;display:flex;gap:6px}
.jr2-barre{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#fff;border-bottom:1px solid #e8eaf3;flex-wrap:wrap;flex:0 0 auto}
.jr2-barre>button{height:32px;min-width:32px;padding:0 8px;border:0;border-radius:8px;background:none;color:#1f2a5a;font:700 14px Georgia,serif;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.jr2-barre>button:hover{background:#f2f3f8}
.jr2-res-b{font:800 12.5px Inter,sans-serif!important;background:#fff1ea!important;color:#fa5a3c!important}
.jr2-sep{width:1px;height:22px;background:#e8eaf3;margin:0 4px}
.jr2-pal{display:inline-flex;align-items:center;gap:3px;padding:0 4px}
.jr2-pal svg{color:#8a91ad}
.jr2-a{font:900 14px Georgia,serif;margin-right:2px}
.jr2-pal button{width:18px;height:18px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px #e3e6f0;cursor:pointer;font-size:9px;color:#8a91ad;padding:0}
.jr2-scroll{flex:1;overflow:auto;padding:0 0 30px}
.jr2-t{border-collapse:separate;border-spacing:0;min-width:100%;font-size:calc(13.5px * var(--z));table-layout:fixed}
.jr2-t th,.jr2-t td{border-right:1px solid #e8eaf3;border-bottom:1px solid #e8eaf3;vertical-align:top;text-align:left}
.jr2-t thead th{position:sticky;top:0;z-index:3;background:#fff;padding:8px 10px;font-weight:600;min-width:170px}
.jr2-t thead th b{font-weight:900}
.jr2-t thead th span{color:#8a91ad;font-weight:800}
.jr2-t thead th small{display:block;color:#8e44ad;font-weight:700;font-size:.85em}
.jr2-t thead th.auj{background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff}
.jr2-t thead th.auj span{color:#fff}
.jr2-t thead th.conge{background:#f3edff}
.jr2-coin{left:0;z-index:4!important;width:84px;min-width:84px!important}
.jr2-hr{position:sticky;left:0;z-index:2;background:#fff;padding:8px;width:84px;min-width:84px}
.jr2-hr b{display:block;font-weight:900}
.jr2-hr small{font-size:.8em;color:#8a91ad;font-weight:600}
.jr2-c{background:#fff;padding:0;position:relative;height:calc(58px * var(--z))}
.jr2-r.pause .jr2-c{background:#f8f9fc;height:calc(28px * var(--z))}
.jr2-r.pause .jr2-hr{background:#f8f9fc}
.jr2-c.auj{background:#fffaf7}
.jr2-c.libre{background:repeating-linear-gradient(-45deg,#f8f9fc 0 8px,#f1f3f8 8px 16px)}
.jr2-c.conge{background:#f8f4ff}
.jr2-c.sel{box-shadow:inset 0 0 0 2px #fa5a3c}
.jr2-c.maintenant{box-shadow:inset 0 0 0 3px #fa5a3c;background:#fff4ee}
.jr2-r.maintenant .jr2-hr{color:#fa5a3c;box-shadow:inset 4px 0 0 #fa5a3c}
.jr2-ed{min-height:100%;padding:7px 9px;outline:0;line-height:1.4;word-break:break-word}
.jr2-ed:empty::before{content:attr(data-ph);color:#b3b8cf;font-size:.85em;font-weight:600}
.jr2-ed a,.jr2-td a{color:#fa5a3c;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.jr2-cg{display:block;padding:6px 9px 0;font-size:.82em;font-weight:800;color:#8e44ad}
.jr2-todo-l th,.jr2-todo{background:#fffdf5!important}
.jr2-todo{padding:6px 8px}
.jr2-td{display:flex;align-items:flex-start;gap:6px;padding:2px 0;font-size:.92em}
.jr2-td input{margin-top:3px;width:15px;height:15px;accent-color:#fa5a3c;flex:0 0 auto}
.jr2-td span{flex:1;outline:0;min-height:1.2em}
.jr2-td.fait span{text-decoration:line-through;opacity:.5}
.jr2-td.nv span{color:#8a91ad;padding-left:21px}
.jr2-td.nv span:empty::before{content:attr(data-ph);font-weight:700;color:#fa5a3c}
.jr2-ouvrir{position:fixed;z-index:530}
.jr2-ouvrir a{display:inline-block;padding:5px 11px;border-radius:999px;background:#1f2a5a;color:#fff;font:800 12px Inter,sans-serif;text-decoration:none;box-shadow:0 6px 16px rgba(31,42,90,.3)}
@media (max-width:760px){
  .jr2-titre b,.jr2-res-b span{display:none}
  .jr2-sem{margin-left:4px}.jr2-sem b{min-width:0;font-size:12px}
  .jr2-t thead th{min-width:140px}
}
@media print{body.jr-impression>*:not(.jr2){display:none!important}body.jr-impression .jr2{position:static}body.jr-impression .jr2-h,body.jr-impression .jr2-barre{display:none}body.jr-impression .jr2-scroll{overflow:visible}}
/* la base en ligne */
.dx-sync{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55);flex:0 0 auto;box-shadow:0 0 0 2px rgba(255,255,255,.3)}
.dx-sync.ok{background:#3ddc84}
.dx-sync.ko{background:#ffd166}
/* lecture seule (lien « lecteur ») */
body.dx-lecture .rail,body.dx-lecture .panneau,body.dx-lecture .volante,body.dx-lecture .pg-outils,body.dx-lecture .dx-bulle{display:none!important}
body.dx-lecture .at-corps{grid-template-columns:0 0 1fr 250px!important}
body.dx-lecture #pages .el{pointer-events:none}
body.dx-lecture .at-tete::after{content:"Lecture seule";margin-left:auto;padding:5px 12px;border-radius:999px;background:#eef3ff;color:#2f5fd0;font:800 12px Inter,sans-serif}

/* ================= v3 ================= */
/* sous-menus */
.dx-pop{position:fixed;z-index:1200;background:#fff;border-radius:18px;padding:10px;box-shadow:0 20px 50px rgba(31,42,90,.28),0 0 0 1px rgba(31,42,90,.06);max-width:min(330px,92vw);max-height:70vh;overflow:auto;animation:dxPop .18s both;font-family:Inter,sans-serif}
.dx-step{display:flex;align-items:center;gap:6px}
.dx-step button{width:42px;height:42px;border-radius:12px;border:0;background:var(--trait2);font:900 20px Inter,sans-serif;color:var(--ink);cursor:pointer}
.dx-step button:active{transform:scale(.92)}
.dx-step input{width:64px;height:42px;border-radius:12px;border:2px solid var(--trait);text-align:center;font:900 18px Inter,sans-serif;color:var(--ink);outline:0}
.dx-step input:focus{border-color:#fa5a3c}
.dx-step-page{display:block;width:100%;margin-top:8px;height:38px;border-radius:12px;border:1.5px solid var(--trait);background:#fff;font:800 13px Inter,sans-serif;cursor:pointer}
.dx-step-page.on{border-color:#fa5a3c;background:#fff6ef;color:#fa5a3c}
.dx-pop-tuiles{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:260px}
.dx-pop-tuiles button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:12px;border:2px solid var(--trait);background:#f8f9fc;cursor:pointer;font:700 11px Inter,sans-serif;color:var(--ink)}
.dx-pop-tuiles button.on{border-color:#fa5a3c;background:#fff6ef}
.dx-pop-tuiles .dx-th{height:64px}
.dx-pop-annees{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:250px}
.dx-pop-annees.multi{grid-template-columns:repeat(4,1fr)}
.dx-pop-annees button,.dx-pop-liste button{height:36px;padding:0 10px;border-radius:10px;border:0;background:var(--trait2);font:800 12.5px Inter,sans-serif;color:var(--ink);cursor:pointer;text-align:left}
.dx-pop-annees button.on,.dx-pop-liste button.on{background:#1f2a5a;color:#fff}
.dx-pop-liste{display:flex;flex-direction:column;gap:3px;width:250px}
.dx-pop-g{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:260px}
.dx-pop-g button{height:56px;border-radius:10px;border:2px solid var(--trait);padding:2px;background:#fff;cursor:pointer;overflow:hidden}
.dx-pop-g button.on{border-color:#fa5a3c}
.dx-pop-g img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.dx-pop-g button.blanc img{object-fit:contain}
.dx-pop .dx-nums,.dx-pop .dx-pieds{display:flex;flex-wrap:wrap;gap:7px;width:250px}
/* puces de réglage */
.dx-puces{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.dx-puce{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:999px;border:1.5px solid var(--trait);background:#fff;font:700 12px Inter,sans-serif;color:var(--doux);cursor:pointer;transition:border-color .15s}
.dx-puce b{color:var(--ink);font-weight:900}
.dx-puce i{font-style:normal;font-size:10px;color:#fa5a3c}
.dx-puce:hover{border-color:#c9cee3}
.dx-puce.on{border-color:#fa5a3c;background:#fff6ef}
.dx-puce.bascule i{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--trait);display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff}
.dx-puce.bascule.on i{background:#fa5a3c;border-color:#fa5a3c}
.dx-puce.bascule.on span{color:var(--ink)}
/* panneaux : grandes vignettes */
.dx-outil-nom{margin:2px 0 8px!important}
.dx-tuiles1,.dx-outils1{display:grid;grid-template-columns:1fr;gap:8px;margin:4px 0 10px}
.dx-tuiles2,.dx-outils2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 10px}
.dx-tuiles1 button,.dx-tuiles2 button,.dx-outils1 button,.dx-outils2 button{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:7px;border-radius:14px;border:2px solid var(--trait);background:#f8f9fc;cursor:pointer;font:800 11.5px/1.2 Inter,sans-serif;color:var(--ink);text-align:center;transition:border-color .15s,transform .15s,box-shadow .15s}
.dx-tuiles1 button:hover,.dx-tuiles2 button:hover,.dx-outils1 button:hover,.dx-outils2 button:hover{border-color:#fdc3b0;transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,42,90,.08)}
.dx-tuiles1 button.on,.dx-tuiles2 button.on{border-color:#fa5a3c;background:#fff6ef;box-shadow:0 0 0 3px rgba(250,90,60,.15)}
.dx-tuiles1 .dx-th,.dx-outils1 .dx-th{height:104px}
.dx-tuiles2 .dx-th,.dx-outils2 .dx-th{height:84px}
.dx-tuiles1 small{font-weight:800;color:var(--ink)}
.dx-cart-tete{display:flex;gap:6px;align-items:center;margin-bottom:10px}
.dx-cart-tete .dx-cherche{flex:1;margin:0}
.dx-annee{height:36px;padding:0 12px;border-radius:999px;border:0;background:#1f2a5a;color:#fff;font:900 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.dx-annee i{font-style:normal;font-size:10px;opacity:.7}
.dx-exos-carte{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;margin:0 0 12px;border-radius:16px;border:0;background:linear-gradient(135deg,#fff1ea,#ffe1ea);cursor:pointer;text-align:left;font-family:Inter,sans-serif;color:var(--ink);box-shadow:inset 0 0 0 1.5px #ffd2c2;transition:transform .15s}
.dx-exos-carte:hover{transform:translateY(-2px)}
.dx-exos-v{display:grid;place-items:center;width:100%;height:110px;background:#fff;border-radius:11px;margin-bottom:5px;overflow:hidden}
.dx-exos-carte b{font-size:15px}
.dx-exos-carte small{font-size:12px;color:var(--doux)}
.dx-exos-carte.petite{flex-direction:row;align-items:center;gap:10px}
.dx-exos-carte.petite .dx-exos-v{width:90px;height:56px;margin:0}
.dx-mats2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dx-mats2 button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;min-height:84px;border-radius:16px;border:0;cursor:pointer;text-align:left;font:800 13px/1.15 Inter,sans-serif;color:var(--ink);background:color-mix(in srgb,var(--c) 12%,#fff);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 25%,#fff);transition:transform .15s}
.dx-mats2 button:hover{transform:translateY(-2px)}
.dx-mats2 em{font-style:normal;font-size:26px}
.dx-acc{border-radius:14px;background:#f8f9fc;margin-bottom:6px}
.dx-acc-t{width:100%;display:flex;align-items:center;gap:8px;padding:11px 12px;border:0;background:none;cursor:pointer;font-family:Inter,sans-serif;color:var(--ink);text-align:left}
.dx-acc-t b{flex:1;font-size:13.5px}
.dx-acc-t small{font-weight:800;color:var(--doux);background:#fff;border-radius:999px;padding:1px 8px}
.dx-acc-t i{font-style:normal;color:#fa5a3c;transition:transform .2s}
.dx-acc.on .dx-acc-t i{transform:rotate(180deg)}
.dx-acc-c{padding:0 8px 8px}
.dx-acc-c .dx-outils1 button,.dx-acc-c .dx-outils2 button{background:#fff}
.dx-titres1{display:flex;flex-direction:column;gap:8px}
.dx-titres1 .dx-titre{width:100%;height:76px;padding:8px 14px;overflow:hidden}
.dx-titre-v{display:block;width:100%;height:100%}
.dx-titre-v svg{width:100%;height:100%;display:block;overflow:hidden!important}
.dx-champ.grand{font-size:17px;font-weight:800;padding:12px 14px}
.dx-formes4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px}
.dx-formes4 button{aspect-ratio:1;border-radius:14px;border:2px solid var(--trait);background:#fff;padding:10px;cursor:pointer;transition:border-color .15s,transform .15s}
.dx-formes4 button:hover{transform:scale(1.05)}
.dx-formes4 button.on{border-color:#fa5a3c;background:#fff6ef}
.dx-formes4 svg{width:100%;height:100%;display:block}
.dx-blocs1{display:flex;flex-direction:column;gap:7px}
.dx-blocs1 button{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;border:1.5px solid var(--trait);background:#f8f9fc;cursor:pointer;font:800 13px Inter,sans-serif;color:var(--ink);text-align:left}
.dx-blocs1 button:hover{border-color:#fa5a3c}
.dx-bloc-v{width:124px;height:50px;display:grid;place-items:center;background:#fff;border-radius:9px;overflow:hidden;flex:0 0 auto}
.dx-lg1{display:flex;flex-direction:column;gap:8px}
.dx-lg1 button{padding:10px;border-radius:14px;border:2px solid var(--trait);background:#fff;cursor:pointer;display:grid;place-items:center}
.dx-lg1 button.on{border-color:#fa5a3c;box-shadow:0 0 0 3px rgba(250,90,60,.15)}
/* Page */
.dx-fmts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.dx-fmts button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;border-radius:16px;border:2px solid var(--trait);background:#fff;cursor:pointer;font:800 11.5px Inter,sans-serif;color:var(--doux)}
.dx-fmts button.on{border-color:#fa5a3c;color:#fa5a3c;background:#fff6ef}
.dx-fmt-i{width:44px;height:44px}
.dx-lignes-r{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.dx-ligne-r{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border-radius:14px;border:0;background:#f8f9fc;cursor:pointer;text-align:left;font-family:Inter,sans-serif;color:var(--ink)}
.dx-ligne-r:hover{background:#f1f3f9}
.dx-ligne-r>span:nth-child(2){flex:1}
.dx-ligne-r b{display:block;font-size:13.5px}
.dx-ligne-r small{font-size:11.5px;color:var(--doux)}
.dx-ligne-r>i{font-style:normal;font-size:20px;color:#b3b8cf}
.dx-lr-i{font-size:22px;width:44px;text-align:center}
.dx-lr-v{width:52px;height:32px;border-radius:8px;overflow:hidden;flex:0 0 auto;display:grid;place-items:center;background:#ddd}
.dx-lr-v.blanc{background:#fff;box-shadow:inset 0 0 0 1px var(--trait)}
.dx-lr-v img{width:100%;height:100%;object-fit:cover}
.dx-lr-v.blanc img{object-fit:contain}
.dx-lr-v .dx-nums{transform:scale(.6)}
.dx-switch{width:40px;height:24px;border-radius:999px;background:#d7dbe9;position:relative;flex:0 0 auto;transition:background .2s}
.dx-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.dx-switch.on{background:#fa5a3c}
.dx-switch.on::after{transform:translateX(16px)}
.dx-design{margin-top:14px;padding:12px;border-radius:16px;background:#f8f9fc}
.dx-design h5{display:flex;align-items:center;gap:6px;margin-top:0!important}
.dx-design h5 .dx-i{width:14px;height:14px}
.dx-abo{display:block;margin-top:10px;text-align:center;padding:10px;border-radius:12px;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff;font:800 13px Inter,sans-serif;text-decoration:none}
/* la bulle : la vraie page */
.dx-bulle{width:300px}
.dx-bulle-h{justify-content:flex-start}
.dx-bulle-x{margin-left:auto;width:28px;height:28px;border-radius:9px;border:0;background:var(--trait2);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.dx-bulle-x .dx-i{width:14px;height:14px}
.dx-mini-bulle{border-radius:4px;box-shadow:0 4px 16px rgba(31,42,90,.16)}
.dx-bulle-note{margin:0 0 6px;font:800 11px Inter,sans-serif;color:#fa5a3c;text-align:center}
.el.dx-neuf{outline:.7mm solid #fa5a3c;outline-offset:1mm;border-radius:1mm;background:rgba(250,90,60,.05);animation:dxNeuf 1.4s ease-in-out infinite}
@keyframes dxNeuf{50%{outline-color:rgba(250,90,60,.35)}}
/* barre de l'élément : fixe, au-dessus de la feuille */
.volante.dx-volante{position:fixed!important;z-index:60;display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:5px 7px;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(31,42,90,.22),0 0 0 1px rgba(31,42,90,.06)}
.volante.dx-volante button{min-width:32px;height:32px;border-radius:9px;display:inline-grid;place-items:center}
.volante.dx-volante select{height:32px;border-radius:9px;border:1.5px solid var(--trait);font:700 12.5px Inter,sans-serif;max-width:130px}
.dx-taille{width:42px;height:32px;border-radius:9px;border:1.5px solid var(--trait);text-align:center;font:800 13px Inter,sans-serif;color:var(--ink);outline:0}
.dx-taille:focus{border-color:#fa5a3c}
.dx-vmenu{position:relative;display:inline-flex}
.dx-vmenu-b{gap:3px;display:inline-flex!important;padding:0 6px}
.dx-vmenu-b i{font-style:normal;font-size:9px;color:var(--doux)}
.dx-vcoul{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--trait)}
.dx-vmenu-l{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:5;background:#fff;border-radius:12px;padding:6px;box-shadow:0 12px 30px rgba(31,42,90,.22);gap:3px}
.dx-vmenu.ouvert .dx-vmenu-l{display:flex}
/* toutes les pages */
.vue-pages .gr-carte.on{outline:none!important;box-shadow:none!important}
.vue-pages .gr-vue.on{outline:3px solid #fa5a3c;outline-offset:3px;border-radius:3px}
.vue-pages .gr-carte.dx-sel .gr-vue{outline:3px solid #fa5a3c;outline-offset:3px;border-radius:3px}
.vue-pages .gr-carte.dx-sel::after{content:"✓";position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#fa5a3c;color:#fff;display:grid;place-items:center;font:900 14px Inter,sans-serif}
.vue-pages .gr-carte{position:relative}
.dx-gr-plus{width:148px;height:210px;align-self:flex-start;border-radius:6px;border:2.5px dashed #d7dbe9;background:rgba(255,255,255,.5);color:#fa5a3c;display:grid;place-items:center;cursor:pointer}
.dx-gr-plus:hover{border-color:#fa5a3c;background:#fff6ef}
.dx-gr-plus .dx-i{width:36px;height:36px}
.dx-gr-barre{position:sticky;bottom:12px;margin:12px auto 0;width:max-content;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:16px;background:#1f2a5a;color:#fff;box-shadow:0 12px 30px rgba(31,42,90,.3)}
.dx-gr-barre[hidden]{display:none}
.dx-gr-barre b{padding:0 8px}
.dx-gr-barre button{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px;border-radius:10px;border:0;background:rgba(255,255,255,.14);color:#fff;font:800 12.5px Inter,sans-serif;cursor:pointer}
.dx-gr-barre .dx-i{width:15px;height:15px}
.dx-lasso{position:fixed;z-index:999;border:1.5px solid #fa5a3c;background:rgba(250,90,60,.08);border-radius:4px;pointer-events:none}
/* télécharger */
.dx-dl-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:12px 0}
.dx-dl-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border-radius:16px;border:2px solid var(--trait);background:#f8f9fc;cursor:pointer;font-family:Inter,sans-serif;color:var(--ink)}
.dx-dl-c.on{border-color:#fa5a3c;background:#fff6ef;box-shadow:0 0 0 3px rgba(250,90,60,.15)}
.dx-dl-v .dx-mini{border-radius:3px;box-shadow:0 3px 10px rgba(31,42,90,.15)}
.dx-dl-c b{font-size:13.5px;margin-top:4px}
.dx-dl-c small{font-size:11.5px;color:var(--doux)}
.dx-dl-ok{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#e3e6f0;color:#fff;display:grid;place-items:center;font:900 12px Inter,sans-serif;font-style:normal}
.dx-dl-c.on .dx-dl-ok{background:#fa5a3c}
.dx-dl-perso{margin:6px 0 10px}
.dx-dl-go{height:46px!important;padding:0 22px!important;font-size:15px!important}
/* Sur le site */
.dx-sim{width:auto}
.dx-sim .dx-cherche{flex:0 0 auto!important;height:38px}
.at-corps{grid-template-columns:76px 300px 1fr 300px!important}
body.sans-panneau .at-corps{grid-template-columns:76px 0 1fr 300px!important}
.dx-sim-l{display:flex!important;flex-direction:column;gap:10px}
.dx-sim-c{display:flex!important;flex-direction:row!important;gap:10px;padding:8px;border-radius:14px;background:#f8f9fc;cursor:pointer;transition:background .15s}
.dx-sim-c:hover{background:#f1f3f9}
.dx-sim-img{flex:0 0 76px;height:114px;border-radius:8px;overflow:hidden;background:#e8eaf3;box-shadow:0 3px 10px rgba(31,42,90,.14)}
.dx-sim-img img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.dx-sim-c:hover .dx-sim-img img{transform:scale(1.05)}
.dx-sim-t{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.dx-sim-t b{font:800 12.5px/1.25 Inter,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dx-sim-b{margin-top:auto;display:flex;gap:5px}
.dx-sim-b button{height:30px;border-radius:9px;border:0;background:#fff;color:var(--ink);font:800 11.5px Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0 9px;box-shadow:inset 0 0 0 1.5px var(--trait);position:static!important;opacity:1!important;width:auto!important}
.dx-sim-b button.p{background:#1f2a5a;color:#fff;box-shadow:none;flex:1;justify-content:center}
.dx-sim-b button .dx-i{width:14px;height:14px}
.dx-sim-b button.on{color:#f0265c;box-shadow:inset 0 0 0 1.5px #f0265c}
.dx-sim-b button.on .dx-i{fill:currentColor}
/* tuto des niveaux + différenciation */
.dx-tuto{width:300px}
.dx-tuto h4{margin:0 0 10px;font:900 16px Inter,sans-serif;color:var(--ink)}
.dx-tuto-l{display:flex;gap:10px;margin-bottom:10px}
.dx-tuto-i{flex:0 0 40px;height:40px;border-radius:12px;background:#fff1ea;display:grid;place-items:center;font-size:16px;color:#fa5a3c;font-weight:900}
.dx-tuto p{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink)}
.dx-tuto .b{width:100%}
.dx-pill button.auto{opacity:.65}
.dx-diff{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow:auto;margin:10px 0}
.dx-diff-l{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;background:#f8f9fc}
.dx-diff-v{width:96px;height:54px;background:#fff;border-radius:8px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.dx-diff-n{flex:1;min-width:0}
.dx-diff-n b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-diff-n small{font-size:11px;color:var(--doux)}
.dx-diff .dx-pill button{height:30px;font-size:11.5px;padding:0 9px}
@media (max-width:1180px) and (min-width:901px){.at-corps{grid-template-columns:70px 280px 1fr 46px!important}}
@media (max-width:900px){.at-corps{grid-template-columns:62px 1fr!important}.dx-bulle{width:min(300px,90vw)}}
body.dx-sim-ferme .at-corps{grid-template-columns:76px 300px 1fr 46px!important}
body.dx-sim-ferme.sans-panneau .at-corps{grid-template-columns:76px 0 1fr 46px!important}
@media (max-width:900px){body.dx-sim-ferme .at-corps,body.dx-sim-ferme.sans-panneau .at-corps{grid-template-columns:62px 1fr!important}}
.volante.dx-volante,.volante.dx-volante button,.volante.dx-volante select,.volante.dx-volante .vis-b{color:var(--ink)!important;background-color:transparent}
.volante.dx-volante{background:#fff!important;flex-wrap:nowrap;gap:2px;overflow:visible}
.volante.dx-volante button:hover{background:var(--trait2)!important}
.volante.dx-volante button.on{background:#fff1ea!important;color:#fa5a3c!important}
.volante.dx-volante select{background:#fff!important;max-width:112px;padding:0 6px}
.volante.dx-volante .sep{width:1px;height:20px;background:var(--trait)!important;margin:0 3px}
.volante.dx-volante .vis-l,.volante.dx-volante .dx-vmenu-l{background:#fff!important;color:var(--ink)!important}
.volante.dx-volante .vis-l button{color:var(--ink)!important}
.volante.dx-volante [data-vsuppr]{color:#e0262f!important}
@media (max-width:1100px){.volante.dx-volante{flex-wrap:wrap}}
/* journal : onglets de semaines, année, post-it */
.jr2-mois{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;margin-left:14px;border-radius:12px;border:0;background:rgba(255,255,255,.22);color:#fff;font:800 14px Inter,sans-serif;cursor:pointer}
.jr2-mois i{font-style:normal;font-size:10px;opacity:.8}
.jr2-h .jr2-auj{height:34px;padding:0 12px;margin-left:6px;border-radius:10px;border:0;background:#fff;color:#fa5a3c;font:800 13px Inter,sans-serif;cursor:pointer}
.jr2-onglets{display:flex;gap:4px;padding:8px 12px 0;background:#fff;overflow-x:auto;flex:0 0 auto;border-bottom:1px solid #e8eaf3}
.jr2-onglets button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 14px 8px;border:0;border-radius:12px 12px 0 0;background:#f4f5fa;color:#8a91ad;font:600 11.5px Inter,sans-serif;cursor:pointer;white-space:nowrap;position:relative}
.jr2-onglets button b{font:900 13px Inter,sans-serif;color:#5a6385}
.jr2-onglets button.on{background:#fff;color:#1f2a5a;box-shadow:0 -2px 0 #fa5a3c inset,0 0 0 1px #e8eaf3}
.jr2-onglets button.on b{color:#fa5a3c}
.jr2-onglets button.auj::after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#fa5a3c}
.jr2-onglets button.cg{background:#f3edff}
.jr2-jt{display:flex;align-items:center;justify-content:space-between;gap:6px}
.jr2-postit-b{position:relative;height:30px;min-width:34px;border-radius:9px;border:0;background:#fff7c2;font-size:15px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.jr2-postit-b i{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;border-radius:999px;background:#fa5a3c;color:#fff;font:900 10px/17px Inter,sans-serif;font-style:normal;text-align:center}
.jr2-t thead th.auj .jr2-postit-b{background:#fff}
.jr2-postit{position:fixed;z-index:560;width:290px;min-height:250px;padding:22px 20px 18px;background:linear-gradient(180deg,#fff59d,#ffef7a);color:#3d3a2a;
  box-shadow:0 18px 40px rgba(60,50,0,.28),0 2px 0 rgba(0,0,0,.04) inset;transform:rotate(-1.5deg);border-radius:2px 2px 14px 2px;animation:dxPop .25s both;font-family:'Caveat',cursive}
.jr2-postit::before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:24px;margin-left:-45px;background:rgba(255,255,255,.55);box-shadow:0 1px 3px rgba(0,0,0,.12);transform:rotate(2deg)}
.jr2-postit h4{margin:0 0 10px;font:700 30px/1 'Caveat',cursive;color:#1f2a5a;text-transform:capitalize}
.jr2-postit-x{position:absolute;top:8px;right:10px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.06);cursor:pointer;font-size:13px}
.jr2-postit-l{background:repeating-linear-gradient(transparent 0 31px,rgba(31,42,90,.14) 31px 32px);min-height:150px}
.jr2-postit-l label{display:flex;align-items:center;gap:8px;height:32px;font-size:23px;cursor:pointer}
.jr2-postit-l label span{flex:1;outline:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jr2-postit-l label.fait span{text-decoration:line-through;text-decoration-color:#fa5a3c;opacity:.55}
.jr2-postit-l input[type=checkbox]{width:18px;height:18px;accent-color:#fa5a3c}
.jr2-postit-l label button{border:0;background:none;opacity:0;cursor:pointer}
.jr2-postit-l label:hover button{opacity:.5}
.jr2-postit-nv{display:flex;align-items:center;gap:8px;height:32px}
.jr2-postit-nv span{font-size:22px;color:#fa5a3c;width:18px;text-align:center}
.jr2-postit-nv input{flex:1;border:0;background:none;font:600 23px 'Caveat',cursive;color:#3d3a2a;outline:0}
.jr2-boite-annee{max-width:min(1100px,96vw)!important}
.jr2-annee-h{display:flex;align-items:center;justify-content:space-between}
.jr2-leg{display:flex;align-items:center;gap:6px;font:700 12px Inter,sans-serif;color:#8a91ad}
.jr2-leg i{width:12px;height:12px;border-radius:4px;display:inline-block}.jr2-leg i.cg{background:#e9ddff}.jr2-leg i.auj{background:#fa5a3c}
.jr2-annee{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;max-height:66vh;overflow:auto;margin:12px 0}
.jr2-m{background:#f8f9fc;border-radius:16px;padding:10px}
.jr2-m>b{display:block;font:900 14px Inter,sans-serif;color:#1f2a5a;margin-bottom:6px}
.jr2-m-j,.jr2-m-s{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.jr2-m-j i{font:800 10px Inter,sans-serif;font-style:normal;color:#8a91ad}
.jr2-m-s{width:100%;border:0;background:none;padding:2px 0;border-radius:8px;cursor:pointer}
.jr2-m-s:hover{background:#fff1ea}
.jr2-m-s.on{background:#1f2a5a}.jr2-m-s.on span{color:#fff}
.jr2-m-s span{font:700 11.5px/22px Inter,sans-serif;color:#1f2a5a;border-radius:6px}
.jr2-m-s span.hors{opacity:.3}.jr2-m-s span.we{color:#b3b8cf}
.jr2-m-s span.cg{background:#e9ddff}
.jr2-m-s span.auj{background:#fa5a3c;color:#fff}
/* ================= v4 : aperçus « PNG » ================= */
.dx-png{display:block;max-width:100%;height:auto;overflow:visible;filter:drop-shadow(0 3px 7px rgba(31,42,90,.16))}
.dx-th{background:none!important;border-radius:0}
.dx-tuiles1 button,.dx-tuiles2 button,.dx-outils1 button,.dx-outils2 button,.dx-blocs1 button,.dx-lg1 button,.dx-pop-tuiles button{background:transparent!important;border:2px solid transparent!important;box-shadow:none!important}
.dx-tuiles1 button:hover,.dx-tuiles2 button:hover,.dx-outils1 button:hover,.dx-outils2 button:hover,.dx-blocs1 button:hover,.dx-lg1 button:hover{background:#f8f9fc!important;transform:translateY(-2px)}
.dx-tuiles1 button.on,.dx-tuiles2 button.on,.dx-lg1 button.on,.dx-pop-tuiles button.on{border-color:#fa5a3c!important;background:#fff8f4!important}
.dx-outils1 .dx-th,.dx-tuiles1 .dx-th{height:120px}
.dx-outils2 .dx-th,.dx-tuiles2 .dx-th{height:96px}
.dx-outils1 b,.dx-outils2 b,.dx-tuiles1 small{font:800 12px Inter,sans-serif;color:var(--ink)}
.dx-blocs1 button{flex-direction:column;align-items:center;gap:6px}
.dx-bloc-v{width:100%;height:70px;background:none}
/* Cartable : matière + onglets de sujets */
.dx-mat-b{display:flex;align-items:center;gap:10px;width:100%;height:50px;padding:0 14px;border-radius:16px;border:0;background:linear-gradient(120deg,#fff1ea,#ffe1ea);cursor:pointer;font-family:Inter,sans-serif;color:var(--ink)}
.dx-mat-b em{font-style:normal;font-size:24px}.dx-mat-b b{flex:1;text-align:left;font-size:16px}.dx-mat-b i{font-style:normal;color:#fa5a3c}
.dx-cart-tete{margin-bottom:8px}
.dx-sujets{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.dx-sujets::-webkit-scrollbar{display:none}
.dx-sujets button{flex:0 0 auto;height:34px;padding:0 13px;border-radius:999px;border:0;background:var(--trait2);font:800 12.5px Inter,sans-serif;color:var(--doux);cursor:pointer;white-space:nowrap}
.dx-sujets button.on{background:#1f2a5a;color:#fff}
.dx-sans-cadre .dx-th{height:90px}
/* Mes fiches */
.dx-fiches{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}
.dx-fiches button{flex:0 0 64px;height:96px;padding:0;border-radius:9px;border:2.5px solid transparent;overflow:hidden;cursor:pointer;background:#eee}
.dx-fiches button.on{border-color:#fa5a3c}
.dx-fiches img{width:100%;height:100%;object-fit:cover}
.dx-fiche-t{display:block;font:800 13.5px Inter,sans-serif;margin:4px 0 8px}
.dx-fiche-pages{display:flex;flex-direction:column;gap:12px}
.dx-fiche-pages button{position:relative;padding:0;border:3px solid transparent;border-radius:6px;background:none;cursor:pointer;transition:transform .15s}
.dx-fiche-pages button:hover{transform:translateY(-2px)}
.dx-fiche-pages button.on{border-color:#fa5a3c}
.dx-fp-v{display:block;aspect-ratio:210/297;background:#fff;box-shadow:0 4px 14px rgba(31,42,90,.16);border-radius:3px;overflow:hidden}
.dx-fp-v img{width:100%;height:100%;object-fit:contain;display:block}
.dx-fiche-pages i{position:absolute;left:8px;bottom:8px;padding:1px 8px;border-radius:7px;background:#1f2a5a;color:#fff;font:800 11px Inter,sans-serif;font-style:normal}
.dx-bulle-page img{width:100%;display:block;border-radius:3px;box-shadow:0 4px 16px rgba(31,42,90,.16)}
/* aperçu d'une fiche du site au survol */
.dx-survol{position:fixed;z-index:1300;width:400px;padding:14px;background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(31,42,90,.3);pointer-events:none;animation:dxPop .2s both;font-family:Inter,sans-serif;color:var(--ink)}
.dx-survol-imgs{display:flex;gap:8px;margin-bottom:10px}
.dx-survol-imgs img{flex:1;min-width:0;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px rgba(31,42,90,.15)}
.dx-survol b{display:block;font-size:14px}.dx-survol small{color:#fa5a3c;font-weight:700;font-size:12px}
/* barre de l'élément : jamais coupée */
#pages{margin-top:46px}
.volante.dx-volante .vis-b{font-size:0!important;width:34px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2a5a' stroke-width='2.2'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/18px no-repeat!important}
.volante.dx-volante .vis-b *{display:none}
.volante.dx-volante select{min-width:120px}
/* différenciation */
.dx-diff-l{gap:14px;padding:12px;background:#fff;border:1.5px solid var(--trait)}
.dx-diff-v{width:200px;height:96px;background:none}
.dx-diff-n b{font-size:14.5px}
.dx-diff .dx-pill{flex-direction:column;border-radius:14px;gap:3px;padding:4px}
.dx-diff .dx-pill button{justify-content:flex-start;height:32px;font-size:12.5px;padding:0 12px;border-radius:10px}
.dx-diff .dx-pill button[data-v="adapter"].on{background:#fa5a3c;color:#fff}
.dx-diff .dx-pill button[data-v="retirer"].on{background:#e0262f;color:#fff}
/* ================= v5 ================= */
/* les aperçus prennent juste leur place */
.dx-th{height:auto!important;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 4px}
.dx-tuiles1,.dx-outils1,.dx-tuiles2,.dx-outils2{gap:4px}
.dx-tuiles1 button,.dx-outils1 button,.dx-tuiles2 button,.dx-outils2 button{padding:6px 6px 8px;gap:2px}
.dx-tuiles2 .dx-png,.dx-outils2 .dx-png{max-height:120px}
.dx-tuiles1 .dx-png,.dx-outils1 .dx-png{max-height:150px}
/* Éléments : la boîte Formes */
.dx-formes-b{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;margin-bottom:10px;border-radius:16px;border:2px solid var(--trait);background:#fff;cursor:pointer;font:800 15px Inter,sans-serif;color:var(--ink)}
.dx-formes-b.on{border-color:#fa5a3c}
.dx-formes-b b{flex:1;text-align:left}.dx-formes-b i{font-style:normal;color:#fa5a3c}
.dx-formes-mini{display:grid;grid-template-columns:repeat(3,22px);gap:3px}
.dx-formes-mini svg{width:22px;height:22px;display:block}
.dx-pop-formes{display:grid;grid-template-columns:repeat(5,52px);gap:6px}
.dx-pop-formes button{width:52px;height:52px;border-radius:12px;border:2px solid var(--trait);background:#fff;padding:8px;cursor:pointer}
.dx-pop-formes button.on{border-color:#fa5a3c;background:#fff6ef}
.dx-pop-formes svg{width:100%;height:100%;display:block}
/* barre de l'élément : menus */
.volante.dx-volante .vis-b{background:none!important;font-size:inherit!important}
.volante.dx-volante .vis-b *{display:initial}
.dx-vmenu-b small{font:800 11.5px Inter,sans-serif;color:var(--ink)}
.dx-vis-l{flex-direction:column;min-width:150px}
.dx-vis-l label{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;font:700 13px Inter,sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap}
.dx-vis-l label:hover{background:var(--trait2)}
.dx-vis-l input{accent-color:#fa5a3c;width:16px;height:16px}
.dx-vgrille .dx-vmenu-l{display:none;flex-direction:column;gap:4px;width:200px;max-height:60vh;overflow:auto}
.dx-vgrille.ouvert .dx-vmenu-l{display:flex}
.dx-vgrille .dx-vmenu-l button{height:auto!important;padding:5px!important;border-radius:9px;display:grid!important;place-items:center}
.dx-vgrille .dx-vmenu-l img{width:150px;display:block}
.dx-vgrille .dx-vmenu-l .dx-png{filter:none}
.dx-vmenu-l .vc{min-width:26px!important;width:26px;height:26px!important}
.dx-vmenu-l .vc .pt{width:16px;height:16px;border-radius:50%;display:block;box-shadow:0 0 0 1.5px var(--trait)}
.dx-vmenu-l .vc.on .pt{box-shadow:0 0 0 2.5px #fa5a3c}
.dx-total{width:48px}
/* animations : exactement celles de la démo */
@keyframes dxPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.el.dx-pop{animation:dxPop .4s cubic-bezier(.3,1.4,.4,1) both;animation-delay:calc(var(--d,0) * 110ms);transform-origin:center}
@keyframes dxDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.dx-anime svg.des g.pc{animation:dxDrop .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(.15s + var(--t) * .55 + var(--d,0) * 110ms)}
.dx-anime svg.des g.pc.pop{animation-name:dxPop;animation-timing-function:cubic-bezier(.3,1.4,.4,1)}
/* l'accueil : créer à gauche, documents à droite */
.dx-home2{flex:1;min-height:0;display:grid;grid-template-columns:300px 1fr;overflow:hidden}
.dx-cote{overflow-y:auto;padding:22px 18px;border-right:1px solid var(--trait);background:#fff;display:flex;flex-direction:column;gap:12px}
.dx-cote-t{margin:0 4px 2px;font:800 20px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.dx-creer{display:flex;flex-direction:column;gap:6px}
.dx-ligne-c{display:flex;align-items:center;gap:12px;padding:9px 10px;border:0;border-radius:16px;background:#fff;cursor:pointer;text-align:left;font-family:Inter,sans-serif;color:var(--ink);transition:background .15s,transform .15s}
.dx-ligne-c:hover{background:color-mix(in srgb,var(--c) 10%,#fff);transform:translateX(3px)}
.dx-ligne-c .dx-type-v{width:50px;height:50px;border-radius:16px;box-shadow:none;background:var(--c)}
.dx-ligne-c .dx-type-v .dx-i{width:24px;height:24px}
.dx-ligne-c>span:nth-child(2){flex:1}
.dx-ligne-c b{display:block;font-size:15px}
.dx-ligne-c small{font-size:12px;color:var(--doux)}
.dx-ligne-c i{font-style:normal;font-size:20px;color:#c9cee3}
.dx-cote .dx-nav{position:static;margin-top:6px}
.dx-invite2{margin-top:auto;padding:14px;border-radius:16px;background:#fff6ef;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.dx-invite2 .dx-i{color:#fa5a3c}
.dx-invite2 p{margin:0;font-size:13px;line-height:1.45}
.dx-docs2{overflow-y:auto;padding:22px 26px 60px}
.dx-docs-h{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.dx-docs-h h2{margin:0;font:800 24px Inter,sans-serif;color:var(--ink)}
.dx-docs-h .dx-filtres{margin:0}
.dx-grille{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:26px 18px}
.dx-tags-haut{display:flex;gap:4px;flex-wrap:wrap;min-height:20px;margin-bottom:6px}
.dx-tags-haut span{font:800 10px Inter,sans-serif;padding:3px 8px;border-radius:999px;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff}
.dx-tags-haut .mt{background:#e8f0ff;color:#2f5fd0}
.dx-carte-v{background:#f3f4f9;border-radius:12px;padding:14px}
.dx-carte-v .dx-mini{box-shadow:0 6px 18px rgba(31,42,90,.16)}
.dx-pg-fl{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px rgba(31,42,90,.25);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .2s;color:var(--ink)}
.dx-pg-fl.g{left:6px}.dx-pg-fl.d{right:6px}.dx-pg-fl.d .dx-i{transform:rotate(180deg)}
.dx-pg-fl .dx-i{width:16px;height:16px}
.dx-carte:hover .dx-pg-fl{opacity:1}
.dx-pg-n{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:999px;background:rgba(31,42,90,.75);color:#fff;font:800 10.5px Inter,sans-serif;opacity:0;transition:opacity .2s}
.dx-carte:hover .dx-pg-n{opacity:1}
.dx-carte-t h3{font-size:14.5px}
@media (max-width:900px){.dx-home2{grid-template-columns:1fr;overflow:auto}.dx-cote{border-right:0;border-bottom:1px solid var(--trait)}.dx-creer{flex-direction:row;overflow-x:auto}.dx-ligne-c{flex:0 0 190px}.dx-docs2{overflow:visible}}
/* ================= v6 ================= */
.el.dx-pop{transition:none!important}
.el.dx-anime{opacity:1}
.dx-anime svg.des g.pc{animation-delay:calc(var(--t) * .6 + var(--d,0) * 120ms)}
body.dx-cover .dx-sim{display:none!important}
body.dx-cover .at-corps{grid-template-columns:76px 300px 1fr 0!important}
.dx-fmts.deux{grid-template-columns:1fr 1fr}
.dx-vtog{display:inline-flex!important;align-items:center;gap:5px;padding:0 9px!important;font:800 11.5px Inter,sans-serif;color:var(--doux)!important;white-space:nowrap}
.dx-vtog i{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--trait);display:inline-block}
.dx-vtog.on{color:var(--ink)!important}
.dx-vtog.on i{background:#fa5a3c;border-color:#fa5a3c}
.dx-vliste .dx-vmenu-l{flex-direction:column;min-width:170px}
.dx-vliste .dx-vmenu-l button{justify-content:flex-start!important;padding:0 10px!important;font:700 12.5px Inter,sans-serif;white-space:nowrap}
.dx-vliste .dx-vmenu-l button.on{background:#fff1ea!important;color:#fa5a3c!important}
.dx-bulle .dx-neuf{cursor:grab}
.dx-nvd{display:flex;gap:6px;width:260px}
.dx-nvd input{flex:1;height:40px;border-radius:11px;border:1.5px solid var(--trait);padding:0 10px;font:700 14px Inter,sans-serif;outline:0}
.dx-nvd input:focus{border-color:#fa5a3c}
/* journal v3 */
.jr2-mtabs{display:flex;gap:3px;margin-left:14px;overflow-x:auto;scrollbar-width:none}
.jr2-mtabs::-webkit-scrollbar{display:none}
.jr2-mtabs button{height:34px;padding:0 11px;border-radius:10px;border:0;background:rgba(255,255,255,.16);color:#fff;font:800 12.5px Inter,sans-serif;cursor:pointer;white-space:nowrap;position:relative}
.jr2-mtabs button.on{background:#fff;color:#fa5a3c}
.jr2-mtabs button.auj::after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#ffd166}
.jr2-onglets button{padding:6px 14px}
.jr2-corps{flex:1;min-height:0;display:grid;grid-template-columns:1fr 280px}
.jr2-site{background:#fff;border-left:1px solid #e8eaf3;overflow-y:auto;padding:12px}
.jr2-site-h b{font:800 14px Inter,sans-serif;color:#1f2a5a}
.jr2-site .dx-cherche{margin:8px 0 10px}
.jr2-site-l{display:flex;flex-direction:column;gap:8px}
.jr2-res{display:flex;align-items:center;gap:10px;padding:6px;border-radius:12px;border:0;background:#f8f9fc;cursor:pointer;text-align:left;font:700 12px/1.3 Inter,sans-serif;color:#1f2a5a}
.jr2-res:hover{background:#fff1ea}
.jr2-res img{width:42px;height:60px;object-fit:cover;border-radius:6px;flex:0 0 auto;box-shadow:0 2px 6px rgba(31,42,90,.15)}
.jr2-creer{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:12px;border:0;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff;font:800 13px Inter,sans-serif;cursor:pointer;margin-top:4px}
.jr2-c.multi{box-shadow:inset 0 0 0 2px #fa5a3c;background:#fff4ee!important}
@media (max-width:900px){.jr2-corps{grid-template-columns:1fr}.jr2-site{display:none}}
/* ================= v7 ================= */
.el .in{transform-origin:center}
.volante.dx-volante{flex-wrap:wrap!important;max-width:min(100%,900px)}
.dx-vsw{display:flex;flex-wrap:wrap;gap:4px;padding:6px 4px 2px;border-top:1px solid var(--trait);margin-top:4px}
.dx-vliste .dx-step{padding:4px}
.dx-vliste .dx-step b{min-width:40px;text-align:center;font:900 16px Inter,sans-serif}
.dx-reg-b{flex-direction:row}
.dx-reg-b>span{flex:1;text-align:left}.dx-reg-b small{display:block;font:600 12px Inter,sans-serif;color:var(--doux)}
.dx-pop-reg{display:flex;flex-direction:column;gap:12px;width:300px}
.dx-reg>b{display:block;font:800 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--doux);margin-bottom:6px}
.dx-reg .dx-switch{display:block}
.dx-reg .dx-pop-formes{grid-template-columns:repeat(5,52px)}
.dx-reg .dx-pop-formes button{padding:3px;display:grid;place-items:center;font:900 18px Inter,sans-serif;color:var(--doux)}
.dx-reg .dx-pop-formes .dx-png{filter:none;max-width:44px;max-height:44px}
.dx-tuiles1 small{font-size:12.5px}
/* ouverture */
.dx-splash{position:fixed;inset:0;z-index:5000;background:#fff;display:grid;place-items:center;transition:opacity .5s;pointer-events:none}
.dx-splash.fin{opacity:0}
.dx-splash-l{width:min(520px,80vw);clip-path:inset(0 100% 0 0);animation:dxBalaye .9s cubic-bezier(.2,.8,.2,1) .15s forwards}
.dx-splash-l svg{width:100%;height:auto;display:block}
@keyframes dxBalaye{to{clip-path:inset(0 0 0 0)}}
/* cartes du site (Sur le site + journal) */
.dx-sim-c{flex-direction:column!important;gap:6px;padding:10px;background:#fff;box-shadow:0 1px 0 var(--trait)}
.dx-sim-c:hover{background:#fff}
.dx-sim-img{position:relative;display:block;flex:none;width:100%;height:auto;aspect-ratio:2/3;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(31,42,90,.16)}
.dx-sim-coeur{position:absolute!important;top:8px;right:8px;width:34px!important;height:34px!important;border-radius:50%;border:0;background:#fff;color:#8a91ad;display:grid!important;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;opacity:1!important;padding:0!important}
.dx-sim-coeur.on{color:#f0265c}.dx-sim-coeur.on .dx-i{fill:currentColor}
.dx-sim-titre{font:800 13px/1.3 Inter,sans-serif;color:var(--ink)}
.dx-sim-ajout{height:36px;border-radius:11px;border:0;background:#1f2a5a;color:#fff;font:800 12.5px Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.dx-sim-ajout .dx-i{width:15px;height:15px}
.jr2-res{flex-direction:column;align-items:stretch;padding:8px;background:#fff;box-shadow:0 1px 0 #e8eaf3}
.jr2-res img{width:100%;height:auto;aspect-ratio:2/3;border-radius:10px;margin:6px 0}
.jr2-res-t{font:800 12.5px/1.3 Inter,sans-serif}
/* logos SHEET / AGENDA */
.dx-logo-sheet svg,.jr2-titre svg{height:34px;width:auto;display:block}
.dx-logo-sheet{display:inline-flex;align-items:center}
.dx-imgs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dx-imgs button{position:relative;padding:0;border:2px solid var(--trait);border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#f3f4f8 0 25%,#fff 0 50%) 0 0/14px 14px;cursor:pointer;aspect-ratio:1}
.dx-imgs button:hover{border-color:#fa5a3c}
.dx-imgs img{width:100%;height:100%;object-fit:contain;display:block}
.dx-imgs i{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.2);color:var(--ink)}
.dx-imgs i .dx-i{width:12px;height:12px}
body.dx-drop #scene{outline:4px dashed #fa5a3c;outline-offset:-8px}
/* accueil : plus lisible */
.dx-cote{background:#f8f9fc;gap:8px}
.dx-cote-t{font-size:17px;margin-bottom:6px}
.dx-ligne-c{background:#fff;box-shadow:0 1px 0 var(--trait);padding:12px}
.dx-ligne-c b{font-size:15.5px}
.dx-cote .dx-nav{padding-top:10px;border-top:1px solid var(--trait);margin-top:10px}
.dx-docs-h h2{font-size:26px}
.dx-attente{cursor:progress}
.dx-attente .dx-ligne-c{pointer-events:none;opacity:.7}
/* ================= v8 ================= */
.dx-sim-c{display:grid!important;grid-template-columns:1fr;gap:6px;padding:10px 10px 12px;border-radius:16px;background:#fff;border:1.5px solid var(--trait);box-shadow:none}
.dx-sim-img{aspect-ratio:2/3}
.dx-sim-ajout{width:100%}
.dx-survol{display:none!important}
.dx-pop-formes.trois{grid-template-columns:repeat(3,1fr)}
.dx-pop-formes.trois button{width:auto;height:auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;font:700 10.5px Inter,sans-serif;color:var(--ink)}
.dx-pop-formes.trois .dx-png{max-width:60px;max-height:60px;filter:none}
.jr2-postit-b{height:30px;padding:0 10px;border-radius:9px;border:0;background:#fff59d;color:#5a4a00;font:800 11.5px Inter,sans-serif;cursor:pointer;box-shadow:0 2px 0 #e6d85a,0 3px 8px rgba(0,0,0,.08);transform:rotate(-2deg);display:inline-flex;align-items:center;gap:5px}
.jr2-postit-b:hover{transform:rotate(0)}
.jr2-postit-b i{position:static;min-width:18px;height:18px;border-radius:999px;background:#fa5a3c;color:#fff;font:900 10.5px/18px Inter,sans-serif;font-style:normal;text-align:center}
.dx-logo-sheet svg{height:46px}
.jr2-titre svg{height:44px}
.dx-top-logo svg{height:40px}
.dx-logo svg{height:52px}
/* le sous-panneau d'un outil, à droite de la liste */
.dx-sous{position:fixed;z-index:66;width:310px;max-height:calc(100vh - 140px);overflow:auto;background:#fff;border-radius:20px;padding:14px 14px 16px;box-shadow:0 22px 56px rgba(31,42,90,.26),0 0 0 1px rgba(31,42,90,.06);animation:dxPop .2s both}
.dx-sous::before{content:"";position:absolute;left:-8px;top:calc(var(--pointe,24px) - 8px);width:16px;height:16px;background:#fff;transform:rotate(45deg);border-radius:3px;box-shadow:-2px 2px 3px rgba(31,42,90,.06)}
.dx-sous-x{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:10px;border:0;background:var(--trait2);display:grid;place-items:center;cursor:pointer;color:var(--ink);z-index:2}
.dx-sous-x .dx-i{width:14px;height:14px}
.dx-sous .dx-outil-nom{margin-right:34px!important}
.dx-outils1 button{position:relative}
.dx-outils1 button.on,.dx-outils2 button.on{border-color:#fa5a3c!important;background:#fff6ef!important;box-shadow:0 0 0 3px rgba(250,90,60,.15)!important}
.dx-fleche{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#fa5a3c;color:#fff;display:grid;place-items:center;font:900 16px Inter,sans-serif;font-style:normal}
@media (max-width:900px){.dx-sous{position:static;width:auto;max-height:none;box-shadow:none;border:2px solid #ffd2c2;margin-top:10px;animation:none}.dx-sous::before{display:none}}

/* v9 : sous-menu pour chaque élément */
.dx-tuiles1 button,.dx-lg1 button,.dx-formes-b,.dx-outils1 button{position:relative}
.dx-tuiles1 button.on,.dx-lg1 button.on,.dx-formes-b.on{border-color:#fa5a3c!important;background:#fff6ef!important;box-shadow:0 0 0 3px rgba(250,90,60,.15)!important}
.dx-sous .dx-reg{margin-bottom:12px}
.dx-sous .dx-tuiles1{margin-top:4px}
.dx-sous .dx-tuiles1 button.on{cursor:default}
.dx-sous-coul{display:flex;flex-wrap:wrap;gap:6px}
.dx-sous-coul button{width:30px;height:30px;border-radius:50%;border:2px solid rgba(31,42,90,.12);cursor:pointer;transition:transform .15s}
.dx-sous-coul button:hover{transform:scale(1.1)}
.dx-sous-coul button.on{box-shadow:0 0 0 3px #fff,0 0 0 5px #fa5a3c}
.dx-sous .dx-champ{width:100%;box-sizing:border-box}
.dx-sous .dx-puce{margin:0}

/* ================= v10 : nouvelle interface ================= */
:root{--papier:#f3efe6;--papier2:#e9e2d4;--ligne:#e3dccd;--r:12px}
body.docs-lae{background:var(--papier)}
/* --- accueil : farde de cours --- */
.dx-home10 .dx-h10{background:transparent;border:0;padding:16px 28px 6px;gap:18px}
.dx-logo10{display:block;width:170px;flex:0 0 auto}
.dx-logo10 svg{width:100%;height:auto;display:block}
.dx-home10 .dx-cherche{background:#fff;border:1px solid var(--ligne);box-shadow:0 1px 0 rgba(31,42,90,.03)}
.dx-home10 .dx-cherche:focus-within{border-color:#fa5a3c}
.dx-home10-c{flex:1;min-height:0;display:grid;grid-template-columns:260px 1fr;gap:0;overflow:hidden;padding:8px 0 90px}
.dx-farde{overflow-y:auto;padding:14px 0 20px 28px;display:flex;flex-direction:column;gap:8px}
.dx-farde-t{margin:0 0 6px 14px;font:800 11px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
.dx-farde .dx-nav{position:static;gap:4px}
.dx-farde .dx-nav h4{margin:14px 14px 4px}
.dx-farde .dx-nav button{position:relative;padding:11px 14px 11px 18px;border-radius:0 var(--r) var(--r) 0;background:#fff;border-left:6px solid var(--c,#1f2a5a);box-shadow:0 1px 2px rgba(31,42,90,.05);font-size:13.5px;transition:transform .15s,box-shadow .15s}
.dx-farde .dx-nav button:hover{transform:translateX(4px);box-shadow:0 6px 16px rgba(31,42,90,.1)}
.dx-farde .dx-nav button.on{background:#1f2a5a;color:#fff;transform:translateX(6px)}
.dx-farde .dx-nav button .dx-pastille{display:none}
.dx-farde .dx-nav .dx-nv{background:transparent;border-left-color:transparent;box-shadow:none;color:var(--g1)}
.dx-farde .dx-invite2{margin:auto 28px 0 0;border-radius:var(--r);background:#fff;border:1px solid var(--ligne)}
.dx-home10 .dx-docs2{padding:14px 32px 40px 36px}
.dx-fil10{display:flex;align-items:center;gap:8px;margin-bottom:6px;font:700 12.5px Inter,sans-serif;color:var(--doux)}
.dx-fil10 button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--doux);font:inherit;cursor:pointer;padding:4px 6px;border-radius:8px}
.dx-fil10 button:hover{background:#fff}
.dx-fil10 .dx-i{width:14px;height:14px}
.dx-fil10 i{font-style:normal;opacity:.5}
.dx-fil10 b{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.dx-home10 .dx-docs-h h2{font-size:26px;letter-spacing:-.02em}
.dx-home10 .dx-chip{background:#fff;border-color:var(--ligne)}
.dx-home10 .dx-chip.on{background:var(--ink);border-color:var(--ink)}
.dx-fardes h5{margin:12px 0 10px;font:800 11px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
.dx-fardes-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:28px}
.dx-farde-c{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 14px 12px;margin-top:12px;border:1px solid var(--ligne);border-radius:4px var(--r) var(--r) var(--r);background:#fff;cursor:pointer;text-align:left;font-family:Inter,sans-serif;color:var(--ink);box-shadow:0 1px 2px rgba(31,42,90,.05);transition:transform .2s,box-shadow .2s}
.dx-farde-c:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(31,42,90,.12)}
.dx-farde-onglet{position:absolute;left:-1px;top:-12px;width:78px;height:14px;border-radius:6px 6px 0 0;background:var(--c,#c9cee3)}
.dx-farde-minis{display:flex;gap:6px;height:64px;margin-bottom:8px;align-items:flex-end}
.dx-farde-minis>span{display:block;width:46px;height:64px;overflow:hidden;border-radius:3px;box-shadow:0 2px 6px rgba(31,42,90,.18);background:#fff}
.dx-farde-minis .dx-mini{transform-origin:0 0}
.dx-farde-c b{font-size:15px}
.dx-farde-c small{font-size:12px;color:var(--doux)}
.dx-farde-nv{justify-content:center;align-items:center;border-style:dashed;background:transparent;color:var(--g1);min-height:140px;box-shadow:none}
.dx-farde-nv .dx-i{width:28px;height:28px}
.dx-home10 .dx-carte-v{background:#fff;border:1px solid var(--ligne);border-radius:10px;padding:14px}
.dx-home10 .dx-carte:hover .dx-carte-v{box-shadow:0 14px 30px rgba(31,42,90,.12)}
.dx-home10 .dx-carte-nv>span{border-radius:10px;border-color:var(--ligne);background:rgba(255,255,255,.5)}
.dx-home10 .dx-vide{background:#fff;border:1px solid var(--ligne);border-radius:var(--r)}
/* --- le dock en bas, même esprit que le toggle du site, en clair --- */
.dx-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;display:flex;align-items:stretch;gap:0;padding:6px;border-radius:20px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 14px 44px rgba(31,42,90,.2),0 0 0 1px rgba(31,42,90,.08),inset 0 1px 0 #fff;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}
.dx-dock::-webkit-scrollbar{display:none}
.dx-dock-logo{display:flex;align-items:center;padding:0 14px;margin-right:6px;border-radius:14px;background:#1f2a5a;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.dx-dock-logo svg{height:30px;width:auto;display:block}
.dx-dock-b{position:relative;display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 18px;margin:0 2px;border:0;border-radius:14px;background:transparent;color:var(--ink);font:800 14px Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:color .25s;isolation:isolate}
.dx-dock-b:not(:first-of-type)::before{content:"";position:absolute;left:-3px;top:28%;bottom:28%;border-left:2px dotted rgba(31,42,90,.25)}
.dx-dock-b::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0)) top/100% 52% no-repeat,linear-gradient(135deg,var(--c,#1f2a5a),color-mix(in srgb,var(--c,#1f2a5a) 70%,#fff));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 8px rgba(0,0,0,.1);transition:opacity .25s}
.dx-dock-b:hover{color:#fff}
.dx-dock-b:hover::after{opacity:1}
.dx-dock-b:hover::before,.dx-dock-b:hover+.dx-dock-b::before{opacity:0}
.dx-dock-i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--c,#1f2a5a) 14%,#fff);color:var(--c,#1f2a5a);transition:background .25s,color .25s}
.dx-dock-i .dx-i{width:16px;height:16px}
.dx-dock-b:hover .dx-dock-i{background:rgba(255,255,255,.25);color:#fff}
.dx-dock-adm{--c:#1f2a5a}
/* --- l'atelier : boîtes d'outils flottantes --- */
body.docs-lae .at-corps{background:var(--papier)!important;grid-template-columns:96px 320px 1fr 312px!important;column-gap:0}
body.dx-sim-ferme .at-corps{grid-template-columns:96px 320px 1fr 58px!important}
body.docs-lae.sans-panneau .at-corps{grid-template-columns:96px 0 1fr 312px!important}
body.dx-sim-ferme.sans-panneau .at-corps{grid-template-columns:96px 0 1fr 58px!important}
body.dx-cover .at-corps{grid-template-columns:96px 320px 1fr 12px!important}
body.docs-lae .scene{background:transparent!important}
.rail{background:transparent!important;border:0!important;padding:12px 0 12px 12px!important;gap:10px!important;overflow:visible!important}
.dx-grp{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(31,42,90,.06),0 0 0 1px var(--ligne)}
.rail button{margin:0!important;border-radius:10px!important;padding:8px 2px!important;position:relative}
.rail button em{width:40px;height:34px}
.rail button.on{color:var(--g1)!important}
.rail button.on em{background:#ffe7dd}
.rail button.on::after{content:"";position:absolute;right:-18px;top:0;bottom:0;width:18px;background:#fff}
.panneau{position:relative;align-self:start;margin:calc(var(--pt,12px)) 0 12px 12px!important;max-height:calc(100% - var(--pt,12px) - 12px);border:0!important;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(31,42,90,.06),0 0 0 1px var(--ligne);padding:14px!important;overflow-y:auto}
.panneau::before{content:"";position:absolute;left:-13px;top:calc(var(--pb,6px) + 6px);width:14px;height:var(--ph,50px);background:#fff;pointer-events:none}
body.sans-panneau .panneau,body.sans-panneau .rail button.on::after{display:none}
/* les éléments : séparés par une fine ligne, le fond beige se voit entre eux */
.panneau .dx-tuiles1,.panneau .dx-outils1,.panneau .dx-lg1,.panneau .dx-tuiles2,.panneau .dx-outils2,.dx-sous .dx-tuiles1{background:var(--ligne)!important;gap:1px!important;border-radius:var(--r);overflow:hidden;padding:0!important;border:1px solid var(--ligne)}
.panneau .dx-tuiles1 button,.panneau .dx-outils1 button,.panneau .dx-lg1 button,.panneau .dx-tuiles2 button,.panneau .dx-outils2 button,.dx-sous .dx-tuiles1 button{background:#fff!important;border:0!important;border-radius:0!important;padding:12px 12px 10px!important;box-shadow:none!important;transform:none!important}
.panneau .dx-tuiles1 button:hover,.panneau .dx-outils1 button:hover,.panneau .dx-lg1 button:hover{background:#fbf8f2!important}
.panneau .dx-tuiles1 button.on,.panneau .dx-outils1 button.on,.panneau .dx-lg1 button.on,.panneau .dx-tuiles2 button.on,.panneau .dx-outils2 button.on{background:#fff6ef!important;box-shadow:inset 0 0 0 2px #fa5a3c!important}
.panneau .dx-formes-b{border-radius:var(--r);border:1px solid var(--ligne);box-shadow:none}
.panneau .dx-formes-b.on{border-color:#fa5a3c;box-shadow:inset 0 0 0 1px #fa5a3c!important}
.dx-sous{border-radius:14px;box-shadow:0 18px 48px rgba(31,42,90,.2),0 0 0 1px var(--ligne)}
.dx-bulle{border-radius:14px}
/* « Sur le site » : une boîte à part */
.dx-sim{margin:12px 12px 12px 0;border:0!important;border-radius:14px;box-shadow:0 1px 2px rgba(31,42,90,.06),0 0 0 1px var(--ligne);padding:14px 12px 30px}
body.dx-sim-ferme .dx-sim{background:transparent;box-shadow:none;padding:12px 6px;overflow:visible}
.dx-sim-ouvrir{background:#fff;box-shadow:0 1px 2px rgba(31,42,90,.06),0 0 0 1px var(--ligne);width:40px;height:40px;border-radius:12px}
.dx-sim-h{padding-bottom:10px;border-bottom:1px solid var(--ligne)}
/* un peu moins rond partout */
.dx-top,.at-tete{border-bottom:1px solid var(--ligne)!important}
.dx-pop,.dx-menu,.dx-fen,.dx-fenetre{border-radius:14px}
@media (max-width:900px){
  .dx-home10-c{grid-template-columns:1fr;overflow:auto}
  .dx-farde{padding:10px 16px 0;flex-direction:row;overflow-x:auto;gap:8px}
  .dx-farde .dx-nav{flex-direction:row;gap:6px}.dx-farde .dx-nav h4{display:none}
  .dx-farde .dx-nav button{border-radius:var(--r);border-left-width:4px;white-space:nowrap}
  .dx-farde-t,.dx-farde .dx-invite2{display:none}
  .dx-home10 .dx-docs2{padding:10px 16px 100px}
  .dx-dock-b .dx-lbl{display:none}.dx-dock-b{padding:0 10px}
  .dx-logo10{width:120px}
  .panneau{margin:12px!important;max-height:none}
  .panneau::before,.rail button.on::after{display:none}
}

/* ================= v11 ================= */
/* les cartes du site, dans Docs / Agenda */
.dx-sim-l{grid-template-columns:1fr 1fr;gap:14px 12px;padding-top:4px}
.jr2-site-l{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.lae-sim-card.dx-fiche{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;color:#14142b;cursor:pointer;box-shadow:0 8px 20px rgba(20,20,43,.1);transition:transform .25s ease,box-shadow .25s ease;isolation:isolate}
.lae-sim-card.dx-fiche:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,20,43,.16)}
.lae-sim-card .lae-sim-img{position:relative;display:block;aspect-ratio:2/3;background:#f4f1ec center/cover no-repeat;border-radius:16px 16px 0 0;overflow:hidden}
.lae-sim-card .lae-sim-t{display:block;padding:10px 11px 12px;font:900 12.5px/1.2 Inter,sans-serif;color:#14142b}
.lae-sim-card .lae-sim-t small{color:#14142b}
.dx-sim-auto span{font-weight:600;opacity:.8}
.jr2-creer{grid-column:1/-1}
/* un outil = une boîte ; la boîte choisie grandit, les autres s'effacent un peu */
.rail{gap:10px!important;padding:14px 0 14px 12px!important}
.dx-grp{transition:transform .35s cubic-bezier(.2,.9,.25,1),opacity .3s,box-shadow .3s;transform-origin:50% 50%}
body:not(.sans-panneau) .rail .dx-grp:not(.on){transform:scale(.92);opacity:.7}
body:not(.sans-panneau) .rail .dx-grp.on{transform:scale(1.06);opacity:1;box-shadow:0 10px 26px rgba(31,42,90,.12),0 0 0 1px var(--ligne);z-index:2}
.rail .dx-grp:hover{opacity:1}
.rail button.on::before{content:"";position:absolute;inset:-4px -3px;border:2.5px solid #fa5a3c;border-radius:14px 12px 15px 11px;transform:rotate(-2deg);pointer-events:none;opacity:.9}
.rail button.on::after{right:-19px;width:20px}
.panneau{transform-origin:0 0;margin-left:14px!important}
.panneau::before{left:-15px;width:16px}
/* chaque élément = une section, son nom en onglet au-dessus (comme les étiquettes du site) */
.panneau .dx-tuiles1,.panneau .dx-outils1,.panneau .dx-tuiles2,.panneau .dx-outils2,.dx-sous .dx-tuiles1{background:transparent!important;border:0!important;gap:30px 10px!important;overflow:visible!important;padding:26px 0 4px!important;border-radius:0}
.panneau .dx-tuiles1 button,.panneau .dx-outils1 button,.panneau .dx-tuiles2 button,.panneau .dx-outils2 button,.dx-sous .dx-tuiles1 button{position:relative;isolation:isolate;background:#fff!important;border:1px solid var(--ligne)!important;border-radius:12px!important;padding:12px!important;overflow:visible!important;box-shadow:0 1px 2px rgba(31,42,90,.04)!important;transition:box-shadow .2s,transform .2s!important}
.panneau .dx-tuiles1 button:hover,.panneau .dx-outils1 button:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(31,42,90,.1)!important;background:#fff!important}
.panneau .dx-tuiles1 button.on,.panneau .dx-outils1 button.on,.panneau .dx-tuiles2 button.on,.panneau .dx-outils2 button.on{background:#fff7ef!important;border-color:#fa5a3c!important;box-shadow:0 0 0 2px #fa5a3c!important}
.panneau .dx-tuiles1 button>small,.panneau .dx-outils1 button>b,.panneau .dx-tuiles2 button>small,.panneau .dx-outils2 button>b{position:absolute;left:10px;bottom:100%;margin-bottom:-1px;z-index:-1;display:block;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px 10px;border-radius:9px 9px 0 0;background:linear-gradient(135deg,#ff7e01,#fa5a3c,#ff4375);color:#fff;font:800 11.5px/1 Inter,sans-serif;letter-spacing:.01em;box-shadow:0 -2px 8px rgba(20,20,43,.08);text-align:left}
.panneau .dx-tuiles1 button.on>small,.panneau .dx-outils1 button.on>b{background:#1f2a5a}
.panneau .dx-lg1{gap:10px;padding-top:4px}
.panneau .dx-lg1 button{background:#fff!important;border:1px solid var(--ligne)!important;border-radius:12px!important;padding:10px!important}
.panneau .dx-lg1 button.on{border-color:#fa5a3c!important;box-shadow:0 0 0 2px #fa5a3c!important;background:#fff7ef!important}
.panneau h3{margin-bottom:6px}
/* Formes : un carré, qui se déroule */
.panneau .dx-formes-b{width:128px;height:128px;flex-direction:column;justify-content:center;gap:6px;padding:10px;margin:4px 0 2px;border-radius:12px;border:1px solid var(--ligne);box-shadow:0 1px 2px rgba(31,42,90,.04)}
.panneau .dx-formes-b .dx-formes-mini{display:grid;grid-template-columns:repeat(3,22px);gap:4px}
.panneau .dx-formes-b .dx-formes-mini svg{width:22px;height:22px}
.panneau .dx-formes-b b{font-size:13px}
.panneau .dx-formes-b i{position:absolute;right:8px;top:8px;font-style:normal;color:var(--doux)}
.panneau .dx-formes-b:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(31,42,90,.1)}
/* la fiche « Sur le site » ne montre plus de bouton + */
.dx-sim-ajout{display:none!important}

/* la bannière cookies Shopify ne se montre pas dans l’outil (le site l’a déjà demandée) */
body.docs-lae #shopify-pc__banner{display:none!important}

/* ================= v12 ================= */
/* le panneau commence en haut, sans pont */
.panneau{margin:12px 0 12px 14px!important}
.panneau::before,.rail button.on::after{display:none!important}
/* le vrai surlignage de l'outil choisi */
.rail button.on::before{inset:-6px -4px;border:3px solid #fa5a3c;background:#ffe7dd;border-radius:16px 13px 17px 12px;transform:rotate(-2.5deg);opacity:1;z-index:-1}
.rail button{isolation:isolate}
.rail button.on em{background:transparent}
/* de l'air entre les éléments : l'onglet ne touche plus la carte du dessus */
.panneau .dx-tuiles1,.panneau .dx-outils1,.panneau .dx-tuiles2,.panneau .dx-outils2,.dx-sous .dx-tuiles1{gap:44px 10px!important;padding:30px 0 6px!important}
.panneau .dx-tuiles1 button>small,.panneau .dx-outils1 button>b,.panneau .dx-tuiles2 button>small,.panneau .dx-outils2 button>b{padding:7px 11px 11px}
/* le sous-menu : une bulle, l'onglet du nom, l'aperçu, le bouton Ajouter */
.dx-sous{width:300px;padding:14px 14px 14px;border-radius:16px;overflow-y:auto;box-shadow:0 24px 60px rgba(31,42,90,.22),0 0 0 1px var(--ligne)}
.dx-sous::before{display:none}
.dx-sous-ong{display:inline-block;margin:0 0 12px;padding:7px 12px;border-radius:9px;background:linear-gradient(135deg,#ff7e01,#fa5a3c,#ff4375);color:#fff;font:800 12.5px Inter,sans-serif}
.dx-sous .dx-reg{margin-bottom:10px}
.dx-sous-apercu{margin:6px 0 10px;display:grid;place-items:center;min-height:40px}
.dx-sous-apercu .dx-mini-bulle{border-radius:6px;box-shadow:0 8px 22px rgba(31,42,90,.18);overflow:hidden}
.dx-sous-apercu .dx-bulle-note{font:700 11px Inter,sans-serif;color:var(--doux);margin:0 0 6px}
.dx-sous-ajout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;border:0;border-radius:13px;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff;font:800 14px Inter,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(250,90,60,.3)}
.dx-sous-ajout .dx-i{width:16px;height:16px}
.dx-sous-ajout:hover{filter:brightness(1.05)}
.dx-bulle{display:none!important}
/* l'aperçu au survol : petit */
.dx-survol-ap{position:fixed;z-index:65;width:220px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(31,42,90,.2),0 0 0 1px var(--ligne);pointer-events:none}
.dx-survol-page{display:grid;place-items:center;padding:12px;border-radius:8px;background:#fff;border:1px solid var(--ligne)}
.dx-survol-page svg{max-width:100%;height:auto}
.dx-survol-ap small{display:block;margin-top:8px;font:800 11.5px Inter,sans-serif;color:var(--ink);text-align:center}
/* ----- l'accueil ----- */
.dx-home12-c{flex:1;min-height:0;overflow-y:auto;padding:6px 36px 110px}
.dx-hero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:28px;align-items:center;padding:28px 32px;border-radius:22px;background:#fff;border:1px solid var(--ligne);box-shadow:0 1px 2px rgba(31,42,90,.04);margin:6px 0 26px;position:relative;overflow:hidden}
.dx-hero::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ffe7dd,transparent 70%);pointer-events:none}
.dx-hero-k{margin:0 0 8px;font:800 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fa5a3c}
.dx-hero h1{margin:0;font:900 30px/1.12 Inter,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.dx-hero-s{margin:12px 0 0;font:500 14.5px/1.5 Inter,sans-serif;color:var(--doux);max-width:420px}
.dx-hero-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;position:relative}
.dx-type12{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border:1px solid var(--ligne);border-radius:16px;background:#fff;cursor:pointer;text-align:left;font-family:Inter,sans-serif;color:var(--ink);transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .25s,border-color .25s}
.dx-type12:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(31,42,90,.12);border-color:color-mix(in srgb,var(--c) 40%,#fff)}
.dx-type12-i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--c) 16%,#fff);color:var(--c)}
.dx-type12-i .dx-i{width:22px;height:22px}
.dx-type12 b{font-size:14px}
.dx-type12 small{font-size:11.5px;color:var(--doux);line-height:1.3}
.dx-invite12{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:#fff6ef;border:1px solid #ffd9c8;margin-bottom:22px}
.dx-invite12 .dx-i{color:#fa5a3c;flex:none}.dx-invite12 p{margin:0;flex:1;font:600 13px/1.4 Inter,sans-serif;color:var(--ink)}
.dx-sec12{margin-bottom:28px}
.dx-sec12-h{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.dx-sec12-h h2{margin:0;font:900 20px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.dx-sec12-h .dx-fil10{margin:0}
.dx-recents{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}
.dx-recent{flex:0 0 250px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--ligne);border-radius:16px;background:#fff;cursor:pointer;text-align:left;font-family:Inter,sans-serif;color:var(--ink);transition:transform .2s,box-shadow .2s}
.dx-recent:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(31,42,90,.1)}
.dx-recent-v{flex:none;width:52px;height:72px;overflow:hidden;border-radius:4px;box-shadow:0 2px 8px rgba(31,42,90,.18)}
.dx-recent-v .dx-mini{transform-origin:0 0;transform:scale(.54)}
.dx-recent b{display:block;font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dx-recent small{font-size:11.5px;color:var(--doux)}
.dx-home12 .dx-fardes h5{display:none}
.dx-home12 .dx-fardes-l{margin-bottom:0}
.dx-home12 .dx-docs-h{display:none}
.dx-home12 .dx-grille{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
@media (max-width:900px){.dx-home12-c{padding:6px 16px 100px}.dx-hero{grid-template-columns:1fr;padding:20px}.dx-hero h1{font-size:24px}}

.dx-hero>div{text-align:left}.dx-hero h1{text-align:left}

/* ================= v13 : le bureau ================= */
body.docs-lae.dx-fond-ciel{--papier:#cfe6fb;--papier2:#bcd9f5}
body.docs-lae.dx-fond-menthe{--papier:#d6f3e6;--papier2:#bfe8d3}
body.docs-lae.dx-fond-peche{--papier:#ffe3d1;--papier2:#ffd2b8}
body.docs-lae.dx-fond-lavande{--papier:#e6e0fb;--papier2:#d6ccf7}
body.docs-lae.dx-fond-citron{--papier:#fff3c4;--papier2:#ffe9a3}
body.docs-lae.dx-fond-papier{--papier:#f3efe6;--papier2:#e9e2d4}
body.docs-lae.dx-fond-nuit{--papier:#1f2a5a;--papier2:#182250}
body.docs-lae{background:var(--papier)}
body.docs-lae .at-corps{background:var(--papier)!important}
.dx-home13{display:flex;flex-direction:column;background:var(--papier)}
.dx-h13{background:#fff;border:0;padding:10px 24px;gap:16px;box-shadow:0 2px 14px rgba(31,42,90,.06);z-index:6}
.dx-logo13{display:block;width:150px;flex:0 0 auto}.dx-logo13 svg{width:100%;height:auto;display:block}
.dx-h13 .dx-cherche{max-width:470px;background:#fff;border:1.5px solid var(--ligne,#e3dccd)}
.dx-hb{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:12px;border:0;background:transparent;color:var(--ink);font:800 13.5px Inter,sans-serif;cursor:pointer;text-decoration:none;transition:background .15s}
.dx-hb:hover{background:#f2f3f8}.dx-hb.on{background:#ffe7dd;color:#fa5a3c}
.dx-hb .dx-i{width:18px;height:18px}
.dx-hb-p{background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff}.dx-hb-p:hover{background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);filter:brightness(1.05)}
.dx-hb-ic{padding:0 10px}
.dx-hsep{width:1px;height:26px;background:var(--ligne,#e3dccd);margin:0 4px}
.dx-bureau{position:relative;flex:1;min-height:0;overflow:auto;padding:0 0 120px}
.dx-bureau-zone{position:relative;min-height:600px}
.dx-fil13{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:8px;padding:14px 40px 0;font:700 13px Inter,sans-serif;color:var(--doux);min-height:20px;pointer-events:none}
.dx-fil13>*{pointer-events:auto}
.dx-fil13-b{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;border:0;background:#fff;color:var(--ink);font:800 13px Inter,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(31,42,90,.08)}
.dx-fil13 .dx-i{width:16px;height:16px}.dx-fil13 i{font-style:normal;opacity:.6}.dx-fil13 b{display:inline-flex;align-items:center;gap:6px;color:var(--ink);background:#fff;padding:7px 12px;border-radius:10px;box-shadow:0 2px 8px rgba(31,42,90,.08)}
.dx-fil13 span{font-weight:600}
.dx-fond-nuit .dx-fil13{color:#c9cee3}
/* la déco du bureau : cœur, traits, boucle, coins de papier quadrillé */
.dx-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dx-deco svg{position:absolute;opacity:.9}
.dx-deco-coeur{left:34px;top:46%;width:52px}
.dx-deco-traits{left:78px;top:28px;width:40px}
.dx-deco-boucle{right:30px;bottom:140px;width:130px}
.dx-deco-papier{position:absolute;width:260px;height:260px;background:#fff repeating-linear-gradient(0deg,transparent 0 22px,#e4e8f0 22px 23px),#fff;background-image:repeating-linear-gradient(0deg,transparent 0 22px,#e4e8f0 22px 23px),repeating-linear-gradient(90deg,transparent 0 22px,#e4e8f0 22px 23px);box-shadow:0 10px 30px rgba(31,42,90,.12);border-radius:8px}
.dx-deco-papier.g{left:-170px;top:-40px;transform:rotate(14deg)}
.dx-deco-papier.d{right:-150px;bottom:40px;transform:rotate(-12deg)}
.dx-fond-nuit .dx-deco-papier{opacity:.9}
/* les icônes du bureau */
.dx-ico{position:absolute;user-select:none;-webkit-user-select:none;touch-action:none;cursor:default;transition:transform .15s,filter .15s}
.dx-ico.glisse{transition:none;z-index:50;filter:drop-shadow(0 18px 30px rgba(31,42,90,.25));transform:scale(1.04)}
.dx-ico .dx-nom{display:block;outline:0}
.dx-ico .dx-nom[contenteditable="true"]{background:#fff;border-radius:6px;padding:2px 6px;box-shadow:0 0 0 2px #fa5a3c;cursor:text}
.dx-dossier13{width:160px;text-align:center;color:var(--ink)}
.dx-dossier13 .dx-dossier-svg{width:160px;height:120px;display:block;filter:drop-shadow(0 8px 16px rgba(31,42,90,.14))}
.dx-dossier13 .dx-dossier-ico{position:absolute;left:50%;top:62px;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;color:var(--ink)}
.dx-dossier13 .dx-dossier-ico .dx-i{width:34px;height:34px;stroke-width:2}
.dx-dossier13 .dx-nom{margin-top:2px;font:800 14px Inter,sans-serif}
.dx-dossier13 small{display:block;font:600 11px Inter,sans-serif;color:var(--doux)}
.dx-fond-nuit .dx-dossier13{color:#fff}.dx-fond-nuit .dx-dossier13 small{color:#c9cee3}
.dx-dossier13.sel .dx-dossier-svg,.dx-dossier13.cible .dx-dossier-svg{filter:drop-shadow(0 0 0 3px rgba(250,90,60,.0)) drop-shadow(0 8px 16px rgba(31,42,90,.14));transform:scale(1.06)}
.dx-dossier13.cible .dx-dossier-svg{transform:scale(1.14)}

.dx-doc13{width:200px;color:#14142b;padding-top:26px}
.dx-tags13{position:absolute;left:12px;top:2px;display:flex;z-index:0}
.dx-tags13 b{display:block;font:800 11.5px/1 Inter,sans-serif;padding:7px 10px 11px;border-radius:9px 9px 0 0;color:#fff;background:var(--c,#14142b);white-space:nowrap;box-shadow:0 -2px 8px rgba(20,20,43,.08)}
.dx-tags13 .an{background:linear-gradient(135deg,#ff7e01,#fa5a3c,#ff4375)}
.dx-tags13 b+b{margin-left:-2px}.dx-tags13 .mt{margin-left:3px}
.dx-doc13-v{position:relative;display:block;border-radius:16px 16px 0 0;overflow:hidden;background:#fff;isolation:isolate}
.dx-doc13-v .dx-mini{display:block;overflow:hidden;box-shadow:none;border-radius:0}
.dx-doc13-v .dx-mini .dx-mini-in{transform-origin:0 0}
.dx-doc13 .dx-fl{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#14142b;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(20,20,43,.25);opacity:0;transition:opacity .2s,transform .16s;z-index:4}
.dx-doc13 .dx-fl.g{left:6px}.dx-doc13 .dx-fl.d{right:6px}.dx-doc13 .dx-fl .dx-i{width:14px;height:14px}
.dx-doc13:hover .dx-fl{opacity:1}.dx-doc13 .dx-fl:hover{transform:translateY(-50%) scale(1.12)}
.dx-doc13 .dx-pgn{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font:800 10.5px Inter,sans-serif;font-style:normal;background:rgba(255,255,255,.95);border-radius:999px;padding:3px 9px;box-shadow:0 2px 8px rgba(20,20,43,.18);opacity:0;transition:opacity .2s;z-index:4}
.dx-doc13:hover .dx-pgn{opacity:1}
.dx-doc13-menu{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#14142b;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(20,20,43,.18);opacity:0;transition:opacity .2s;z-index:5}
.dx-doc13:hover .dx-doc13-menu{opacity:1}.dx-doc13-menu .dx-i{width:16px;height:16px}
.dx-doc13-t{display:block;padding:10px 12px 12px;background:#fff;border-radius:0 0 16px 16px}
.dx-doc13-t b{display:block;font:900 14px/1.2 Inter,sans-serif;text-wrap:balance}
.dx-doc13-t small{display:block;margin-top:3px;font:600 12px/1.3 Inter,sans-serif;opacity:.62}
.dx-doc13>.dx-doc13-v,.dx-doc13>.dx-doc13-t{box-shadow:0 8px 20px rgba(20,20,43,.1)}
.dx-doc13:hover>.dx-doc13-v,.dx-doc13:hover>.dx-doc13-t{box-shadow:0 14px 30px rgba(20,20,43,.16)}
.dx-doc13.sel>.dx-doc13-v{box-shadow:0 0 0 3px #fa5a3c,0 8px 20px rgba(20,20,43,.1)}
.dx-doc13.sel>.dx-doc13-t{box-shadow:0 0 0 3px #fa5a3c,0 8px 20px rgba(20,20,43,.1)}
.dx-invite13{position:absolute;left:40px;bottom:120px;display:flex;align-items:center;gap:12px;max-width:380px;padding:12px 16px;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(31,42,90,.12)}
.dx-invite13 .dx-i{color:#fa5a3c;flex:none}.dx-invite13 p{margin:0;flex:1;font:600 12.5px/1.4 Inter,sans-serif;color:var(--ink)}
/* menus du bureau */
.dx-menu13{min-width:210px;padding:6px}
.dx-menu13 button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;color:var(--ink);font:700 13px Inter,sans-serif;cursor:pointer;text-align:left}
.dx-menu13 button:hover{background:#f2f3f8}.dx-menu13 button.rouge{color:#e0335c}
.dx-menu13 .dx-i{width:16px;height:16px}
.dx-menu13 .dx-menu-sep{padding:8px 10px 4px;font:800 10.5px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--doux);border-top:1px solid var(--trait);margin-top:4px}
.dx-menu-coul{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px 10px 8px}
.dx-menu-coul button{width:28px;height:28px;border-radius:50%;padding:0;border:2px solid rgba(31,42,90,.1)}
.dx-menu-coul button:hover{transform:scale(1.1)}
.dx-fonds{display:grid;grid-template-columns:repeat(4,72px);gap:10px}
.dx-fonds button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;cursor:pointer;font:700 11px Inter,sans-serif;color:var(--ink)}
.dx-fonds button span{width:56px;height:40px;border-radius:12px;border:2px solid rgba(31,42,90,.1);display:block}
.dx-fonds button.on span{box-shadow:0 0 0 3px #fff,0 0 0 5px #fa5a3c}
/* le dock, version bureau */
.dx-dock13{align-items:center;gap:4px;padding:8px 14px 8px 12px;border-radius:999px;background:rgba(255,255,255,.92)}
.dx-dock13-logo{display:flex;align-items:center;padding:0 10px 0 6px}
.dx-dock13-logo svg{height:40px;width:auto;display:block}
.dx-dock13-sep{width:1px;height:40px;background:rgba(31,42,90,.14);margin:0 8px}
.dx-dock13-b{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:88px;padding:4px 8px 2px;border:0;background:none;color:var(--ink);font:800 12px Inter,sans-serif;cursor:pointer;border-radius:16px;transition:transform .25s cubic-bezier(.2,.9,.3,1.3)}
.dx-dock13-b:hover{transform:translateY(-3px)}
.dx-dock13-i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--c);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--c) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.dx-dock13-i .dx-i{width:24px;height:24px;stroke-width:2}
/* ----- l'atelier aux couleurs du bureau ----- */
.dx-top{background:#fff!important;color:var(--ink)!important;height:60px;box-shadow:0 2px 14px rgba(31,42,90,.06);border:0!important}
.dx-top-b{background:#f2f3f8!important;color:var(--ink)!important}
.dx-top-b[data-dx="retour"]{background:#ffe7dd!important;color:#fa5a3c!important;padding:0 14px}
.dx-top-logo svg{height:40px}
.dx-onglet{background:#f2f3f8;color:var(--ink)}
.dx-onglet.on{background:#fff;box-shadow:0 0 0 1.5px var(--ligne,#e3dccd)}
.dx-top-pdf{background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d)!important;color:#fff!important}
.at-tete{position:relative;background:transparent!important;border:0!important;padding:34px 24px 6px!important;gap:12px;flex-wrap:wrap}
.at-tete .nom{background:#fff!important;box-shadow:0 2px 10px rgba(31,42,90,.06);border-radius:14px!important;height:46px!important}
.dx-tags-tete{position:absolute;left:36px;top:6px;display:flex;z-index:0}
.dx-tags-tete b{display:block;font:800 11.5px/1 Inter,sans-serif;padding:7px 10px 11px;border-radius:9px 9px 0 0;color:#fff;background:var(--c,#14142b);white-space:nowrap}
.dx-tags-tete .an{background:linear-gradient(135deg,#ff7e01,#fa5a3c,#ff4375)}
.dx-tags-tete b+b{margin-left:-2px}.dx-tags-tete .mt{margin-left:3px}
.dx-tags-tete[hidden]{display:none}
.at-tete .dx-vers{background:#fff;border-radius:14px;padding:5px 12px;box-shadow:0 2px 10px rgba(31,42,90,.06);height:46px}
.at-tete .pile,.at-tete .icones{background:#fff;border-radius:14px;padding:4px;box-shadow:0 2px 10px rgba(31,42,90,.06);height:46px;display:flex;align-items:center}
/* les outils : des dossiers */
.dx-grp{border-radius:4px 14px 14px 14px;margin-top:10px;position:relative;box-shadow:0 6px 16px rgba(31,42,90,.1)}
.dx-grp::before{content:"";position:absolute;left:0;top:-10px;width:48px;height:12px;border-radius:7px 7px 0 0;background:linear-gradient(90deg,#ff8a3d,#fa5a3c)}
.dx-grp.on::before{background:linear-gradient(90deg,#f0265c,#fa5a3c)}
.dx-grp.on::after{content:"";position:absolute;right:-9px;top:50%;width:16px;height:16px;transform:translateY(-50%) rotate(45deg);background:#fff;box-shadow:3px -3px 6px rgba(31,42,90,.06);z-index:3}
.rail button.on::before{display:none}
.rail button.on em{background:#ffe7dd}
.panneau{border-radius:4px 16px 16px 16px!important;margin-top:24px!important;overflow:visible!important;box-shadow:0 10px 30px rgba(31,42,90,.12),0 0 0 1px var(--ligne,#e3dccd)}
.panneau::before{content:"";display:block!important;position:absolute;left:0;top:-12px;width:120px;height:14px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#ff8a3d,#fa5a3c);pointer-events:none}
.panneau>*:not(#dxSous){position:relative}
.panneau{overflow-y:auto!important}
.dx-fond-nuit .panneau,.dx-fond-nuit .dx-grp{box-shadow:0 10px 30px rgba(0,0,0,.3)}
/* la barre du bas : une pilule flottante */
.at-pied{left:50%!important;right:auto!important;bottom:14px!important;transform:translateX(-50%);width:auto!important;max-width:calc(100% - 420px);height:56px;padding:0 10px 0 14px!important;border-radius:999px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 14px 40px rgba(31,42,90,.18),0 0 0 1px rgba(31,42,90,.06)!important;border:0!important;gap:10px!important;z-index:35}
.at-pied .z{background:transparent!important}
.at-pied #infoSel{display:none}
.at-pied .miniatures{max-width:420px}
/* « Sur le site » : mode inspi */
.dx-inspi-h{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--ligne,#e3dccd);margin-bottom:10px}
.dx-inspi-h>div{flex:1;min-width:0}
.dx-inspi-h b{display:block;font:900 13.5px/1.2 Inter,sans-serif;color:var(--ink)}
.dx-inspi-h small{display:block;font:600 11.5px Inter,sans-serif;color:var(--doux)}
.dx-inspi-ret,.dx-inspi-site{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:0;background:#f2f3f8;color:var(--ink);cursor:pointer;text-decoration:none}
.dx-inspi-ret .dx-i,.dx-inspi-site .dx-i{width:16px;height:16px}
.dx-inspi-aide{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;font:600 12px/1.4 Inter,sans-serif;color:var(--doux)}
.dx-inspi-aide .dx-i{flex:none;width:16px;height:16px;color:#fa5a3c}
.dx-inspi-page{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 10px 26px rgba(31,42,90,.18);background:#fff}
.dx-inspi-page .dx-mini{box-shadow:none;border-radius:0}
.dx-inspi-zones{position:absolute;inset:0}
.dx-inspi-zone{position:absolute;border:2px dashed transparent;border-radius:4px;background:transparent;cursor:pointer;padding:0;transition:border-color .15s,background .15s}
.dx-inspi-zone i{position:absolute;right:-8px;top:-8px;width:22px;height:22px;border-radius:50%;background:#fa5a3c;color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .15s;box-shadow:0 3px 8px rgba(250,90,60,.4)}
.dx-inspi-zone i .dx-i{width:12px;height:12px}
.dx-inspi-zone:hover{border-color:#fa5a3c;background:rgba(250,90,60,.08)}
.dx-inspi-zone:hover i{opacity:1}
.dx-inspi-pdf{display:grid;place-items:center;min-height:200px}.dx-inspi-pdf img{width:100%;display:block}
.dx-inspi-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0}
.dx-inspi-nav button{width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(20,20,43,.18)}
.dx-inspi-nav button:disabled{opacity:.3}
.dx-inspi-nav em{font:800 12px Inter,sans-serif;font-style:normal;color:var(--ink)}
.dx-inspi-nav .dx-i{width:14px;height:14px}
.dx-inspi-ajout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border:0;border-radius:13px;background:#1f2a5a;color:#fff;font:800 13px Inter,sans-serif;cursor:pointer}
.dx-inspi-ajout .dx-i{width:16px;height:16px}
@media (max-width:900px){.dx-h13{padding:8px 12px}.dx-hb span{display:none}.dx-logo13{width:110px}.dx-dock13-b{min-width:60px;font-size:10px}.dx-dock13-logo{display:none}.at-pied{max-width:calc(100% - 20px)}}

/* ================= v14 ================= */
.dx-home14{display:flex;flex-direction:column}
/* la barre en verre */
.dx-h14{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:1fr minmax(0,560px) 1fr;align-items:center;gap:16px;margin:12px 16px 0;padding:8px 14px;border-radius:22px;background:rgba(255,255,255,.55);backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);box-shadow:0 10px 30px rgba(31,42,90,.1),inset 0 1px 0 rgba(255,255,255,.8),0 0 0 1px rgba(255,255,255,.5)}
.dx-fond-nuit .dx-h14{background:rgba(31,42,90,.55);box-shadow:0 10px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px rgba(255,255,255,.1)}
.dx-h14 .dx-logo13{width:140px}
.dx-h14 .dx-cherche14{max-width:none;width:100%;justify-self:center;height:46px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 3px rgba(31,42,90,.06)}
.dx-h14 .dx-cherche14:focus-within{border-color:#fa5a3c;background:#fff}
.dx-h14 .dx-h-d{justify-self:end;display:flex;align-items:center;gap:6px}
.dx-h14 .dx-hb{background:rgba(255,255,255,.55);height:42px;border-radius:14px}
.dx-h14 .dx-hb:hover{background:#fff}
.dx-fond-nuit .dx-h14 .dx-hb{color:#fff;background:rgba(255,255,255,.12)}
.dx-h14 .dx-btn-p{height:42px}
.dx-bureau{padding:0 0 150px}
/* récents + filtres */
.dx-recents14{padding:16px 40px 0;position:relative;z-index:2}
.dx-recents14 h5{display:flex;align-items:center;gap:6px;margin:0 0 8px;font:800 11px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
.dx-recents14 h5 .dx-i{width:14px;height:14px}
.dx-fond-nuit .dx-recents14 h5,.dx-fond-nuit .dx-types14{color:#c9cee3}
.dx-recents14-l{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}
.dx-recents14-l::-webkit-scrollbar{display:none}
.dx-recent14{flex:0 0 220px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;border:0;border-radius:14px;background:rgba(255,255,255,.75);backdrop-filter:blur(10px);cursor:pointer;text-align:left;font-family:Inter,sans-serif;color:var(--ink);box-shadow:0 4px 14px rgba(31,42,90,.08);transition:transform .2s,box-shadow .2s}
.dx-recent14:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,42,90,.14);background:#fff}
.dx-recent14-v{grid-row:1/3;width:52px;height:72px;overflow:hidden;border-radius:4px;box-shadow:0 2px 8px rgba(31,42,90,.18);background:#fff}
.dx-recent14-v .dx-mini{transform-origin:0 0;transform:scale(.703)}
.dx-recent14-v.tb{background:#e6f6ec;display:grid;place-items:center}
.dx-recent14 b{font-size:12.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dx-recent14 small{font-size:11px;color:var(--doux)}
.dx-types14{display:flex;gap:6px;padding:10px 40px 0;position:relative;z-index:2}
.dx-types14 .dx-chip{height:30px;background:rgba(255,255,255,.7);border-color:transparent;backdrop-filter:blur(8px)}
.dx-types14 .dx-chip.on{background:var(--ink);color:#fff}
/* icônes : taille */
.dx-ico{transform-origin:0 0;transform:scale(var(--s,1))}
.dx-ico.glisse{transform:scale(calc(var(--s,1) * 1.04))}
.dx-dossier13.sel .dx-dossier-svg,.dx-dossier13.cible .dx-dossier-svg{transform:none}
.dx-dossier13.cible .dx-dossier-svg{filter:drop-shadow(0 0 0 4px #fa5a3c)}
/* le nom SUR le dossier */
.dx-dossier14 .dx-dossier-ico{display:none}
.dx-dossier14 .dx-nom-sur{position:absolute;left:24px;right:24px;top:66px;height:52px;display:flex;align-items:center;justify-content:center;text-align:center;font:800 15px/1.15 Inter,sans-serif;color:var(--ink);word-break:normal;overflow-wrap:normal;hyphens:manual;overflow:hidden;margin:0}
.dx-dossier14 small{position:absolute;left:0;right:0;top:124px}
.dx-dossier14 .dx-nom-sur[contenteditable="true"]{background:#fff;box-shadow:0 0 0 2px #fa5a3c;border-radius:8px}
/* lasso */
.dx-lasso{position:fixed;z-index:60;border:1.5px solid #fa5a3c;background:rgba(250,90,60,.12);border-radius:4px;pointer-events:none}
/* tableurs */
.dx-sheet-v{display:grid;place-items:center;aspect-ratio:210/297;background:#eaf7ef}
.dx-sheet-grille{position:absolute;inset:0;background-image:linear-gradient(#cfe9d8 1px,transparent 1px),linear-gradient(90deg,#cfe9d8 1px,transparent 1px);background-size:100% 22px,34px 100%;opacity:.9}
.dx-sheet-logo{position:relative;z-index:1;width:70%;filter:drop-shadow(0 6px 12px rgba(31,42,90,.18))}
.dx-sheet-logo svg{width:100%;height:auto;display:block}
.dx-recent14-v.tb .dx-sheet-grille{background-size:100% 10px,12px 100%}
/* dock flottant, rétractable */
.dx-dock-zone{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;transition:transform .45s cubic-bezier(.2,.9,.25,1)}
.dx-dock-poignee{width:46px;height:18px;border:0;border-radius:9px 9px 0 0;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);color:var(--doux);display:grid;place-items:center;cursor:pointer;margin-bottom:-1px;box-shadow:0 -4px 14px rgba(31,42,90,.08)}
.dx-dock-poignee .dx-i{width:14px;height:14px}
.dx-dock-zone .dx-dock{position:static;transform:none}
body.dx-dock-ferme .dx-dock-zone{transform:translate(-50%,calc(100% - 18px))}
.dx-dock14{backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);background:rgba(255,255,255,.82)}
.dx-dock14 .glisse{opacity:.5;transform:scale(1.08)}
.dx-dock-car{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:#fff;color:var(--ink);font:900 9px/16px Inter,sans-serif;font-style:normal;text-align:center;box-shadow:0 2px 6px rgba(31,42,90,.2)}
.dx-dock13-i{position:relative}
.dx-dock-plus .dx-dock13-i{background:#eef0f6;color:var(--ink);box-shadow:none}
.dx-dock-site{display:flex;align-items:center;padding:0 10px;text-decoration:none;color:var(--ink);font:800 12px Inter,sans-serif}
.dx-dock-site img{height:38px;width:auto;display:block;border-radius:8px}
.dx-menu-tb{display:flex;flex-direction:column;gap:2px;min-width:230px}
.dx-menu-tb button{display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:10px;background:none;color:var(--ink);font:700 13px Inter,sans-serif;cursor:pointer;text-align:left}
.dx-menu-tb button:hover{background:#e6f6ec}.dx-menu-tb .dx-i{width:16px;height:16px;color:#27ae60}
.dx-outils-pop{width:320px;display:flex;flex-direction:column;gap:4px}
.dx-outils-pop h6{margin:0 0 6px;font:800 11px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
.dx-outils-pop button{display:flex;align-items:center;gap:10px;padding:6px;border:0;border-radius:12px;background:none;cursor:pointer;text-align:left;color:var(--ink);font-family:Inter,sans-serif}
.dx-outils-pop button:hover{background:#f2f3f8}
.dx-outils-pop button .dx-dock13-i{width:38px;height:38px;border-radius:11px;flex:none}
.dx-outils-pop button>span:nth-child(2){flex:1}.dx-outils-pop b{display:block;font-size:13px}.dx-outils-pop small{font-size:11px;color:var(--doux)}
.dx-outils-pop i{font-style:normal;font:800 11px Inter,sans-serif;color:#fa5a3c}.dx-outils-pop button.on i{color:var(--doux)}
/* invité */
.dx-accueil-inv{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;pointer-events:none}
.dx-accueil-inv[hidden]{display:none}
.dx-inv-c{pointer-events:auto;width:min(560px,100%);padding:30px 28px;border-radius:24px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);box-shadow:0 30px 80px rgba(31,42,90,.22);text-align:center}
.dx-inv-c svg{width:200px;height:auto;margin:0 auto 6px}
.dx-inv-c h2{margin:0;font:900 26px Inter,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.dx-inv-c p{margin:8px auto 18px;max-width:420px;font:500 14px/1.5 Inter,sans-serif;color:var(--doux)}
.dx-inv-b{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dx-btn-p.grand,.dx-btn-s.grand{flex-direction:column;height:auto;padding:14px 12px;gap:4px;border-radius:16px}
.dx-btn-s{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:12px;border:1.5px solid var(--ligne,#e3dccd);background:#fff;color:var(--ink);font:800 13.5px Inter,sans-serif;cursor:pointer;text-decoration:none}
.dx-btn-s:hover{border-color:#c9cee3;background:#f8f9fc}
.dx-btn-p.grand small,.dx-btn-s.grand small{font:600 11px Inter,sans-serif;opacity:.8}
/* le compte */
.dx-voile-cpt .boite{width:min(760px,100%);padding:0!important;overflow:hidden}
.dx-cpt{display:grid;grid-template-columns:200px 1fr;min-height:420px}
.dx-cpt-nav{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 12px;background:#f6f7fb;border-right:1px solid var(--trait)}
.dx-cpt-nav button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:12px;background:none;color:var(--ink);font:800 13.5px Inter,sans-serif;cursor:pointer;text-align:left}
.dx-cpt-nav button:hover{background:#fff}.dx-cpt-nav button.on{background:#1f2a5a;color:#fff}
.dx-cpt-nav .dx-i{width:18px;height:18px}
.dx-cpt-x{position:absolute!important;left:12px;bottom:14px;width:36px;padding:0!important;justify-content:center}
.dx-cpt-c{padding:26px 28px}
.dx-cpt-c h3{margin:0 0 4px;font:900 22px Inter,sans-serif;color:var(--ink)}
.dx-cpt-c .sous{margin:0 0 18px;color:var(--doux);font-size:13.5px}
.dx-cpt-c h5{margin:18px 0 8px;font:800 11px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
.dx-cpt-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.dx-cpt-carte{padding:14px;border-radius:14px;background:#f6f7fb;text-align:center}
.dx-cpt-carte b{display:block;font:900 22px Inter,sans-serif;color:var(--ink)}.dx-cpt-carte small{font:700 11px Inter,sans-serif;color:var(--doux);text-transform:uppercase;letter-spacing:.06em}
.dx-cpt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.dx-cpt-actions .dx-btn-p,.dx-cpt-actions .dx-btn-s{height:42px}
.dx-fonds.grand{grid-template-columns:repeat(4,1fr)}
.dx-cpt-outils{display:flex;flex-direction:column;gap:6px}
.dx-cpt-outil{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;background:#f6f7fb}
.dx-cpt-outil>div{flex:1}.dx-cpt-outil b{display:block;font-size:13.5px;color:var(--ink)}.dx-cpt-outil small{font-size:11.5px;color:var(--doux)}
.dx-cpt-outil .dx-dock13-i{width:38px;height:38px;border-radius:11px}
.dx-sw{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:700 11px Inter,sans-serif;color:var(--doux)}
.dx-sw input{display:none}.dx-sw span{width:36px;height:22px;border-radius:999px;background:#d7dbe9;position:relative;transition:background .2s}
.dx-sw span::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.dx-sw input:checked+span{background:#27ae60}.dx-sw input:checked+span::after{transform:translateX(14px)}
/* ---------- téléphone / tablette ---------- */
@media (max-width:900px){
  .dx-h14{grid-template-columns:1fr auto;grid-template-rows:auto auto;margin:8px 8px 0;padding:8px 10px;gap:8px;border-radius:18px}
  .dx-h14 .dx-logo13{width:104px}
  .dx-h14 .dx-cherche14{grid-column:1/-1;grid-row:2;height:40px}
  .dx-h14 .dx-hb span{display:none}
  .dx-recents14,.dx-types14{padding-left:14px;padding-right:14px}
  .dx-recent14{flex-basis:180px}
  .dx-bureau-zone{display:flex;flex-wrap:wrap;gap:18px 12px;padding:16px 14px 0;min-height:0!important;align-items:flex-start}
  .dx-ico{position:static!important;transform:none!important;flex:0 0 auto}
  .dx-doc13{width:calc(50% - 6px)}
  .dx-doc13-v .dx-mini{width:100%!important}
  .dx-dossier13{width:calc(50% - 6px)}
  .dx-dossier13 .dx-dossier-svg{width:100%;height:auto}
  .dx-dossier14 .dx-nom-sur{top:38%;height:36%;left:14%;right:14%}
  .dx-dossier14 small{top:auto;bottom:-18px}
  .dx-deco{display:none}
  .dx-dock-zone{bottom:8px;max-width:calc(100vw - 16px)}
  .dx-dock14{padding:6px 8px;max-width:calc(100vw - 16px)}
  .dx-dock13-b{min-width:62px;padding:4px 4px 2px;font-size:10px}
  .dx-dock13-i{width:40px;height:40px}
  .dx-dock-site img{height:30px}
  .dx-inv-b{grid-template-columns:1fr}
  .dx-cpt{grid-template-columns:1fr}
  .dx-cpt-nav{flex-direction:row;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid var(--trait)}
  .dx-cpt-nav button span{display:none}
  .dx-cpt-x{position:static!important;margin-left:auto}
  .dx-cpt-c{padding:18px 16px}
  .dx-cpt-cartes{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .dx-invite13{left:12px;right:12px;bottom:100px;max-width:none}
}

/* ================= v15 : école ================= */
.dx-eco-form{display:flex;gap:8px;margin:6px 0 8px}
.dx-eco-form.trois{display:grid;grid-template-columns:1fr 1fr 1.4fr auto}
.dx-eco-form .dx-champ{height:42px;border-radius:12px;border:1.5px solid var(--trait);padding:0 12px;font:600 14px Inter,sans-serif;color:var(--ink);outline:0;min-width:0}
.dx-eco-form .dx-champ:focus{border-color:#fa5a3c}
.dx-eco-form .dx-btn-p{height:42px;white-space:nowrap}
.dx-eco-liste{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.dx-eco-m{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;background:#f6f7fb}
.dx-eco-m>div{flex:1}.dx-eco-m b{display:block;font-size:13.5px;color:var(--ink)}.dx-eco-m small{font-size:11.5px;color:var(--doux)}
.dx-moi.petit{width:34px;height:34px;font-size:14px;flex:none}
.dx-eco-x{width:30px;height:30px;border-radius:9px;border:0;background:#fff;color:var(--doux);cursor:pointer;display:grid;place-items:center}
.dx-eco-x:hover{color:#e0335c}.dx-eco-x .dx-i{width:14px;height:14px}
.dx-eco-vide{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:16px;background:#fff6ef;margin:10px 0}
.dx-eco-vide>.dx-i{width:28px;height:28px;color:#fa5a3c}.dx-eco-vide p{margin:0;font:500 13.5px/1.5 Inter,sans-serif;color:var(--ink)}
.dx-eco-vide .dx-btn-p{height:42px}
.dx-dossier13[data-id="ecole"] .dx-dossier-svg{filter:drop-shadow(0 8px 16px rgba(31,42,90,.25))}
.dx-dossier13[data-id="ecole"] .dx-nom-sur{color:#fff}
@media (max-width:900px){.dx-eco-form.trois{grid-template-columns:1fr 1fr}.dx-eco-form.trois .dx-btn-p{grid-column:1/-1}}

.dx-eco-form.quatre{grid-template-columns:1.2fr 1fr 1fr 1.4fr auto}
.dx-eco-ecole .dx-eco-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1f2a5a;color:#fff;flex:none}
.dx-eco-ecole .dx-eco-ico .dx-i{width:18px;height:18px}
.dx-eco-moi{font:700 10.5px Inter,sans-serif;font-style:normal;color:#fa5a3c;margin-left:6px}
.dx-eco-titre{display:flex;gap:8px;align-items:center;margin:10px 0 4px!important}
.dx-eco-nomin{flex:1;height:42px;border-radius:12px;border:1.5px solid var(--trait);padding:0 12px;font:900 18px Inter,sans-serif;color:var(--ink);outline:0;min-width:0}
.dx-btn-s.rouge{color:#e0335c;border-color:#ffd0da}
@media (max-width:900px){.dx-eco-form.quatre{grid-template-columns:1fr 1fr}}

/* partagé avec l'école */
.dx-partage{position:absolute;right:-6px;top:-6px;z-index:6;display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 8px 0 6px;border-radius:999px;background:#1f2a5a;color:#fff;box-shadow:0 4px 12px rgba(31,42,90,.3);pointer-events:none}
.dx-partage .dx-i{width:16px;height:16px;stroke-width:2}
.dx-partage i{font:900 13px/1 Inter,sans-serif;font-style:normal;color:#ffd166}
.dx-doc13 .dx-partage{top:20px;right:-8px}
.dx-dossier14 .dx-dossier-logo{position:absolute;left:20px;top:46px;width:120px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dx-dossier14 .dx-dossier-logo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(31,42,90,.15))}
.dx-eco-logo{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#f6f7fb;margin:0 0 14px}
.dx-eco-logo>div{flex:1}.dx-eco-logo b{display:block;font-size:13.5px;color:var(--ink)}.dx-eco-logo small{font-size:11.5px;color:var(--doux)}
.dx-eco-logo-v{width:56px;height:56px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--doux);overflow:hidden;flex:none;border:1px solid var(--trait)}
.dx-eco-logo-v img{max-width:100%;max-height:100%;object-fit:contain}
.dx-eco-logo label.dx-btn-s{cursor:pointer}

/* l'organigramme */
.dx-org-h{display:flex;align-items:center;gap:8px;margin:18px 0 10px!important}
.dx-org-h span{font:600 11.5px Inter,sans-serif;text-transform:none;letter-spacing:0;color:var(--doux)}
.dx-org ul{list-style:none;margin:0;padding:0 0 0 22px;position:relative}
.dx-org>ul{padding:0}
.dx-org ul ul::before{content:"";position:absolute;left:8px;top:-6px;bottom:18px;border-left:2px solid #d7dbe9}
.dx-org li{position:relative;margin:8px 0}
.dx-org ul ul li::before{content:"";position:absolute;left:-14px;top:22px;width:14px;border-top:2px solid #d7dbe9}
.dx-org-n{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#f6f7fb;flex-wrap:wrap}
.dx-org-n.racine{background:#1f2a5a;color:#fff}.dx-org-n.racine small{color:#c9cee3}.dx-org-n.racine .dx-moi{background:#fa5a3c}
.dx-org-t{flex:1;min-width:140px}.dx-org-t b{display:block;font-size:13.5px}.dx-org-t small{display:block;font-size:11.5px;color:var(--doux)}
.dx-org-mail{opacity:.8}
.dx-org-sel{height:28px;border-radius:8px;border:1.5px solid var(--trait);background:#fff;font:700 12px Inter,sans-serif;color:var(--ink);padding:0 6px;max-width:100%}
.dx-org-droits{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.dx-sw.mini span{width:28px;height:17px}.dx-sw.mini span::after{width:13px;height:13px}.dx-sw.mini input:checked+span::after{transform:translateX(11px)}
.dx-sw.mini em{font-style:normal;font-size:10.5px}
@media (max-width:900px){.dx-org ul{padding-left:12px}.dx-org-droits{width:100%}}

.dx-dossier14 .dx-dossier-logo{left:20px;top:46px;width:120px;height:60px}
@media (max-width:900px){.dx-dossier14 .dx-dossier-logo{left:12%;top:36%;width:76%;height:40%}}

/* choisir = contour bleu + poignées de coin pour agrandir */

.dx-doc13.sel>.dx-doc13-v,.dx-doc13.sel>.dx-doc13-t{box-shadow:0 8px 20px rgba(20,20,43,.1)}
.dx-poignees{position:absolute;inset:-6px;pointer-events:none;z-index:8}
.dx-doc13 .dx-poignees{top:20px}.dx-dossier13 .dx-poignees{inset:-4px -2px 8px}
.dx-poignee{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #3b82f6;pointer-events:auto;box-shadow:0 2px 6px rgba(31,42,90,.25)}
.dx-poignee[data-c="se"]{right:-8px;bottom:-8px;cursor:nwse-resize}.dx-poignee[data-c="nw"]{left:-8px;top:-8px;cursor:nwse-resize}
.dx-poignee[data-c="sw"]{left:-8px;bottom:-8px;cursor:nesw-resize}.dx-poignee[data-c="ne"]{right:-8px;top:-8px;cursor:nesw-resize}
.dx-eco-formule{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f6f7fb;margin:0 0 12px}
.dx-eco-formule b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--doux)}
.dx-eco-formule .dx-seg{margin:0}.dx-eco-formule small{flex-basis:100%;font-size:11.5px;color:var(--doux)}

.dx-eco-toutes{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.dx-eco-bloc{padding:10px;border-radius:16px;border:1px solid var(--trait);background:#fff}
.dx-eco-bloc .dx-eco-m{background:transparent;padding:4px 4px 10px}
.dx-eco-bloc .dx-org{margin-top:4px}
.dx-eco-ico img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}

.dx-poignees{display:none!important}

/* ================= v19 : l'école, proprement ================= */
.dx-voile-cpt .boite{max-height:92vh;display:flex;flex-direction:column}
.dx-cpt{flex:1;min-height:0}
.dx-cpt-c{overflow-y:auto;max-height:92vh}
.dx-cpt-c h3 .dx-i{width:22px;height:22px;vertical-align:-4px;color:#f5b301}
.dx-eco-tete{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.dx-eco-tete>div{flex:1;min-width:0}.dx-eco-tete h3{margin:0;font:900 20px Inter,sans-serif;color:var(--ink)}.dx-eco-tete small{display:block;font:600 12px Inter,sans-serif;color:var(--doux)}
.dx-eco-badges{display:flex;gap:6px}
.dx-eco-regl{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:#f6f7fb;margin:0 0 12px}
.dx-eco-regl-l>b{display:block;font:800 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--doux);margin-bottom:6px}
.dx-eco-regl .dx-eco-logo{margin:0;background:#fff}.dx-eco-regl .dx-eco-form{margin:0}.dx-eco-regl small{display:block;margin-top:6px;font-size:11.5px;color:var(--doux)}
/* le schéma */
.dx-arbre{overflow-x:auto;padding:6px 4px 14px}
.dx-arbre ul{display:flex;justify-content:center;position:relative;margin:0;padding:22px 0 0;list-style:none}
.dx-arbre>ul{padding-top:0}
.dx-arbre li{position:relative;display:flex;flex-direction:column;align-items:center;padding:22px 10px 0}
.dx-arbre>ul>li{padding-top:0}
.dx-arbre li::before,.dx-arbre li::after{content:"";position:absolute;top:0;right:50%;width:50%;height:22px;border-top:2px solid #cfd5e6}
.dx-arbre li::after{right:auto;left:50%;border-left:2px solid #cfd5e6}
.dx-arbre li:only-child::before,.dx-arbre li:only-child::after{border-top:0}
.dx-arbre li:only-child::after{border-left:2px solid #cfd5e6}
.dx-arbre li:first-child::before,.dx-arbre li:last-child::after{border-top:0}
.dx-arbre li:last-child::before{border-right:2px solid #cfd5e6;border-radius:0 8px 0 0}
.dx-arbre li:first-child::after{border-radius:8px 0 0 0}
.dx-arbre>ul>li::before,.dx-arbre>ul>li::after{display:none}
.dx-arbre ul ul::before{content:"";position:absolute;top:0;left:50%;width:0;height:22px;border-left:2px solid #cfd5e6}
.dx-noeud{display:flex;flex-direction:column;align-items:center;gap:3px;width:150px;padding:12px 10px 10px;border-radius:14px;background:#fff;border:1.5px solid #e3e6f0;box-shadow:0 4px 12px rgba(31,42,90,.08);cursor:pointer;text-align:center;transition:transform .15s,box-shadow .15s}
.dx-noeud:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(31,42,90,.14);border-color:#c9cee3}
.dx-noeud.racine{background:#1f2a5a;border-color:#1f2a5a;color:#fff;cursor:default}.dx-noeud.racine small{color:#c9cee3}.dx-noeud.racine .dx-moi{background:#fa5a3c}
.dx-noeud b{font:800 13px/1.2 Inter,sans-serif;color:inherit;word-break:break-word}
.dx-noeud small{font:600 11px Inter,sans-serif;color:var(--doux)}
.dx-noeud-dr{display:flex;gap:4px;margin-top:2px}.dx-noeud-dr i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#eef0f6;color:#1f2a5a}.dx-noeud-dr .dx-i{width:12px;height:12px}
.dx-noeud-plus{width:26px;height:26px;margin-top:6px;border-radius:50%;border:0;background:#fa5a3c;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 10px rgba(250,90,60,.35)}
.dx-noeud-plus .dx-i{width:14px;height:14px}.dx-noeud-plus:hover{transform:scale(1.1)}
.dx-noeud-pop{display:flex;flex-direction:column;gap:8px;width:300px}
.dx-noeud-pop>b{font:900 15px Inter,sans-serif;color:var(--ink)}.dx-noeud-pop>small{font:600 12px Inter,sans-serif;color:var(--doux);margin-top:-6px}
.dx-noeud-pop .dx-champ{height:40px;border-radius:11px;border:1.5px solid var(--trait);padding:0 10px;font:600 13.5px Inter,sans-serif;color:var(--ink);outline:0;background:#fff;width:100%;box-sizing:border-box}
.dx-noeud-l{display:flex;flex-direction:column;gap:4px;font:800 11px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--doux)}
.dx-noeud-droits{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#f6f7fb}
.dx-noeud-droits .dx-sw em{font-size:12px;color:var(--ink)}
.dx-noeud-pop .dx-btn-p,.dx-noeud-pop .dx-btn-s{height:40px;justify-content:center}
@media (max-width:900px){.dx-noeud{width:120px}.dx-noeud-pop{width:min(300px,86vw)}}

/* choisir un dossier : juste le contour bleu, aucun voile */
.dx-dossier13.sel::after{background:transparent!important;z-index:7}
.dx-dossier13.sel .dx-dossier-svg{transform:none}

}

.dx-ico.sel::after{display:none!important}
.dx-doc13.sel>.dx-doc13-v{box-shadow:0 0 0 3px #fa5a3c,0 8px 20px rgba(20,20,43,.1)!important}
.dx-doc13.sel>.dx-doc13-t{box-shadow:0 0 0 3px #fa5a3c,0 8px 20px rgba(20,20,43,.1)!important}
.dx-dossier13.sel .dx-dossier-svg{filter:drop-shadow(0 0 0 3px #fa5a3c) drop-shadow(0 8px 16px rgba(31,42,90,.14))}

/* bien tenté petit malin */
#dxMalin{position:fixed;inset:0;z-index:300;display:none;place-items:center;background:#0b0f26;color:#fff;text-align:center;padding:20px}
#dxMalin.on{display:grid}
#dxMalin>div{max-width:520px;display:flex;flex-direction:column;align-items:center;gap:14px}
#dxMalin b{font:900 34px/1.1 Inter,sans-serif;letter-spacing:-.02em;color:#ffd166}
#dxMalin p{margin:0;font:600 17px/1.5 Inter,sans-serif;color:#dfe3f3}
#dxMalin .dx-btn-p{height:50px;font-size:15px}#dxMalin .dx-btn-s{background:transparent;color:#c9cee3;border-color:rgba(255,255,255,.25)}
#dxMalinPrint{display:none}
@media print{
  @page{margin:0}
  body.dx-gratuit>*:not(#dxMalinPrint){display:none!important}
  body.dx-gratuit{background:#000!important;margin:0!important}
  body.dx-gratuit #dxMalinPrint{display:block!important;position:fixed;inset:0;width:100vw;height:100vh;background:#000}
  body.dx-gratuit #dxMalinPrint svg{width:100%;height:100%;display:block}
}
}

/* dossier choisi : un contour qui épouse exactement sa forme */
.dx-dossier-svg{overflow:visible}
.dx-dossier-sel{opacity:0;transition:opacity .15s}
.dx-dossier13.sel .dx-dossier-sel{opacity:1}
.dx-dossier13.sel .dx-dossier-svg{filter:drop-shadow(0 10px 20px rgba(250,90,60,.28))}

/* ================= v21 ================= */
.dx-moi,.dx-moi.petit{display:inline-grid!important;place-items:center;padding:0;line-height:1;text-align:center}
.dx-types14{padding-top:14px}
/* arrivée */
.dx-splash{background:#1f2a5a;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.dx-splash-fond i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:dxSplashFlotte 6s ease-in-out infinite}
.dx-splash-fond i:nth-child(1){width:520px;height:520px;background:#fa5a3c;left:-160px;top:-160px}
.dx-splash-fond i:nth-child(2){width:460px;height:460px;background:#3b82f6;right:-140px;top:20%;animation-delay:-2s}
.dx-splash-fond i:nth-child(3){width:420px;height:420px;background:#f0265c;left:30%;bottom:-200px;animation-delay:-4s}
@keyframes dxSplashFlotte{50%{transform:translate(30px,-20px) scale(1.08)}}
.dx-splash-l{position:relative;width:min(560px,78vw);clip-path:inset(0 100% 0 0);animation:dxBalaye 1s cubic-bezier(.2,.8,.2,1) .25s forwards;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}
.dx-splash-t{position:relative;margin:0;text-align:center;font:600 17px/1.4 Inter,sans-serif;color:#dfe3f3;opacity:0;animation:dxMonte .7s ease-out 1s forwards}
.dx-splash-t span{display:block;font:800 13px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ffd166;margin-top:6px}
.dx-splash-barre{position:relative;width:180px;height:4px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden;opacity:0;animation:dxMonte .5s ease-out 1.1s forwards}
.dx-splash-barre i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#f0265c,#fa5a3c,#ff8a3d);animation:dxCharge 1.3s cubic-bezier(.2,.8,.2,1) 1.1s forwards}
@keyframes dxMonte{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes dxCharge{to{width:100%}}
.dx-splash.fin{opacity:0;transform:scale(1.04);transition:opacity .7s,transform .7s}
/* la page se met en place quand le rideau se lève */
body.dx-arrivee .dx-h14,body.dx-arrivee .dx-recents14,body.dx-arrivee .dx-types14,body.dx-arrivee .dx-ico,body.dx-arrivee .dx-dock-zone{opacity:0}
body.dx-arrivee-go .dx-h14{animation:dxDescend .7s cubic-bezier(.2,.9,.25,1) forwards}
body.dx-arrivee-go .dx-types14{animation:dxMonte .6s ease-out .15s forwards}
body.dx-arrivee-go .dx-recents14{animation:dxMonte .6s ease-out .25s forwards}
body.dx-arrivee-go .dx-ico{animation:dxPopIn .6s cubic-bezier(.2,.9,.3,1.3) forwards;animation-delay:calc(.3s + var(--i,0) * 60ms)}
body.dx-arrivee-go .dx-dock-zone{animation:dxRemonte .7s cubic-bezier(.2,.9,.25,1) .5s forwards}
@keyframes dxDescend{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}
@keyframes dxPopIn{from{opacity:0;transform:scale(calc(var(--s,1) * .7))}to{opacity:1;transform:scale(var(--s,1))}}
@keyframes dxRemonte{from{opacity:0;transform:translate(-50%,60px)}to{opacity:1;transform:translate(-50%,0)}}
/* dock : l'icône saute */
.dx-dock13-b.dx-saute .dx-dock13-i{animation:dxSaut .5s cubic-bezier(.3,.7,.4,1) 1}
@keyframes dxSaut{0%,100%{transform:translateY(0)}35%{transform:translateY(-14px)}70%{transform:translateY(0)}85%{transform:translateY(-5px)}}
/* rideau */
#dxRideau{position:fixed;inset:0;z-index:4000;background:var(--papier,#cfe6fb);pointer-events:none;clip-path:circle(0 at var(--x) var(--y))}
#dxRideau::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x) var(--y),rgba(255,255,255,.55),transparent 50%)}
/* organigramme : + à gauche / à droite / en dessous */
.dx-noeud-w{display:flex;align-items:center;gap:6px}
.dx-noeud-col{display:flex;flex-direction:column;align-items:center}
.dx-noeud-plus.cote{opacity:.35;transform:scale(.85)}
.dx-noeud-w:hover .dx-noeud-plus.cote{opacity:1;transform:none}

/* dock : rien ne dépasse, rien ne saute au survol */
.dx-dock,.dx-dock14{overflow:visible}
.dx-dock13-b{transition:transform .2s ease}
.dx-dock13-i{transition:none}
/* arrivée plus douce : fondu seulement */
@keyframes dxPopIn{from{opacity:0;transform:scale(var(--s,1))}to{opacity:1;transform:scale(var(--s,1))}}
@keyframes dxDescend{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes dxRemonte{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}

/* import par glisser-déposer */
#dxBureau.dx-depose{outline:3px dashed #fa5a3c;outline-offset:-12px;background:rgba(250,90,60,.05)}
.dx-import{width:200px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(20,20,43,.1);color:var(--ink);text-align:center}
.dx-import-v{position:relative;width:120px;height:160px;border-radius:8px;background:#f3f4f9;display:grid;place-items:center;overflow:hidden}
.dx-import-v::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:dxImportBalaye 1.2s linear infinite}
.dx-import-v i{width:34px;height:34px;border-radius:50%;border:4px solid #ffd2c2;border-top-color:#fa5a3c;animation:dxTourne .8s linear infinite}
@keyframes dxTourne{to{transform:rotate(360deg)}}
@keyframes dxImportBalaye{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.dx-import b{font:800 13px/1.2 Inter,sans-serif;word-break:break-word}.dx-import small{font:600 11.5px Inter,sans-serif;color:var(--doux)}
.dx-import.rate .dx-import-v i{border-color:#ffd0da;border-top-color:#e0335c;animation:none}.dx-import.rate small{color:#e0335c}
/* dossier vide */
.dx-vide-plus{position:absolute;left:150px;top:40px;display:flex;flex-wrap:wrap;gap:12px;max-width:480px}
.dx-vide-b{display:flex;flex-direction:column;align-items:center;gap:4px;width:220px;padding:22px 14px;border:2px dashed #c9cee3;border-radius:16px;background:rgba(255,255,255,.6);cursor:pointer;font-family:Inter,sans-serif;color:var(--ink);transition:border-color .2s,background .2s,transform .2s}
.dx-vide-b:hover{border-color:#fa5a3c;background:#fff;transform:translateY(-2px)}
.dx-vide-b .dx-i{width:28px;height:28px;color:#fa5a3c}.dx-vide-b b{font-size:14px}.dx-vide-b small{font-size:11.5px;color:var(--doux)}
.dx-vide-plus .aide{flex-basis:100%;font:600 12px Inter,sans-serif;color:var(--doux)}
.dx-depl{display:flex;flex-direction:column;gap:6px;width:300px;max-height:60vh;overflow:auto}
.dx-depl h6{margin:0 0 4px;font:800 11px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
.dx-depl label{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;cursor:pointer;font:700 13px Inter,sans-serif;color:var(--ink)}
.dx-depl label:hover{background:#f2f3f8}
.dx-depl-v{width:28px;height:40px;overflow:hidden;border-radius:3px;background:#eaf7ef;box-shadow:0 1px 4px rgba(31,42,90,.2);flex:none}
.dx-depl-v .dx-mini{transform-origin:0 0}
.dx-depl .dx-btn-p{height:40px;justify-content:center;margin-top:6px}
@media (max-width:900px){.dx-vide-plus{position:static;padding:16px}}

/* ============================================================
   v23 — Évaluation
   ============================================================ */
.dx-grp-eval{background:linear-gradient(160deg,#fff 0%,#fff0f4 100%)}
.dx-grp-eval::before{background:linear-gradient(90deg,#f0265c,#ff5e8a)!important;width:62px}
.dx-grp-eval button em{color:#f0265c}
.dx-grp-eval button.on{color:#f0265c}
.dx-ev-badge{position:absolute;left:8px;top:8px;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 6px;border-radius:999px;background:#f0265c;color:#fff;font:800 10.5px/1 system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 3px 8px rgba(240,38,92,.3);pointer-events:none}
.dx-ev-badge .dx-i{width:12px;height:12px;stroke-width:2.6}
/* barre du haut : le bouton magique et l'anti-triche, bien en vue */
.dx-top-b.dx-magie,.dx-top-b.dx-antitriche{position:relative;overflow:hidden;color:#fff!important;border:0!important;border-radius:999px!important;padding:0 14px!important;font-weight:800}
.dx-top-b.dx-magie{background:linear-gradient(100deg,#8e44ad,#f0265c 60%,#ff8a3d)!important;box-shadow:0 4px 14px rgba(142,68,173,.3)}
.dx-top-b.dx-antitriche{background:linear-gradient(100deg,#1f2a5a,#3b4b8f)!important;box-shadow:0 4px 14px rgba(31,42,90,.28)}
.dx-top-b.dx-magie::after,.dx-top-b.dx-antitriche::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:dxBrille 3.8s ease-in-out infinite 1s}
@keyframes dxBrille{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.dx-top-b.dx-magie .dx-i,.dx-top-b.dx-antitriche .dx-i{width:17px;height:17px}
.dx-top-b.dx-magie span,.dx-top-b.dx-antitriche span{display:inline!important}
.dx-top-b.dx-attente{opacity:.6;pointer-events:none}
/* le panneau */
.dx-ev-hero{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;margin:4px 0 12px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#1f2a5a 0%,#3b4b8f 60%,#6e5fd8 100%);box-shadow:0 10px 24px rgba(31,42,90,.25)}
.dx-ev-hero b{font:800 16px/1.15 -apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif;letter-spacing:-.01em}
.dx-ev-hero small{font-size:12px;line-height:1.4;opacity:.88}
.dx-ev-hero-i{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.dx-ev-hero-i .dx-i{width:20px;height:20px}
.dx-ev-go{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:0;border-radius:12px;background:#fff;color:#1f2a5a;font:800 14px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.18);transition:transform .15s}
.dx-ev-go:hover{transform:translateY(-1px)}
.dx-ev-go:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.18)}
.dx-ev-go .dx-i{width:18px;height:18px;color:#f0265c}
.dx-ev-vers{display:flex;flex-wrap:wrap;gap:6px}
.dx-ev-v{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:999px;background:rgba(255,255,255,.16);font:700 11.5px/1 system-ui,sans-serif}
.dx-ev-v button{width:18px;height:18px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.dx-ev-v button .dx-i{width:11px;height:11px}
.dx-ev-drop{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:16px 12px 12px;margin-bottom:12px;border:2px dashed #f7a3b8;border-radius:16px;background:#fff6f8;transition:background .2s,border-color .2s,transform .2s}
.dx-ev-drop.sur{background:#ffe3eb;border-color:#f0265c;transform:scale(1.02)}
.dx-ev-drop b{font:800 15px/1.15 -apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif;letter-spacing:-.01em;color:#1f2a5a}
.dx-ev-drop small{font-size:12px;color:#6b6f86;line-height:1.35}
.dx-ev-drop-i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8e44ad,#f0265c 60%,#ff8a3d)}
.dx-ev-drop-i .dx-i{width:22px;height:22px}
.dx-ev-src{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.dx-ev-src button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:1px solid #f3c6d2;border-radius:999px;background:#fff;color:#1f2a5a;font:700 12px/1 system-ui,sans-serif;cursor:pointer}
.dx-ev-src button:hover{border-color:#f0265c;color:#f0265c}
.dx-ev-src .dx-i{width:14px;height:14px}
.dx-ev-carte{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:14px;border-radius:14px;background:#f4f6fb;box-shadow:0 0 0 1px var(--ligne,#e6e2da)}
.dx-ev-carte>div{flex:1;display:flex;flex-direction:column;gap:2px}
.dx-ev-carte b{font-size:13.5px;color:#1f2a5a}
.dx-ev-carte small{font-size:11.5px;color:#6b6f86;line-height:1.3}
.dx-ev-c-i{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:#fff;color:#27ae60;box-shadow:0 1px 3px rgba(31,42,90,.1)}
.dx-ev-b{flex:none;height:32px;padding:0 12px;border:0;border-radius:10px;background:#27ae60;color:#fff;font:800 12.5px/1 system-ui,sans-serif;cursor:pointer}
.dx-ev-h{display:flex;align-items:center;justify-content:space-between;margin:6px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8b8299}
.dx-ev-tot{text-transform:none;letter-spacing:0;font-weight:800;color:#f0265c;font-size:13px}
.dx-ev-types{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}
.dx-ev-types button{display:flex;align-items:center;gap:7px;padding:9px 10px;border:0;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--ligne,#e6e2da);font:700 12.5px/1.15 system-ui,sans-serif;color:#1f2a5a;cursor:pointer;text-align:left}
.dx-ev-types button:hover{box-shadow:0 0 0 2px #f0265c}
.dx-ev-types em{font-style:normal;font-size:15px}
.dx-ev-sur{margin-bottom:8px}
/* la fenêtre des questions proposées */
.dx-boite-pq{max-width:860px!important}
.dx-pq{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow:auto;padding:2px 4px 2px 2px;margin:8px 0}
.dx-pq-l{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f7f7fa;opacity:.62;cursor:pointer;transition:opacity .15s,background .15s,box-shadow .15s}
.dx-pq-l.on{opacity:1;background:#fff;box-shadow:0 0 0 1.5px #f0265c inset}
.dx-pq-c input{width:18px;height:18px;accent-color:#f0265c}
.dx-pq-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.dx-pq-q{font-size:13.5px;line-height:1.35;color:#1f2a5a}
.dx-pq-t small{font-size:11.5px;color:#27ae60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-pq-ty{flex:none}
.dx-pq-ty button{font-size:11.5px!important;padding:6px 9px!important}
.dx-pq-opts{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 12px;border-radius:12px;background:#fff6f8;font-size:13px;color:#1f2a5a}
.dx-pq-opts label{display:flex;align-items:center;gap:6px;cursor:pointer}
.dx-pq-opts input{accent-color:#f0265c;width:16px;height:16px}
.dx-pq-opts b{margin-right:2px}
.dx-ev-coller{width:100%;box-sizing:border-box;border:1px solid #e3dfd6;border-radius:12px;padding:12px;font:14px/1.5 system-ui,sans-serif;resize:vertical}
.dx-ev-charge{height:6px;border-radius:6px;background:#f3e9ee;overflow:hidden;margin:14px 0 6px}
.dx-ev-charge i{display:block;height:100%;width:40%;border-radius:6px;background:linear-gradient(90deg,#8e44ad,#f0265c,#ff8a3d);animation:dxCharge 1.1s ease-in-out infinite}
@keyframes dxCharge{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.dx-ev-doc{display:flex;align-items:center;gap:8px;width:100%;padding:6px;border:0;background:none;border-radius:8px;cursor:pointer;text-align:left;font:600 13px/1.2 system-ui,sans-serif;color:#1f2a5a}
.dx-ev-doc:hover{background:#fff0f4}
/* l'étincelle de la transformation */
.dx-magie-voile{position:absolute;inset:0;z-index:40;pointer-events:none;overflow:hidden;background:linear-gradient(110deg,transparent 20%,rgba(255,138,61,.16) 40%,rgba(240,38,92,.2) 50%,rgba(142,68,173,.16) 60%,transparent 80%);background-size:250% 100%;animation:dxVoile 1.5s ease-out forwards}
@keyframes dxVoile{0%{background-position:120% 0;opacity:1}100%{background-position:-60% 0;opacity:0}}
.dx-magie-voile i{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#fff 0 25%,#ffc94a 30%,transparent 65%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:dxEtincelle .9s ease-out forwards}
@keyframes dxEtincelle{0%{opacity:0;transform:scale(.2) rotate(0)}40%{opacity:1;transform:scale(1.4) rotate(40deg)}100%{opacity:0;transform:scale(.6) rotate(90deg)}}
@media (max-width:900px){.dx-top-b.dx-magie span,.dx-top-b.dx-antitriche span{display:none!important}.dx-pq-l{flex-wrap:wrap}.dx-pq-ty{width:100%}}
/* v23b — choisir ses cours sur le bureau */
.dx-choix-barre{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:9000;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(31,42,90,.22),0 0 0 2px #f0265c;max-width:calc(100vw - 32px);animation:dxChoixIn .35s cubic-bezier(.2,.9,.25,1)}
@keyframes dxChoixIn{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
.dx-choix-barre>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.dx-choix-barre b{font:800 15px/1.15 -apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif;letter-spacing:-.01em;color:#1f2a5a}
.dx-choix-barre small{font-size:12px;color:#6b6f86}
.dx-choix-i{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8e44ad,#f0265c 60%,#ff8a3d)}
.dx-choix-i .dx-i{width:20px;height:20px}
.dx-choix-barre button{flex:none;height:38px;padding:0 14px;border:0;border-radius:12px;font:800 13px/1 system-ui,sans-serif;cursor:pointer}
.dx-choix-non{background:#f1f2f6;color:#1f2a5a}
.dx-choix-ok{background:linear-gradient(100deg,#f0265c,#fa5a3c);color:#fff;box-shadow:0 4px 12px rgba(240,38,92,.3)}
.dx-choix-ok:disabled{opacity:.45;cursor:default;box-shadow:none}
body.dx-choix-eval #dxBureau .dx-doc13{cursor:pointer}
body.dx-choix-eval #dxBureau .dx-doc13::after{content:"";position:absolute;right:6px;top:6px;z-index:4;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #c9cbd8 inset,0 2px 6px rgba(31,42,90,.18)}
body.dx-choix-eval #dxBureau .dx-doc13.sel::after{background:#f0265c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 0 0 2px #f0265c inset,0 3px 10px rgba(240,38,92,.4)}
body.dx-choix-eval #dxBureau .dx-doc13.sel .dx-doc13-v{outline:3px solid #f0265c;outline-offset:3px;border-radius:6px}
body.dx-choix-eval .dx-dock-zone{opacity:.35;pointer-events:none}
@media (max-width:700px){.dx-choix-barre{flex-wrap:wrap;top:70px}.dx-choix-barre>div{flex:1 1 60%}}
.dx-pts[data-dx-ptsel]{cursor:pointer;user-select:none;transition:box-shadow .15s}
.dx-pts[data-dx-ptsel]:hover{box-shadow:0 0 0 2px #f0265c}
.dx-ptsp{display:flex;flex-direction:column;gap:10px;min-width:220px}
.dx-ptsp h6{margin:0;font:800 13px/1.2 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#1f2a5a}
.dx-ptsp-l{display:flex;align-items:center;gap:6px}
.dx-ptsp-l input{flex:1;min-width:0;height:40px;border:2px solid #f0265c;border-radius:12px;text-align:center;font:800 20px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#f0265c;outline:0}
.dx-ptsp-l button{width:40px;height:40px;border:0;border-radius:12px;background:#fff0f4;color:#f0265c;font:800 20px/1 system-ui;cursor:pointer}
.dx-ptsp-v{display:flex;gap:4px}
.dx-ptsp-v button{flex:1;height:30px;border:0;border-radius:9px;background:#f4f6fb;color:#1f2a5a;font:700 12.5px system-ui;cursor:pointer}
.dx-ptsp-v button:hover{background:#ffe3eb;color:#f0265c}
/* v24 — suggestions de différenciation (bulles façon commentaires) */
.scene-inner .pg{overflow:visible}
.dx-sg-pin{position:absolute;z-index:60;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50% 50% 50% 4px;background:#8e44ad;color:#fff;display:grid;place-items:center;font:800 11px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;box-shadow:0 3px 8px rgba(142,68,173,.4);cursor:pointer}
.dx-sg{position:absolute;left:calc(100% + 16px);z-index:60;width:236px;padding:10px 11px 11px;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(31,42,90,.18),0 0 0 1px rgba(142,68,173,.18);font-family:-apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#1f2a5a;transition:opacity .2s;animation:dxSgIn .35s cubic-bezier(.2,.9,.25,1) both}
@keyframes dxSgIn{from{opacity:0}to{opacity:1}}
.dx-sg.part{opacity:0}
.dx-sg::before{content:"";position:absolute;left:-6px;top:14px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:-1px 1px 0 rgba(142,68,173,.18)}
.dx-sg-t{display:flex;align-items:center;gap:7px;margin-bottom:6px}
.dx-sg-t b{font-size:12.5px;font-weight:800}
.dx-sg-t em{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;color:#8e44ad}
.dx-sg-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8e44ad,#f0265c 60%,#ff8a3d)}
.dx-sg-av .dx-i{width:13px;height:13px}
.dx-sg p{margin:0 0 8px;font-size:12.5px;line-height:1.35;color:#3d4466}
.dx-sg-v{border-radius:10px;background:#f6f4fb;padding:6px;display:flex;justify-content:center;overflow:hidden;max-height:132px}
.dx-sg-v svg{max-width:100%;height:auto;background:#fff;border-radius:6px}
.dx-sg-b{display:flex;gap:6px;margin-top:9px}
.dx-sg-b button{height:32px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font:800 12.5px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif}
.dx-sg-b .non{width:36px;background:#f1f2f6;color:#6b6f86}
.dx-sg-b .non:hover{background:#ffe3eb;color:#f0265c}
.dx-sg-b .oui{flex:1;background:#27ae60;color:#fff;box-shadow:0 3px 0 #1e8a4c}
.dx-sg-b .oui:hover{filter:brightness(1.06)}
.dx-sg-b .dx-i{width:15px;height:15px;stroke-width:2.8}
.el.dx-sg-vise{outline:2px dashed #8e44ad;outline-offset:3px;border-radius:4px}
#dxSgBarre{position:sticky;top:8px;z-index:70;margin:8px auto 0;width:max-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(31,42,90,.16),0 0 0 1px rgba(142,68,173,.2);font:700 12.5px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#1f2a5a}
#dxSgBarre span{display:inline-flex;align-items:center;gap:6px}
#dxSgBarre .dx-i{width:15px;height:15px;color:#8e44ad}
#dxSgBarre button{height:28px;padding:0 12px;border:0;border-radius:999px;cursor:pointer;font:800 12px/1 inherit;font-family:inherit}
#dxSgBarre button[data-sg-tout="oui"]{background:#27ae60;color:#fff}
#dxSgBarre button[data-sg-tout="non"]{background:#f1f2f6;color:#6b6f86}
/* v25 — en construction + bêta */
.dx-beta14{display:inline-flex;align-items:center;height:22px;padding:0 9px;margin-left:-6px;border-radius:999px;background:linear-gradient(90deg,#8e44ad,#f0265c);color:#fff;font:800 10.5px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 2px 8px rgba(142,68,173,.3);flex:none;align-self:center}
.dx-chantier-bd{position:relative;z-index:5;display:flex;align-items:center;gap:12px;max-width:min(980px,calc(100% - 32px));margin:12px auto 0;padding:10px 10px 10px 12px;border-radius:16px;background:#fff8e1;box-shadow:0 6px 20px rgba(31,42,90,.08),0 0 0 1px #f5d77a;font:500 13.5px/1.4 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#1f2a5a;overflow:hidden}
.dx-chantier-bd::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:repeating-linear-gradient(-45deg,#1f2a5a 0 6px,#f5b301 6px 12px)}
.dx-chantier-bd>span:nth-child(2){flex:1;padding-left:4px}
.dx-chantier-i{width:34px;height:34px;flex:none;margin-left:6px;border-radius:10px;display:grid;place-items:center;background:#f5b301;color:#1f2a5a}
.dx-chantier-i .dx-i{width:19px;height:19px}
.dx-chantier-bd button{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:0;border-radius:12px;background:#27ae60;color:#fff;font:800 13px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 0 #1e8a4c}
.dx-chantier-bd button .dx-i{width:16px;height:16px}
/* un ruban « travaux » sur ce qui n'est pas encore ouvert */
.dx-en-travaux{position:relative}
.dx-dock14 .dx-en-travaux,.dx-hb.dx-en-travaux{filter:saturate(.55);opacity:.8}
.dx-dock14 .dx-en-travaux::after,.dx-hb.dx-en-travaux::after{content:"bientôt";position:absolute;left:50%;top:-6px;transform:translateX(-50%) rotate(-4deg);padding:2px 6px;border-radius:5px;background:repeating-linear-gradient(-45deg,#1f2a5a 0 4px,#f5b301 4px 8px);color:#fff;font:800 9px/1.2 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;letter-spacing:.04em;text-shadow:0 1px 0 #1f2a5a,0 0 3px #1f2a5a;white-space:nowrap;pointer-events:none}
#dxBureau .dx-doc13.dx-en-travaux .dx-doc13-v::after{content:"En construction";position:absolute;left:-6px;right:-6px;bottom:18%;transform:rotate(-6deg);padding:4px 0;text-align:center;background:repeating-linear-gradient(-45deg,#f5b301 0 10px,#1f2a5a 10px 20px);color:#fff;font:900 11px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;letter-spacing:.06em;text-shadow:0 0 3px #1f2a5a,0 1px 0 #1f2a5a;box-shadow:0 3px 8px rgba(0,0,0,.18);z-index:3;pointer-events:none}
.dx-boite-travaux{max-width:440px!important;overflow:hidden;padding-top:0!important}
.dx-travaux{position:relative;text-align:center;padding-top:26px}
.dx-travaux-ruban{position:absolute;left:-40px;right:-40px;top:0;height:12px;background:repeating-linear-gradient(-45deg,#1f2a5a 0 10px,#f5b301 10px 20px)}
.dx-travaux-i{display:inline-grid;place-items:center;width:62px;height:62px;margin:14px 0 6px;border-radius:18px;background:#fff1c2;color:#e08a00}
.dx-travaux-i .dx-i{width:34px;height:34px}
.dx-travaux h3{margin:4px 0 8px;font:800 20px/1.2 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#1f2a5a}
.dx-travaux p{margin:0 0 10px;font-size:14px;line-height:1.5;color:#4a5068}
.dx-travaux-ok{padding:10px 12px;border-radius:12px;background:#eaf7ef;color:#1c5a40!important}
.dx-travaux .fin{justify-content:center}
@media (max-width:700px){.dx-chantier-bd{flex-wrap:wrap}.dx-chantier-bd button{width:100%;justify-content:center}}
/* ============================================================
   v26 — le vrai logo, le fond « Peinture », l'ouverture au pinceau
   ============================================================ */
.docs-logo-img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}
.dx-logo13 .docs-logo-img{width:auto;height:58px}
.dx-top-logo .docs-logo-img{height:40px}
.dx-dock-logo .docs-logo-img,.dx-dock13-logo .docs-logo-img{height:34px}
.dx-logo .docs-logo-img{height:52px}
.dx-logo10 .docs-logo-img{width:100%;height:auto}
.dx-splash-l .docs-logo-img{width:100%;height:auto}
/* le fond Peinture : papier crème + grands coups de pinceau vert et rose */
body.docs-lae.dx-fond-peinture{--papier:#fbf5e8;--papier2:#f3ead6;--ink:#04402c}
body.dx-fond-peinture .dx-home13{background-color:#fbf5e8;background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.015 .12' numOctaves='3' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='26' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cg filter='url(%23f)' fill='none' stroke-linecap='round'%3E%3Cpath d='M40 210 C 180 120, 360 250, 560 90' stroke='%23046441' stroke-width='70' opacity='.16'/%3E%3Cpath d='M70 200 C 200 130, 360 240, 540 100' stroke='%23ffffff' stroke-width='22' opacity='.22'/%3E%3C/g%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.015 .12' numOctaves='3' seed='8'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='26' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cg filter='url(%23f)' fill='none' stroke-linecap='round'%3E%3Cpath d='M40 90 C 200 230, 380 60, 560 200' stroke='%23fd418a' stroke-width='64' opacity='.17'/%3E%3Cpath d='M80 100 C 220 210, 380 80, 530 190' stroke='%23ffffff' stroke-width='18' opacity='.25'/%3E%3C/g%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' numOctaves='2' seed='5'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cg filter='url(%23f)'%3E%3Ccircle cx='100' cy='100' r='62' fill='%23fd418a' opacity='.13'/%3E%3C/g%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 120'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .15' numOctaves='3' seed='11'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='16' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath filter='url(%23f)' d='M20 70 C 90 30, 200 100, 280 50' stroke='%23046441' stroke-width='30' fill='none' stroke-linecap='round' opacity='.14'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:min(900px,75vw) auto,min(820px,70vw) auto,260px auto,360px auto;
  background-position:right -120px top -60px,left -160px bottom -40px,left 6% top 38%,right 8% bottom 22%;background-attachment:fixed}
body.dx-fond-peinture .dx-deco{display:none}
body.dx-fond-peinture .dx-h14{background:rgba(255,252,244,.72);box-shadow:0 10px 30px rgba(4,64,44,.1),inset 0 1px 0 rgba(255,255,255,.8),0 0 0 1px rgba(4,100,65,.08)}
body.dx-fond-peinture .dx-h14 .dx-hb{color:#04402c;background:rgba(255,255,255,.7)}
body.dx-fond-peinture .dx-h14 .dx-hb:hover{background:#fff;color:#046441}
body.dx-fond-peinture .dx-h14 .dx-btn-p{background:#fd418a;box-shadow:0 6px 16px rgba(253,65,138,.35);color:#fff}
body.dx-fond-peinture .dx-moi{background:#046441;color:#fff}
body.dx-fond-peinture .dx-types14 .dx-chip{background:rgba(255,255,255,.8);border-color:transparent;color:#04402c}
body.dx-fond-peinture .dx-types14 .dx-chip.on{background:#046441;border-color:#046441;color:#fff}
body.dx-fond-peinture .dx-recents14 h5{color:#046441}
body.dx-fond-peinture .dx-cherche14{background:rgba(255,255,255,.75)}
body.dx-fond-peinture .dx-dossier13 b,body.dx-fond-peinture .dx-nom{color:#04402c}
/* l'ouverture au pinceau */
.dx-peinture{position:fixed;inset:0;z-index:9500;pointer-events:none}
.dx-peinture.couvert,.dx-peinture-arrivee{pointer-events:auto}
.dx-peinture-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.dx-peinture-logo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:dxLogoPeint .7s cubic-bezier(.2,1.3,.4,1) both}
.dx-peinture-logo .docs-logo-img{width:min(460px,72vw);height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.25))}
.dx-peinture-logo p{margin:0;padding:8px 18px;border-radius:999px;background:#fbf3df;color:#04402c;font:700 16px/1.2 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.18);animation:dxLogoPeint .6s cubic-bezier(.2,1.3,.4,1) .25s both}
.dx-peinture-logo p b{color:#fd418a}
@keyframes dxLogoPeint{0%{opacity:0;transform:scale(.6) rotate(-4deg)}60%{opacity:1;transform:scale(1.05) rotate(1deg)}100%{opacity:1;transform:none}}
.dx-splash{display:none!important}
@media (prefers-reduced-motion:reduce){.dx-peinture{display:none}}
/* ============================================================
   v27 — badge BÊTA fixe, couleurs du logo partout, aperçu des tableurs
   ============================================================ */
.dx-beta14{display:none!important}
.dx-version{position:fixed;left:10px;bottom:10px;z-index:900;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 4px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 2px 10px rgba(4,64,44,.15),0 0 0 1px rgba(4,100,65,.12);font:700 11px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#04402c;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dx-version b{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:999px;background:#fd418a;color:#fff;font-size:9.5px;letter-spacing:.08em}
body.dx-dans-doc .dx-version{bottom:10px;left:auto;right:10px}
/* les couleurs du logo, quel que soit le fond */
body.docs-lae{--vert-lae:#046441;--rose-lae:#fd418a;--creme-lae:#fbf5e8}
.dx-h14 .dx-btn-p{background:#fd418a!important;box-shadow:0 6px 16px rgba(253,65,138,.35)!important;color:#fff!important}
.dx-moi{background:#046441!important;color:#fff!important}
.dx-types14 .dx-chip.on{background:#046441!important;border-color:#046441!important;color:#fff!important}
.dx-recents14 h5{color:#046441!important}
.dx-dock14{background:rgba(255,252,244,.88)!important;box-shadow:0 14px 40px rgba(4,64,44,.16),0 0 0 1px rgba(4,100,65,.08)!important}
.dx-dock14 .dx-lbl,.dx-dock14 span:not([class*="-i"]){color:#04402c}
.dx-logo13{display:flex;align-items:center}
.dx-logo13 .docs-logo-img{height:56px!important;width:auto!important;max-width:none}
/* l'aperçu d'un tableur sur le bureau : son contenu, pas le logo */
.dx-sheet-ap{position:relative;display:block!important;background:#fff!important;overflow:hidden}
.dx-tb-ap{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;font:500 6.5px/1.15 'Inter',system-ui,sans-serif;color:#16212e}
.dx-tb-ap th{background:#f3f6f4;color:#6b7a72;font-weight:600;border:1px solid #e3ebe6;height:9px;padding:0}
.dx-tb-ap tr th:first-child{width:11px}
.dx-tb-ap td{border:1px solid #edf1ee;padding:1px 2px;height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* téléphone : tout tient */
@media (max-width:700px){
  .dx-h14{flex-wrap:nowrap!important;gap:8px!important;padding:8px 10px!important}
  .dx-logo13 .docs-logo-img{height:40px!important}
  .dx-h14 .dx-hb span,.dx-h14 .dx-btn-p span{display:none}
  .dx-cherche14{min-width:0;flex:1}
  .dx-version{bottom:auto;top:auto;left:6px;bottom:84px;height:20px;font-size:10px}
  .dx-chantier-bd{margin:8px 10px 0;font-size:12.5px}
  .dx-travaux h3{font-size:18px}
}

/* v27b — le fond Peinture, plus discret : deux coups de pinceau dans les coins */
body.dx-fond-peinture .dx-home13{background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.015 .12' numOctaves='3' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='26' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath filter='url(%23f)' d='M40 210 C 180 120, 360 250, 560 90' stroke='%23046441' stroke-width='60' fill='none' stroke-linecap='round' opacity='.09'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.015 .12' numOctaves='3' seed='8'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='26' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath filter='url(%23f)' d='M40 90 C 200 230, 380 60, 560 200' stroke='%23fd418a' stroke-width='56' fill='none' stroke-linecap='round' opacity='.09'/%3E%3C/svg%3E")!important;
  background-size:min(620px,48vw) auto,min(560px,44vw) auto!important;background-position:right -120px top 40px,left -140px bottom 20px!important;background-attachment:fixed!important}
.dx-hb.dx-en-travaux::after{top:-9px;left:auto;right:-6px;transform:rotate(6deg)}

/* ============================================================
   v28 — barre du haut en verre (façon Apple, assez opaque), fond bleu
   par défaut, éditeur sans « Mon bureau », en-tête sur 1 ligne au tél.
   ============================================================ */
.dx-h14,body.dx-fond-peinture .dx-h14{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.62))!important;
  -webkit-backdrop-filter:blur(28px) saturate(180%)!important;backdrop-filter:blur(28px) saturate(180%)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 12px 34px rgba(31,42,90,.14),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(31,42,90,.06),inset 0 0 0 .5px rgba(255,255,255,.6)!important}
.dx-h14 .dx-cherche14{background:rgba(255,255,255,.7)!important;box-shadow:inset 0 1px 2px rgba(31,42,90,.08)}
.dx-h14 .dx-hb{background:rgba(255,255,255,.6)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.dx-fond-nuit .dx-h14{background:rgba(31,42,90,.66)!important;border-color:rgba(255,255,255,.14)!important}
/* l'éditeur : le logo Docs Laé est la maison, pas de bouton « Mon bureau » */
#dxTop .dx-top-b[data-dx="retour"]{display:none!important}
#dxTop .dx-top-logo .docs-logo-img{height:44px!important}
/* téléphone : logo · recherche · boutons, toujours sur UNE ligne */
@media (max-width:700px){
  .dx-h14{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;padding:6px 8px!important}
  .dx-h14 .dx-logo13{flex:none;order:0}
  .dx-h14 .dx-logo13 .docs-logo-img{height:34px!important}
  .dx-h14 .dx-cherche14{order:1;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;height:38px!important;padding:0 10px!important}
  .dx-h14 .dx-cherche14 input{min-width:0;font-size:14px}
  .dx-h14 .dx-h-d{order:2;flex:none;display:flex;gap:4px!important;margin:0!important}
  .dx-h14 .dx-hb,.dx-h14 .dx-btn-p,.dx-h14 .dx-moi{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;justify-content:center}
  .dx-h14 .dx-hb span,.dx-h14 .dx-btn-p span{display:none!important}
  .dx-hb.dx-en-travaux::after{display:none}
}

/* v29 — verre vraiment transparent (on voit le bureau défiler derrière), recherche bien visible */
.dx-h14,body.dx-fond-peinture .dx-h14{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.34))!important;
  -webkit-backdrop-filter:blur(22px) saturate(190%) brightness(1.04)!important;backdrop-filter:blur(22px) saturate(190%) brightness(1.04)!important}
.dx-h14 .dx-cherche14{background:rgba(255,255,255,.72)!important;box-shadow:0 0 0 1px rgba(20,20,43,.16),inset 0 1px 2px rgba(31,42,90,.06)!important}
.dx-h14 .dx-cherche14:focus-within{box-shadow:0 0 0 1.5px rgba(20,20,43,.38),0 0 0 4px rgba(4,100,65,.12)!important}

#dxBureau img,.dx-recents14 img,#dxBureau svg{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}

/* v29b — on peut toujours descendre : le rail d'outils et la page défilent */
body.docs-lae .at-corps{min-height:0!important}
body.docs-lae .at-corps>*{min-height:0}
body.docs-lae #rail.rail{overflow-y:auto!important;overflow-x:hidden!important;padding-right:14px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-height:100%}
body.docs-lae #rail.rail::-webkit-scrollbar{display:none}
body.docs-lae .scene{overflow:auto!important;-webkit-overflow-scrolling:touch;min-height:0!important}
body.docs-lae #panneau{overflow-y:auto;-webkit-overflow-scrolling:touch}

/* v29c — l'accueil d'un invité : une carte compacte, rien ne se superpose */
.dx-accueil-inv{padding:110px 16px 120px!important;align-items:center}
.dx-inv-c.dx-inv2{width:min(480px,100%)!important;max-height:calc(100vh - 230px);overflow:auto;padding:22px 22px 20px!important;border-radius:22px!important;
  background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  box-shadow:0 24px 60px rgba(31,42,90,.2),inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(255,255,255,.7)!important}
.dx-inv2-logo{display:block;margin:0 auto 4px;width:max-content}
.dx-inv2-logo .docs-logo-img{height:96px!important;width:auto!important;max-width:100%}
.dx-inv2 h2{font:800 22px/1.2 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif!important;color:#04402c!important}
.dx-inv2 p{margin:6px auto 16px!important;font-size:14px!important}
.dx-inv2 .dx-btn-p.grand{background:#fd418a!important;box-shadow:0 8px 20px rgba(253,65,138,.3)!important}
.dx-inv2 .dx-btn-s.grand{border-color:#046441!important;color:#046441!important}
@media (max-width:700px){.dx-accueil-inv{padding:70px 12px 110px!important}.dx-inv2-logo .docs-logo-img{height:70px!important}.dx-inv2 h2{font-size:19px!important}}

/* v29d — les vraies pubs sont des Shorts (verticales) */
.dx-pub-v{aspect-ratio:9/16!important;width:auto!important;height:min(60vh,540px)!important;max-width:100%;margin:6px auto 0!important;border-radius:18px;overflow:hidden;background:#000}
.dx-pub-v iframe{width:100%!important;height:100%!important;border:0;display:block}
.dx-pub-v.dx-pub-maison{aspect-ratio:auto!important;height:auto!important}
.dx-boite-pub{width:min(420px,calc(100vw - 24px))!important}

.dx-menu-pages button{display:flex;align-items:center;gap:8px;width:100%}

/* v31 — tuiles d'invité */
.dx-accueil-inv{display:none!important}
.dx-tuiles-inv{position:relative;z-index:3;display:flex;gap:16px;flex-wrap:wrap;padding:6px 28px 0}
.dx-tuile-inv{display:flex;flex-direction:column;align-items:center;gap:6px;width:150px;padding:16px 10px 12px;border:0;border-radius:20px;cursor:pointer;text-decoration:none;text-align:center;
  background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 22px rgba(31,42,90,.1),inset 0 1px 0 #fff;transition:transform .2s cubic-bezier(.2,.9,.3,1.3)}
.dx-tuile-inv:hover{transform:translateY(-3px)}
.dx-tuile-inv span{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff}
.dx-tuile-inv span .dx-i{width:28px;height:28px}
.dx-tuile-inv.co span{background:#fd418a;box-shadow:0 6px 16px rgba(253,65,138,.35)}
.dx-tuile-inv.plus span{background:#046441;box-shadow:0 6px 16px rgba(4,100,65,.3)}
.dx-tuile-inv b{font:800 14px/1.2 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#1f2a5a}
.dx-tuile-inv small{font:500 11.5px/1.3 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#6b6f86}
@media (max-width:700px){.dx-tuiles-inv{padding:6px 14px 0;gap:10px}.dx-tuile-inv{width:calc(50% - 5px)}}

/* v31b — bureau d'invité : deux boutons au centre, rien d'autre (sauf ses tableurs) */
body.dx-invite .dx-types14,body.dx-invite .dx-recents14,body.dx-invite #dxFil13,body.dx-invite .dx-dossier13,body.dx-invite #dxBureau .dx-doc13:not(.dx-sheet14){display:none!important}
body.dx-invite .dx-tuiles-inv{justify-content:center;padding:clamp(40px,12vh,140px) 16px 24px}
body.dx-invite .dx-tuile-inv{width:200px;padding:24px 14px 18px;border-radius:26px}
body.dx-invite .dx-tuile-inv span{width:72px;height:72px;border-radius:22px}
body.dx-invite .dx-tuile-inv span .dx-i{width:34px;height:34px}
body.dx-invite .dx-tuile-inv b{font-size:16px}
@media (max-width:700px){body.dx-invite .dx-tuile-inv{width:calc(50% - 6px);padding:18px 8px 14px}body.dx-invite .dx-tuile-inv span{width:58px;height:58px}}

/* v32 — la pub : tout tient à l'écran, le bouton est visible sans défiler */
.dx-boite-pub{width:min(420px,calc(100vw - 20px))!important;max-height:calc(100vh - 24px)!important;overflow:hidden!important;padding:18px 18px 16px!important;display:flex;flex-direction:column}
.dx-pub{display:flex;flex-direction:column;gap:10px;min-height:0}
.dx-pub h3{margin:0!important;font:800 19px/1.25 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif!important;color:#1f2a5a;text-align:center}
.dx-pub-v{position:relative;aspect-ratio:9/16!important;height:min(calc(100vh - 250px),470px)!important;width:auto!important;max-width:100%;margin:0 auto!important;border-radius:18px;overflow:hidden;background:#000;flex:none}
.dx-pub-v iframe,#dxPubYT{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;display:block}
.dx-pub-aide{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font:700 12.5px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:opacity .2s}
.dx-pub-aide.cache{opacity:0;pointer-events:none}
.dx-pub-aide .dx-i{width:14px;height:14px;fill:#fff}
.dx-pub-b{display:flex;align-items:center;gap:10px;margin:0!important}
.dx-pub-fin{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dx-pub-abo{font:600 12.5px/1.2 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#6b6f86;text-decoration:underline}
.dx-pub-go{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 18px;border:0;border-radius:14px;background:#d9dbe4;color:#fff;font:800 14.5px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;cursor:not-allowed;transition:background .25s,transform .25s}
.dx-pub-go .dx-i{width:17px;height:17px}
.dx-pub-go.pret{background:#fd418a;cursor:pointer;box-shadow:0 8px 20px rgba(253,65,138,.35);animation:dxPubPret .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes dxPubPret{0%{transform:scale(.9)}100%{transform:none}}
.dx-pub-v.dx-pub-maison{aspect-ratio:auto!important;height:auto!important;background:#fbf5e8}

/* v32b — tuiles d'invité libres ; « bientôt » qui dépasse joliment au-dessus du dock */
#dxBureau{position:relative}
.dx-tuiles-inv.libre{position:absolute!important;left:0;right:0;top:0;height:calc(100vh - 260px);min-height:320px;padding:0!important;display:block!important;pointer-events:none}
.dx-tuiles-inv.libre .dx-tuile-inv{position:absolute;pointer-events:auto;touch-action:none;cursor:grab}
.dx-tuiles-inv.libre .dx-tuile-inv.glisse{cursor:grabbing;transform:scale(1.05) rotate(-1.5deg)!important;box-shadow:0 18px 40px rgba(31,42,90,.22)!important;z-index:5;transition:none}
.dx-dock14 .dx-en-travaux{filter:none!important;opacity:1!important}
.dx-dock14 .dx-en-travaux>span:first-child{filter:saturate(.55);opacity:.75}
.dx-dock14 .dx-en-travaux::after{top:-19px!important;left:50%!important;transform:translateX(-50%) rotate(-5deg)!important;padding:3px 8px!important;border-radius:999px!important;
  background:#f5b301!important;color:#1f2a5a!important;text-shadow:none!important;font:900 9.5px/1 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 0 0 2px #fff,0 4px 10px rgba(31,42,90,.2)!important;border:1.5px dashed #1f2a5a;z-index:4}

/* v32c — « Se connecter » en noir (personnage et texte blancs) */
.dx-h14 .dx-btn-p,.dx-h14 a.dx-btn-p{background:#14142b!important;color:#fff!important;box-shadow:0 6px 16px rgba(20,20,43,.28)!important}
.dx-h14 .dx-btn-p .dx-i{color:#fff!important;stroke:#fff!important}
.dx-tuile-inv.co span{background:#14142b!important;box-shadow:0 6px 16px rgba(20,20,43,.3)!important}
.dx-tuile-inv span .dx-i{color:#fff!important;stroke:#fff!important}

/* v32d — la feuille quadrillée du haut à gauche passait sous la barre en verre */
.dx-deco-papier.g{display:none!important}

/* v32e — bandeau de chantier sur UNE ligne ; un seul « bientôt » posé sur l'icône */
.dx-chantier-bd{flex-wrap:nowrap!important;padding:7px 8px 7px 12px!important;width:max-content;max-width:min(980px,calc(100% - 32px))}
.dx-chantier-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-chantier-txt i{font-style:normal}
.dx-chantier-txt .tel{display:none}
.dx-chantier-i{width:28px!important;height:28px!important}
.dx-chantier-bd button{height:32px!important;white-space:nowrap}
@media (max-width:700px){.dx-chantier-txt .pc{display:none}.dx-chantier-txt .tel{display:inline}.dx-chantier-bd button{width:auto!important;padding:0 10px!important}.dx-chantier-bd button span{display:none}.dx-chantier-bd{font-size:12.5px!important}}
.dx-dock14 .dx-en-travaux::after{top:50%!important;left:50%!important;transform:translate(-50%,-90%) rotate(-10deg)!important;z-index:5}
.dx-dock14 .dx-dock-plus.dx-en-travaux>span:first-child{filter:saturate(.55);opacity:.75}
/* v32f — « Se connecter » : dégradé Laé, personnage noir */
.dx-h14 .dx-btn-p,.dx-h14 a.dx-btn-p{background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d)!important;color:#fff!important;box-shadow:0 6px 16px rgba(250,90,60,.32)!important}
.dx-h14 .dx-btn-p .dx-i{color:#14142b!important;stroke:#14142b!important}
.dx-tuile-inv.co span{background:linear-gradient(135deg,#f0265c,#fa5a3c 55%,#ff8a3d)!important;box-shadow:0 6px 16px rgba(250,90,60,.32)!important}
.dx-tuile-inv.co span .dx-i{color:#14142b!important;stroke:#14142b!important}
/* v32g — menu « Créer » : seul Tableur est en couleur, le reste est grisé « bientôt » */
.dx-menu-tb button.dx-en-travaux{opacity:.42;filter:grayscale(1);cursor:not-allowed;position:relative}
.dx-menu-tb button.dx-en-travaux::after{content:"bientôt";margin-left:auto;padding:2px 7px;border-radius:999px;background:#eceef4;color:#6b6f86;font:800 9.5px/1.3 -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.dx-menu-tb button[data-vt2="tableur"],.dx-menu-tb button[data-vt="tableur"]{background:#eaf7ef;color:#046441;font-weight:800}
/* v32h — le personnage de « Se connecter » en blanc */
.dx-h14 .dx-btn-p .dx-i,.dx-tuile-inv.co span .dx-i{color:#fff!important;stroke:#fff!important}

/* v33 — téléphone : rien ne déborde sur les côtés, icônes plus petites */
@media (max-width:700px){
  html,body,.dx-home13,#bord,#dxBureau{overflow-x:hidden!important;max-width:100vw}
  .dx-deco{display:none!important}
  #liste .dx-ico,#liste .dx-dossier13{zoom:.72}
  body.dx-invite .dx-tuile-inv{width:min(150px,calc(50vw - 22px))!important;padding:16px 8px 12px!important}
  body.dx-invite .dx-tuile-inv span{width:52px!important;height:52px!important;border-radius:16px!important}
  body.dx-invite .dx-tuile-inv b{font-size:14px!important}
  body.dx-invite .dx-tuile-inv small{font-size:11px!important}
  .dx-tuiles-inv.libre{height:calc(100vh - 230px)}
}

/* v34 — clic droit compact */
.dx-menu13{max-height:calc(100vh - 16px);overflow:visible}
.dx-sm-w{position:relative}
.dx-sm-b{display:flex!important;align-items:center;width:100%}
.dx-sm-b span{flex:1;text-align:left}
.dx-sm-b .dx-sm-f{width:14px!important;height:14px!important;opacity:.55;margin-left:auto}
.dx-sm-w.on>.dx-sm-b{background:rgba(31,42,90,.06)}
.dx-sm{display:none;position:fixed;z-index:10001;min-width:210px;max-width:280px;max-height:min(360px,calc(100vh - 20px));overflow-y:auto;padding:6px;border-radius:14px;
  background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px rgba(31,42,90,.18),0 0 0 1px rgba(31,42,90,.06)}
.dx-sm-w.on>.dx-sm{display:block}
.dx-sm .dx-menu-coul{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px}
.dx-taille-l{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 10px}
.dx-taille-l>span{flex:1;display:flex;align-items:center;gap:10px;font:600 14px -apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;color:#1f2a5a}
.dx-taille-l>span .dx-i{width:17px;height:17px;opacity:.75}
.dx-taille-l button{width:34px!important;height:30px!important;padding:0!important;display:grid!important;place-items:center;border-radius:9px!important;background:#f1f2f6!important;flex:none}
.dx-taille-l button:hover{background:#e4e6ee!important}
.dx-taille-l button .dx-i{width:15px;height:15px;margin:0!important}

.dx-eco-produit{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border-radius:14px;background:#eaf7ef;box-shadow:0 0 0 1px rgba(4,100,65,.15)}
.dx-eco-produit>div{flex:1;display:flex;flex-direction:column;gap:2px}.dx-eco-produit b{color:#04402c}.dx-eco-produit small{color:#3f5a4f;font-size:12.5px}

/* v36 — aspiration dans un dossier */
#dxBureau .dx-ico.dx-aspire{transform-origin:50% 50%!important;transform:translate(var(--ax,0),var(--ay,0)) scale(calc(var(--s,1)*.55))!important;opacity:.85;transition:transform .3s cubic-bezier(.2,.9,.3,1),opacity .3s!important;z-index:30;filter:drop-shadow(0 10px 18px rgba(31,42,90,.25))}
#dxBureau .dx-dossier13.cible .dx-dossier-svg{transform:scale(1.12)!important;transition:transform .3s cubic-bezier(.2,1.4,.4,1)!important;filter:drop-shadow(0 12px 22px rgba(31,42,90,.22))!important}
#dxBureau .dx-dossier13.cible{animation:dxRespire 1.2s ease-in-out infinite}
@keyframes dxRespire{0%,100%{filter:none}50%{filter:brightness(1.05)}}

/* v37 — ouverture au public (fondateur) */
.dx-ouvpub{position:fixed;left:14px;bottom:52px;z-index:60;display:flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border:0;border-radius:999px;background:#fff;color:#1f2a5a;font:800 12.5px/1 inherit;box-shadow:0 0 0 1.5px #fd418a,0 6px 16px rgba(31,42,90,.16);cursor:pointer}
.dx-ouvpub svg{width:16px;height:16px;color:#fd418a}
.dx-ouvpub:hover{background:#fff0f6}
body.dx-dans-doc .dx-ouvpub{display:none}
.dx-ouv h3{display:flex;align-items:center;gap:8px}.dx-ouv h3 svg{width:22px;height:22px;color:#fd418a}
.dx-ouv-l{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.dx-ouv-r{display:grid;grid-template-columns:32px 1fr auto 44px;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#f6f7fb;cursor:pointer}
.dx-ouv-r.fixe{cursor:default;opacity:.75}
.dx-ouv-i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#1f2a5a}.dx-ouv-i svg{width:18px;height:18px}
.dx-ouv-r b{font-size:14px}.dx-ouv-r small{font-size:11.5px;font-weight:700;color:#8a91ad}
.dx-ouv-sw{position:relative;width:44px;height:26px;border-radius:999px;background:#d7dbe6;transition:background .2s}
.dx-ouv-sw:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.dx-ouv-sw.on{background:#046441}.dx-ouv-sw.on:after{transform:translateX(18px)}
@media (max-width:700px){.dx-ouvpub span{display:none}.dx-ouvpub{padding:8px}}

.dx-cpt-outil.dx-en-travaux{opacity:.6}.dx-cpt-outil.dx-en-travaux .dx-sw{cursor:not-allowed}
.dx-bientot-cpt{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#ffd43b;color:#1f2a5a;font:900 9.5px/1.3 inherit;font-style:normal;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.dx-outils-pop [data-o].dx-en-travaux{opacity:.55}

/* v40 — épingles */
#liste.dx-a-epingles .dx-ico:not(.dx-epingle){margin-top:var(--epH,0)}
#dxBureau .dx-ico.dx-epingle{z-index:20;cursor:default}
#dxBureau .dx-epingle-b{position:absolute;left:-8px;top:-10px;z-index:3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fd418a;color:#fff;box-shadow:0 4px 10px rgba(253,65,138,.35);transform:rotate(-18deg);pointer-events:none}
#dxBureau .dx-epingle-b svg{width:16px;height:16px;fill:#fff;stroke:#fff}

/* v41 — liste des profs */
.dx-eco-liste-p{margin:0 0 18px;padding:16px;border-radius:18px;background:#f6f7fb;box-shadow:inset 0 0 0 1px rgba(31,42,90,.08)}
.dx-elp-h b{display:flex;align-items:center;gap:7px;font-size:15.5px;color:#1f2a5a}.dx-elp-h b svg{width:18px;height:18px}
.dx-elp-h small{display:block;margin-top:4px;font-size:12.5px;color:#6b7290;line-height:1.4}
.dx-elp-t{margin:12px 0 10px;display:flex;flex-direction:column;gap:6px}
.dx-elp-r{display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:6px;align-items:center}
.dx-elp-r .dx-champ{min-width:0;padding:9px 11px;font-size:14px;background:#fff}
.dx-elp-r .dx-champ.dx-elp-err{box-shadow:0 0 0 2px #e0335c}
.dx-elp-tete span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a91ad;padding-left:4px}
.dx-elp-a{display:flex;align-items:center;gap:4px;min-width:128px;justify-content:flex-end}
.dx-elp-a .dx-btn-s{padding:7px 10px;font-size:12.5px}.dx-elp-a .dx-btn-s svg{width:14px;height:14px}
.dx-elp-x{width:28px;height:28px;border:0;border-radius:8px;background:none;color:#8a91ad;cursor:pointer;display:grid;place-items:center}.dx-elp-x:hover{background:#ffe9ef;color:#e0335c}.dx-elp-x svg{width:14px;height:14px}
.dx-elp-ok,.dx-elp-ko,.dx-elp-en{font-style:normal;font-size:12px;font-weight:800;display:flex;align-items:center;gap:4px}
.dx-elp-ok{color:#27ae60}.dx-elp-ok svg{width:14px;height:14px}.dx-elp-ko{color:#e0335c;max-width:160px}.dx-elp-en{color:#8a91ad}
.dx-elp-b{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
@media (max-width:700px){.dx-elp-r{grid-template-columns:1fr 1fr}.dx-elp-r [data-k=m]{grid-column:1/-1}.dx-elp-a{grid-column:1/-1;justify-content:flex-start}.dx-elp-tete{display:none}}

/* v42 — corbeille */
.dx-corb-btn{position:relative}
.dx-corb-btn.cible{background:#ffe3ec!important;box-shadow:0 0 0 2px #fd418a!important;transform:scale(1.08)}
.dx-corb-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fd418a;color:#fff;font:900 10.5px/18px inherit;font-style:normal;text-align:center}
.dx-toast-corb{position:fixed;left:50%;bottom:120px;transform:translateX(-50%);z-index:3000;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-radius:16px;background:#1f2a5a;color:#fff;font-size:14px;font-weight:700;box-shadow:0 14px 34px rgba(31,42,90,.35);animation:dxToastIn .25s ease}
.dx-toast-corb svg{width:18px;height:18px}
.dx-toast-corb button{border:0;border-radius:10px;padding:7px 11px;background:rgba(255,255,255,.14);color:#fff;font:800 13px inherit;cursor:pointer}
.dx-toast-corb button[data-corb-annuler]{background:#fd418a}
@keyframes dxToastIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
.dx-boite-corb{max-width:620px!important;width:calc(100vw - 32px)}
.dx-corb-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dx-corb-h h3{display:flex;align-items:center;gap:8px;margin:0}.dx-corb-h h3 svg{width:22px;height:22px;color:#fd418a}
.dx-corb-j{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#4a5275}
.dx-corb-j select{padding:6px 10px;border-radius:10px;border:1.5px solid #e4e8ef;font:700 13px inherit;background:#fff}
.dx-corb-l{display:flex;flex-direction:column;gap:6px;margin:12px 0;max-height:52vh;overflow:auto}
.dx-corb-r{display:grid;grid-template-columns:36px 1fr auto 32px;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;background:#f6f7fb}
.dx-corb-i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#1f2a5a}.dx-corb-i svg{width:19px;height:19px}
.dx-corb-r b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-corb-r small{font-size:12px;color:#8a91ad;font-weight:600}
.dx-corb-r .dx-btn-s{padding:7px 11px;font-size:13px}
.dx-corb-x{width:32px;height:32px;border:0;border-radius:10px;background:none;color:#8a91ad;cursor:pointer;display:grid;place-items:center}.dx-corb-x:hover{background:#ffe9ef;color:#e0335c}.dx-corb-x svg{width:15px;height:15px}
.dx-corb-vide{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 0;color:#8a91ad}.dx-corb-vide svg{width:34px;height:34px}
.b.rouge{background:#fff0f3;color:#e0335c}.b.p.rouge{background:#e0335c;color:#fff}
.dx-cpt-corb{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.dx-cpt-corb h5{width:100%;margin:0}
@media (max-width:700px){.dx-corb-btn span{display:none}.dx-corb-r{grid-template-columns:30px 1fr 32px}.dx-corb-r .dx-btn-s{grid-column:2;justify-self:start}.dx-toast-corb{bottom:100px;width:calc(100vw - 32px);flex-wrap:wrap}}

/* v43 — barre du bas repliable de nouveau (l'animation d'arrivée ne bloque plus la position) */
.dx-dock-zone{animation-fill-mode:backwards!important;transition:transform .38s cubic-bezier(.2,.9,.25,1)}
/* glisser un document récent */
.dx-recent-fantome{position:fixed!important;z-index:5000;pointer-events:none;margin:0;opacity:.95;transform-origin:50% 50%;box-shadow:0 18px 36px rgba(31,42,90,.28);border-radius:16px;transition:transform .3s cubic-bezier(.2,.9,.3,1)}
.dx-recent-fantome.dx-aspire{transform:translate(var(--ax,0),var(--ay,0)) scale(.55)!important}
.dx-recent14.dx-recent-parti{opacity:.35}
body.dx-glisse-recent,body.dx-glisse-recent *{cursor:grabbing!important;user-select:none}

/* v44 — corbeille en mini-bureau */
.dx-boite-corb2{max-width:980px!important;width:calc(100vw - 32px)!important}
.dx-corb-bureau{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px 16px;margin:14px 0 6px;padding:18px;border-radius:20px;max-height:60vh;overflow:auto;background:linear-gradient(180deg,#eaf3ff,#dcebff);box-shadow:inset 0 0 0 1px rgba(31,42,90,.07)}
.dx-corb-carte{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 10px;border-radius:16px;transition:background .15s,opacity .25s,transform .25s}
.dx-corb-carte:hover{background:rgba(255,255,255,.55)}
.dx-corb-carte.part{opacity:0;transform:translateY(-14px) scale(.9)}
.dx-corb-v{position:relative;width:100%;height:170px;display:flex;align-items:center;justify-content:center;filter:saturate(.75)}
.dx-corb-carte:hover .dx-corb-v{filter:none}
.dx-corb-v.doc .dx-ico{position:relative!important;left:auto!important;top:auto!important;transform:scale(.78)!important;transform-origin:50% 50%!important;margin:0!important;pointer-events:none}
.dx-corb-v.doc .dx-ico .dx-doc13-t,.dx-corb-v.doc .dx-ico [data-menu13],.dx-corb-v.doc .dx-ico .dx-pgn,.dx-corb-v.doc .dx-ico [data-fl]{display:none!important}
.dx-corb-v.dossier .dx-dossier-svg{width:132px;height:auto}
.dx-corb-nomdos{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);max-width:110px;font-size:13px;font-weight:900;color:#1f2a5a;text-align:center;line-height:1.15;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dx-corb-pied{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;text-align:center}
.dx-corb-pied b{font-size:13.5px;color:#1f2a5a;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-corb-pied small{font-size:11.5px;color:#6b7290;font-weight:600}
.dx-corb-reste{margin-top:3px;padding:2px 8px;border-radius:999px;background:#fff;color:#1f2a5a;font:800 11px/1.4 inherit;font-style:normal}
.dx-corb-reste.bientot{background:#ffe3ec;color:#e0335c}
.dx-corb-act{position:absolute;top:8px;right:8px;left:8px;display:flex;justify-content:space-between;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s}
.dx-corb-carte:hover .dx-corb-act,.dx-corb-carte:focus-within .dx-corb-act{opacity:1;transform:none}
.dx-corb-rest{display:flex;align-items:center;gap:5px;padding:7px 11px;border:0;border-radius:999px;background:#046441;color:#fff;font:800 12.5px inherit;cursor:pointer;box-shadow:0 6px 14px rgba(4,100,65,.3)}
.dx-corb-rest svg{width:14px;height:14px}
.dx-corb-sup1{width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#e0335c;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 14px rgba(31,42,90,.18)}.dx-corb-sup1 svg{width:15px;height:15px}
.dx-corb-sup1:hover{background:#e0335c;color:#fff}
.dx-corb2 .fin .b.rouge{display:inline-flex;align-items:center;gap:6px}.dx-corb2 .fin .b.rouge svg{width:16px;height:16px}
@media (hover:none){.dx-corb-act{opacity:1;transform:none}}
@media (max-width:700px){.dx-corb-bureau{grid-template-columns:repeat(2,1fr);padding:10px;gap:10px}.dx-corb-v{height:130px}.dx-corb-v.doc .dx-ico{transform:scale(.6)!important}.dx-corb-rest span{display:none}.dx-corb-rest{padding:8px}}

.dx-corb-v .dx-dossier-ico,.dx-corb-v .dx-dossier-sel{display:none}
.dx-corb-v.doc{overflow:hidden}
.dx-corb-v.doc .dx-ico{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.52)!important}
.dx-corb-v.doc .dx-tags13{display:none}
@media (max-width:700px){.dx-corb-v.doc .dx-ico{transform:translate(-50%,-50%) scale(.4)!important}}

/* v45 — croix du compte, récents sans grille */
.voile > .boite{position:relative}
.dx-fermer-x{position:absolute;top:12px;right:12px;z-index:5;width:34px;height:34px;border:0;border-radius:50%;background:#f1f3f8;color:#1f2a5a;cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .15s}
.dx-fermer-x:hover{background:#ffe3ec;color:#e0335c;transform:rotate(90deg)}
.dx-fermer-x svg{width:16px;height:16px;pointer-events:none}
.dx-recent14{position:relative}
.dx-recent14 .dx-sheet-grille{display:none!important}
.dx-recent14-v{position:relative}
.dx-recent14-v.tb{background:linear-gradient(160deg,#1fa463,#046441)!important}
.dx-recent14-v.tb::after{content:"";width:26px;height:26px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M3 15h18M9 4v16M15 4v16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M3 15h18M9 4v16M15 4v16'/%3E%3C/svg%3E") center/contain no-repeat}

/* v46 — en-tête : rien ne se comprime (Agenda Laé sur une ligne, rond du profil bien rond) */
.dx-h14 .dx-h-d{flex:none;flex-wrap:nowrap}
.dx-h14 .dx-hb{flex:none;white-space:nowrap}
.dx-h14 .dx-hb span{white-space:nowrap}
.dx-h14 .dx-moi{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;aspect-ratio:1/1;border-radius:50%!important}
.dx-h14 .dx-cherche14{flex:1 1 auto;min-width:120px}
@media (max-width:1180px) and (min-width:701px){
  .dx-h14 [data-dx="ranger"] span,.dx-h14 .dx-corb-btn span{display:none}
  .dx-h14 [data-dx="ranger"],.dx-h14 .dx-corb-btn{width:42px;padding:0!important;justify-content:center}
}
@media (max-width:700px){.dx-h14 .dx-moi{flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important}}

/* v47 — formule de l'école */
#dxEcoFormule{min-width:0}
.dx-cpt-formule{display:flex;gap:12px;align-items:center;margin:6px 0 14px;padding:12px 14px;border-radius:14px;background:#eef8f2;color:#04402c}
.dx-cpt-formule.partenariat{background:#fff4f8;color:#7a1745}
.dx-cpt-formule svg{width:22px;height:22px;flex:none}
.dx-cpt-formule b{display:block;font-size:14px}.dx-cpt-formule small{font-size:12.5px;opacity:.85}

/* v48 — sous-dossiers en sous-menu */
.dx-sm .dx-sm-arbre>.dx-sm-b{gap:8px}
.dx-sm .dx-sm-ici{font-weight:800}
.dx-sm-sous{padding:8px 10px 4px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a91ad}
.dx-sm-arbre>.dx-sm-b .dx-pastille{flex:none!important;width:12px;height:12px;border-radius:50%;background:var(--c)}
.dx-sm .dx-sm-arbre>.dx-sm{position:static!important;left:auto!important;top:auto!important;display:none;min-width:0;max-width:none;max-height:none;overflow:visible;box-shadow:none!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;border-left:2px solid #e7eaf3!important;border-radius:0!important;margin:2px 0 4px 16px;padding:0 0 0 6px}
.dx-sm .dx-sm-arbre.on>.dx-sm{display:block}
.dx-sm .dx-sm-arbre>.dx-sm-b .dx-sm-f{transition:transform .15s}
.dx-sm .dx-sm-arbre.on>.dx-sm-b .dx-sm-f{transform:rotate(90deg)}

/* v51 — recherche complète */
::highlight(dxfluo){background:#fff176;color:inherit}
mark.dx-fluo{background:#fff176;color:inherit;border-radius:3px;padding:0 1px;box-shadow:0 0 0 2px #fff176}
.dx-rech{position:fixed;left:16px;right:16px;top:var(--rech-top,104px);bottom:110px;z-index:40;display:flex;flex-direction:column;border-radius:22px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(31,42,90,.22),inset 0 0 0 1px rgba(255,255,255,.8);animation:dxRechIn .22s ease;overflow:hidden}
@keyframes dxRechIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.dx-rech-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px 20px;border-bottom:1px solid #eef0f6;font-size:14px;color:#4a5275}
.dx-rech-top b{color:#1f2a5a}
.dx-rech-x{width:34px;height:34px;border:0;border-radius:50%;background:#f1f3f8;color:#1f2a5a;cursor:pointer;display:grid;place-items:center}.dx-rech-x svg{width:16px;height:16px;pointer-events:none}.dx-rech-x:hover{background:#ffe3ec;color:#e0335c}
.dx-rech-cols{flex:1;display:grid;grid-template-columns:1.1fr 1fr;min-height:0}
.dx-rech-col{display:flex;flex-direction:column;min-height:0}
.dx-rech-lae{border-left:1px solid #eef0f6;background:rgba(246,247,251,.6)}
.dx-rech-h{display:flex;align-items:baseline;justify-content:space-between;padding:12px 18px 6px}
.dx-rech-h b{display:flex;align-items:center;gap:7px;font-size:15px;color:#1f2a5a}.dx-rech-h b svg{width:18px;height:18px}
.dx-rech-h small{font-size:12px;color:#8a91ad;font-weight:700}
.dx-rech-l{flex:1;overflow:auto;padding:6px 14px 16px;display:flex;flex-direction:column;gap:10px}
.dx-rech-r{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(31,42,90,.06);cursor:pointer;transition:transform .15s,box-shadow .15s}
.dx-rech-r:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(31,42,90,.14)}
.dx-rech-v{width:150px;height:212px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(31,42,90,.16);position:relative;pointer-events:none}
.dx-rech-v.tb .dx-ico{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.72)!important;margin:0!important}
.dx-rech-v.tb .dx-ico .dx-doc13-t,.dx-rech-v.tb [data-menu13]{display:none!important}
.dx-rech-i{display:flex;flex-direction:column;gap:4px;min-width:0}
.dx-rech-titre{font-size:15.5px;color:#1f2a5a;line-height:1.25}
.dx-rech-i small{font-size:12px;font-weight:700;color:#8a91ad}
.dx-rech-ex{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:#3d4568;background:#f8f9fc;border-radius:10px;padding:8px 10px}
.dx-rech-autres{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;color:#8a91ad;font-weight:700}
.dx-rech-p{border:0;border-radius:999px;padding:3px 9px;background:#eef1f8;color:#1f2a5a;font:800 11.5px inherit;cursor:pointer}.dx-rech-p:hover{background:#fff176}
.dx-rech-grille{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start}
.dx-rech-grille .lae-sim-card{cursor:pointer}
.dx-rech-rien{color:#8a91ad;font-size:14px;padding:14px 4px}
body:has(#dxRech) #dxBureau .dx-ico{visibility:hidden}
@media (max-width:800px){.dx-rech{left:8px;right:8px;bottom:96px}.dx-rech-cols{grid-template-columns:1fr;overflow:auto}.dx-rech-col{min-height:auto}.dx-rech-l{overflow:visible}.dx-rech-lae{border-left:0;border-top:1px solid #eef0f6}.dx-rech-r{grid-template-columns:96px 1fr}.dx-rech-v{width:96px;height:136px}.dx-rech-v .dx-mini{transform:scale(.64);transform-origin:0 0}}

.dx-fluo-b{position:fixed;z-index:9000;pointer-events:none;background:rgba(255,235,59,.55);border-radius:3px;mix-blend-mode:multiply;box-shadow:0 0 0 2px rgba(255,235,59,.35);animation:dxFluo .35s ease}
.dx-fluo-b.part{opacity:0;transition:opacity .4s}
@keyframes dxFluo{from{transform:scaleX(.2);transform-origin:0 50%;opacity:0}to{transform:none;opacity:1}}

/* v52 — dossier-logo de l'école */
#dxBureau .dx-dossier-ecole .dx-dossier-svg,#dxBureau .dx-dossier-ecole .dx-dossier-ico,#dxBureau .dx-dossier-ecole .dx-partage{display:none!important}
#dxBureau .dx-dossier-ecole{background:none!important;box-shadow:none!important;border:0!important}
#dxBureau .dx-dossier-ecole .dx-dossier-logo{position:relative!important;left:auto!important;top:auto!important;width:150px!important;height:116px!important;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:visible}
#dxBureau .dx-dossier-ecole .dx-dossier-logo img{max-width:100%!important;max-height:100%!important;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(31,42,90,.18));transition:transform .2s,filter .2s}
#dxBureau .dx-dossier-ecole:hover .dx-dossier-logo img{transform:translateY(-2px) scale(1.03)}
#dxBureau .dx-dossier-ecole.sel .dx-dossier-logo img{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 6px rgba(250,90,60,.75))}
#dxBureau .dx-dossier-ecole.cible .dx-dossier-logo img{transform:scale(1.12);filter:drop-shadow(0 0 10px rgba(250,90,60,.8))}
#dxBureau .dx-dossier-ecole>small{display:block;text-align:center;margin-top:4px}

/* v53 — bouton + Nouveau */
.dx-dock-zone{overflow:visible}
.dx-fab-nv{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;height:56px;padding:0 20px 0 16px;border:0;border-radius:999px;background:linear-gradient(135deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff;font:900 15px/1 inherit;cursor:pointer;white-space:nowrap;box-shadow:0 10px 26px rgba(240,38,92,.35),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .18s cubic-bezier(.2,1.4,.4,1),box-shadow .18s}
.dx-fab-nv:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 14px 30px rgba(240,38,92,.42)}
.dx-fab-nv svg{width:22px;height:22px;stroke-width:3}
body.dx-dock-ferme .dx-fab-nv{top:-40px}
.dx-nv-menu h6{margin:2px 4px 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a91ad}
.dx-nv-grille{display:grid;grid-template-columns:repeat(5,104px);gap:8px}
.dx-nv-t{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px 10px;border:0;border-radius:16px;background:#f6f7fb;cursor:pointer;transition:transform .15s,background .15s}
.dx-nv-t:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 22px rgba(31,42,90,.14)}
.dx-nv-i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--c);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--c) 40%,transparent)}
.dx-nv-i svg{width:22px;height:22px}
.dx-nv-t b{font-size:13.5px;color:#1f2a5a}.dx-nv-t small{font-size:11px;color:#8a91ad;font-weight:700}
.dx-nv-t.dx-nv-trav{opacity:.55}.dx-nv-t.dx-nv-trav small{color:#e0335c}
@media (max-width:760px){.dx-fab-nv{right:auto;left:50%;top:auto;bottom:calc(100% + 10px);transform:translateX(-50%);height:46px;padding:0 16px 0 12px;font-size:14px}.dx-fab-nv:hover{transform:translateX(-50%) scale(1.05)}body.dx-dock-ferme .dx-fab-nv{bottom:calc(100% + 10px);top:auto}.dx-nv-grille{grid-template-columns:repeat(3,1fr)}}

/* v54 — résultats posés sur le bureau */
.dx-rech.dx-rech2{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border-radius:0;left:24px;right:24px}
.dx-rech2 .dx-rech-top{border:0;padding:0 4px 8px;color:#1f2a5a}
.dx-rech2 .dx-rech-x{background:rgba(255,255,255,.75);box-shadow:0 4px 12px rgba(31,42,90,.12)}
.dx-rech2 .dx-rech-cols{grid-template-columns:1fr 2px 1fr;gap:0 22px}
.dx-rech2 .dx-rech-sep{background:linear-gradient(180deg,transparent,rgba(31,42,90,.18) 8%,rgba(31,42,90,.18) 92%,transparent);width:2px;border-radius:2px}
.dx-rech2 .dx-rech-lae{background:none;border:0}
.dx-rech2 .dx-rech-h{padding:4px 4px 8px}
.dx-rech2 .dx-rech-h b{font-size:16px}
.dx-rech2 .dx-rech-h small{background:rgba(255,255,255,.7);padding:3px 9px;border-radius:999px;color:#4a5275}
.dx-rech2 .dx-rech-l{padding:4px 4px 20px}
.dx-rech2 .dx-rech-r{background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(31,42,90,.1)}
.dx-rech2 .dx-rech-rien{background:rgba(255,255,255,.7);border-radius:14px;padding:12px 14px;color:#4a5275;align-self:flex-start}
.dx-rech-type{align-self:flex-start;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:900;color:#fff;background:#fa5a3c}
.dx-rech-type.t-ev{background:#e0335c}.dx-rech-type.t-tb{background:#27ae60}
.dx-rech-tb{width:100%;height:100%;background:#fff;font-size:10px;display:flex;flex-direction:column}
.dx-rech-tb-h{display:flex;align-items:center;gap:5px;padding:5px 7px;background:#123D2C;color:#fff;font-weight:800;font-size:10.5px}.dx-rech-tb-h svg{width:12px;height:12px}
.dx-rech-tb table{border-collapse:collapse;width:100%;table-layout:fixed}
.dx-rech-tb th{background:#f1f3f6;color:#8a91ad;font-weight:700;font-size:9px;height:16px;border:1px solid #e4e8ef}
.dx-rech-tb th:first-child{width:18px}
.dx-rech-tb td{border:1px solid #e4e8ef;height:24px;padding:0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#1f2a5a}
.dx-rech-tb td.on{outline:2px solid #f5c400;outline-offset:-2px;background:#fffbe0;font-weight:800}
.dx-rech-tb-vide{display:grid;place-items:center;background:linear-gradient(160deg,#1fa463,#046441);color:#fff}.dx-rech-tb-vide svg{width:40px;height:40px}
.dx-rech2 .dx-rech-v.tb{background:#fff}
@media (max-width:800px){.dx-rech2 .dx-rech-cols{grid-template-columns:1fr;gap:12px}.dx-rech2 .dx-rech-sep{width:auto;height:2px;background:linear-gradient(90deg,transparent,rgba(31,42,90,.18),transparent)}.dx-rech.dx-rech2{left:10px;right:10px;overflow:auto}}

body:has(#dxRech) #dxTuilesInv,body:has(#dxRech) .dx-recents14,body:has(#dxRech) .dx-types14,body:has(#dxRech) .dx-fil13,body:has(#dxRech) #dxBureau .dx-vide13{visibility:hidden!important}

/* v55 — compte : plus de croix en bas à gauche ; formulaire fondateur lisible */
.dx-cpt-x{display:none!important}
.dx-cpt-c .dx-eco-form.trois.quatre{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
.dx-cpt-c .dx-eco-form.trois.quatre>*{min-width:0;width:100%}
.dx-cpt-c .dx-eco-form.trois.quatre #dxEcoNom,.dx-cpt-c .dx-eco-form.trois.quatre #dxEcoMail,.dx-cpt-c .dx-eco-form.trois.quatre #dxEcoFormule{grid-column:1/-1}
.dx-cpt-c .dx-eco-form.trois.quatre [data-eco="creerPour"]{grid-column:1/-1;justify-self:start;width:auto}
.dx-cpt-c .dx-eco-form.trois.quatre::before{content:"Ouvrir une école pour un responsable";grid-column:1/-1;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a91ad;margin-top:4px}

/* v57 — corbeille centrée partout (Safari compris), compacte quand elle est vide */
.voile:has(.dx-boite-corb2){display:flex!important;align-items:center!important;justify-content:center!important}
.voile > .boite.dx-boite-corb2{width:min(980px,calc(100% - 32px))!important;max-width:980px!important;margin:auto!important;left:auto!important;right:auto!important;transform:none!important;align-self:center;justify-self:center}
.voile > .boite.dx-boite-corb2.dx-corb-vide-w{width:min(520px,calc(100% - 32px))!important}
.dx-corb-vide-w .dx-corb-vide{padding:18px 0 6px}
.dx-corb-vide-w .dx-corb-h{flex-wrap:wrap}

/* v58 — plus de bouton « Nouveau » ; tuile Dossier dans la barre */
.dx-fab-nv{display:none!important}
.dx-dock-dossier .dx-dock13-i{background:#f39c12;color:#fff}
.dx-dock-dossier .dx-dock13-i svg{width:26px;height:26px;stroke:#fff}

/* v59 — une fois l'arrivée faite, rien ne reste transparent ; et dans les fenêtres (corbeille, recherche) jamais */
body.dx-arrivee-faite .dx-h14,body.dx-arrivee-faite .dx-recents14,body.dx-arrivee-faite .dx-types14,body.dx-arrivee-faite .dx-ico,body.dx-arrivee-faite .dx-dock-zone{opacity:1}
.voile .dx-ico,#dxRech .dx-ico{opacity:1!important;animation:none!important}

/* v60 — diagnostic */
.dx-diag{position:fixed;left:16px;bottom:120px;z-index:9999;max-width:min(520px,calc(100vw - 32px));padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 0 0 3px #e0335c,0 14px 34px rgba(0,0,0,.25);font-size:12px;color:#1f2a5a}
.dx-diag b{display:block;color:#e0335c;font-size:14px}.dx-diag small{display:block;color:#8a91ad;margin-bottom:6px}
.dx-diag pre{margin:0 0 8px;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:11px;background:#f6f7fb;border-radius:10px;padding:8px}
.dx-diag button{border:0;border-radius:999px;padding:6px 14px;background:#1f2a5a;color:#fff;font-weight:800;cursor:pointer}

/* v8 oct. : tâches venues des tableurs dans le post-it de l'Agenda */
.jr2-postit-tb{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(61,58,42,.3)}
.jr2-postit-tb h5{margin:0 0 6px;font:800 11px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;opacity:.65}
.jr2-postit-tb a{display:flex;gap:8px;align-items:flex-start;padding:5px 6px;border-radius:8px;color:inherit;text-decoration:none;font-size:14px;line-height:1.3}
.jr2-postit-tb a:hover{background:rgba(255,255,255,.55)}
.jr2-postit-tb a i{font-style:normal;font-weight:800;width:16px;flex:none;color:#1C5A40}
.jr2-postit-tb a small{display:block;font-size:11px;opacity:.6}
.jr2-postit-tb a.fait span{text-decoration:line-through;opacity:.6}

/* ===== v8 oct. : BUREAU SUR TÉLÉPHONE — recherche en grand, pas de zoom, barre du bas propre ===== */
@media (max-width:900px){
  /* iPhone zoome sur un champ < 16 px : tous les champs passent à 16 px */
  body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body textarea,body select{font-size:16px!important}
}
@media (max-width:700px){
  .dx-h14{flex-wrap:wrap!important;height:auto!important;row-gap:8px;padding:8px 10px 10px!important;border-radius:0 0 22px 22px}
  .dx-h14 .dx-cherche14{order:9;flex:1 1 100%!important;width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;margin:0!important;border-radius:14px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 2px 10px rgba(30,60,120,.08)}
  .dx-h14 .dx-cherche14 input{display:block!important;width:100%!important;opacity:1!important}
  .dx-h14 .dx-h-d{margin-left:auto}
  .dx-dock-zone{left:8px!important;right:8px!important;width:auto!important;transform:none!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}
  .dx-dock-zone .dx-dock14{width:100%!important;box-sizing:border-box;justify-content:space-between;gap:2px!important;padding:6px!important;border-radius:20px!important}
  .dx-dock-zone .dx-dock13-b{flex:1 1 0!important;min-width:0!important;width:auto!important;padding:2px 0!important;font-size:10px!important}
  .dx-dock-zone .dx-dock13-b .dx-dock13-i{width:40px!important;height:40px!important}
  .dx-dock-zone .dx-dock-site,.dx-dock-zone .dx-dock13-sep{display:none!important}
  body.dx-en-recherche .dx-dock-zone,body.dx-en-recherche .dx-beta-badge,body:has(#dxRech) .dx-dock-zone{display:none!important}
  body.dx-invite .dx-tuiles-inv.libre{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;height:auto!important;width:auto!important;display:flex!important;flex-wrap:nowrap;align-items:flex-start!important;min-height:0!important;gap:10px;padding:12px 14px 4px!important}
  body.dx-invite .dx-tuiles-inv.libre .dx-tuile-inv{position:static!important;transform:none!important;flex:1 1 0;height:auto!important;min-height:0!important}
}

/* v8 oct. : onglets des autres outils (tableur, agenda) dans la barre de l'éditeur */
.dx-onglet.dx-onglet-ext{border-top:2px solid var(--c)}
.dx-onglet-ext-i{width:10px;height:10px;border-radius:3px;background:var(--c);flex:none}

/* v8 oct. : le mode invité (body.dx-invite > div) ne doit pas centrer l'agenda */
body>.jr2.jr2{align-items:stretch}

/* ===== v8c : LE COMPTE, simple et clair ===== */
.k8-voile .boite{width:min(860px,100%)!important;height:min(640px,92vh);max-height:92vh;padding:0!important;overflow:hidden;display:flex;flex-direction:column;border-radius:24px!important}
.k8{flex:1;min-height:0;display:grid;grid-template-columns:210px 1fr;font-family:Inter,system-ui,sans-serif;color:var(--ink,#1f2a5a)}
.k8-nav{display:flex;flex-direction:column;gap:4px;padding:18px 12px;background:#f5f6fb;border-right:1px solid #e8eaf2;position:relative}
.k8-nav button{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border:0;border-radius:12px;background:none;font:600 14.5px Inter,sans-serif;color:inherit;cursor:pointer;text-align:left}
.k8-nav button .dx-i{width:19px;height:19px;flex:none}
.k8-nav button:hover{background:#eceef6}.k8-nav button.on{background:#fff;color:#fa5a3c;box-shadow:0 2px 10px rgba(31,42,90,.08)}
.k8-nav .k8-x{margin-top:auto;justify-content:center;color:#7b8399}
.k8-c{overflow:auto;padding:26px 30px 40px}
.k8-tete{display:flex;gap:14px;align-items:center;margin-bottom:20px}.k8-tete-i{width:46px;height:46px;border-radius:14px;background:#fff1ec;color:#fa5a3c;display:grid;place-items:center;flex:none}.k8-tete-i .dx-i{width:24px;height:24px}
.k8-tete h3,.k8-ecole-t h3{margin:0;font:800 22px/1.2 Inter,sans-serif}.k8-tete p,.k8-ecole-t p{margin:4px 0 0;color:#6b7390;font-size:14px}
.k8-bloc{margin:0 0 18px;padding:16px 18px;border:1.5px solid #eceef5;border-radius:18px;background:#fff}
.k8-bloc h4{margin:0 0 10px;font:800 15px Inter,sans-serif}
.k8-aide{margin:0 0 10px;color:#6b7390;font-size:13.5px;line-height:1.5}
.k8-msg{min-height:18px;margin:8px 0 0;font-size:13px}
.k8-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.k8-ligne{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.k8-ligne>label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;flex:1;min-width:180px}
.k8-ligne .dx-champ{flex:1;min-width:0}
.k8-sw{justify-content:space-between;padding:10px 0;border-top:1px solid #f0f1f6}.k8-sw>span:first-child{display:flex;flex-direction:column;gap:3px;font-size:14px;flex:1}.k8-sw small{color:#6b7390;font-size:12.5px;font-weight:500}
.k8-cartes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.k8-cartes>*{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:16px;border-radius:16px;background:#f5f6fb;border:0;font-family:inherit;color:inherit;text-align:left}
.k8-cartes button{cursor:pointer}.k8-cartes button:hover{background:#eceef6}
.k8-cartes b{font:800 20px Inter,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k8-cartes small{color:#6b7390;font-size:12.5px}
.k8-sit.k8-ecole,.k8-sit.k8-premium{color:#046441}.k8-sit.k8-partenaire{color:#2563eb}
.k8-sit-carte{padding:18px 20px;border-radius:18px;background:#f5f6fb;margin-bottom:16px}.k8-sit-carte>b{display:block;font:800 20px Inter,sans-serif}.k8-sit-carte>span{color:#6b7390;font-size:14px}
.k8-sit-carte.k8-ecole,.k8-sit-carte.k8-premium{background:#e9f8ef}.k8-sit-carte.k8-partenaire{background:#e8f0ff}
.k8-sit-carte ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.k8-sit-carte li{display:flex;gap:8px;align-items:center;font-size:14px}.k8-sit-carte li .dx-i{width:17px;height:17px;color:#16a34a}
.k8-offres{display:grid;grid-template-columns:1fr 1fr;gap:12px}.k8-offres>div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:#f5f6fb}.k8-offres b{font-size:16px}.k8-offres span{font-size:13px;font-weight:700;color:#fa5a3c}.k8-offres small{color:#5b6670;font-size:13px;line-height:1.45;flex:1}.k8-offres a{align-self:flex-start}
.k8-outils{display:grid;gap:6px}.k8-outil{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;cursor:pointer}.k8-outil:hover{background:#f7f8fc}.k8-outil-t{flex:1;display:flex;flex-direction:column}.k8-outil-t small{color:#6b7390;font-size:12.5px}.k8-outil.k8-bientot{opacity:.6;cursor:default}
.k8-chip{font-style:normal;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:#eef0f6;color:#5b6670;white-space:nowrap}.k8-chip.vert{background:#e3f6ea;color:#16794a}
.k8-etapes{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:k8}
.k8-etapes li{position:relative;padding:14px 16px 14px 54px;border-radius:16px;background:#f5f6fb;display:flex;flex-direction:column;gap:6px;counter-increment:k8}
.k8-etapes li::before{content:counter(k8);position:absolute;left:14px;top:13px;width:28px;height:28px;border-radius:50%;background:#dfe2ee;color:#1f2a5a;display:grid;place-items:center;font-weight:800}
.k8-etapes li.on{background:#fff4ef;box-shadow:inset 0 0 0 2px #fa5a3c}.k8-etapes li.on::before{background:#fa5a3c;color:#fff}.k8-etapes li.fait::before{content:'✓';background:#16a34a;color:#fff}
.k8-etapes li span{color:#5b6670;font-size:13.5px}.k8-etapes li a{align-self:flex-start}.k8-etapes.court{margin-bottom:16px}
.k8-ecole-t{display:flex;align-items:center;gap:14px;margin-bottom:18px}.k8-ecole-t .dx-eco-logo-v{width:58px;height:58px;flex:none}
.k8-liste{display:grid;gap:6px}
.k8-m{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#f7f8fc}.k8-m>div{flex:1;min-width:0;display:flex;flex-direction:column}.k8-m small{color:#6b7390;font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.k8-m-c{cursor:pointer}.k8-m-c:hover{background:#eef0f7}.k8-m-c.on{background:#fff4ef;border-radius:14px 14px 0 0}
.k8-fl{display:grid;place-items:center;transition:transform .2s;color:#9aa1bd}.k8-fl .dx-i{width:18px;height:18px}.k8-m-c.on .k8-fl,.k8-fl.on{transform:rotate(180deg)}
.k8-edit{padding:12px 14px 14px;background:#fffaf7;border:1.5px solid #ffe2d6;border-top:0;border-radius:0 0 14px 14px;margin-top:-6px}
.k8-pli{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:0;font-family:inherit;color:inherit;cursor:pointer;text-align:left}.k8-pli b{font-size:15px}.k8-pli small{flex:1;color:#6b7390}
.k8-regl{display:grid;gap:14px;margin-top:14px}.k8-regl>label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px}.k8-regl small{font-weight:500;color:#6b7390}
.k8-grille{display:grid;grid-template-columns:1fr 1fr;gap:8px}.k8-grille .dx-btn-p{grid-column:1/-1;justify-content:center}
.dx-eco-logo-v.petit{width:40px;height:40px;flex:none}
@media (max-width:760px){
  .k8-voile .boite{height:94vh}
  .k8{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .k8-nav{flex-direction:row;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid #e8eaf2;gap:4px;scrollbar-width:none}
  .k8-nav button{flex:none;height:40px;padding:0 12px;font-size:13.5px}.k8-nav .k8-x{margin:0 0 0 auto}
  .k8-c{padding:18px 16px 30px}.k8-cartes{grid-template-columns:1fr 1fr}.k8-offres,.k8-grille{grid-template-columns:1fr}
}

/* v8e : le titre d'une carte tient sur UNE ligne (… si trop long) : les cartes ont toutes la même hauteur et ne se recouvrent plus */
#dxBureau .dx-doc13 .dx-doc13-t b,#dxBureau .dx-doc13 .dx-doc13-t .dx-nom{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#dxBureau .dx-doc13 .dx-doc13-t b[contenteditable="true"]{white-space:normal;overflow:visible}
/* v8e : compte — les sous-menus et l'organigramme */
.k8-sous{display:flex;flex-direction:column;gap:2px;margin:-2px 0 6px 30px;border-left:2px solid #ffd9cb;padding-left:8px}
.k8-sous button{border:0;background:none;text-align:left;padding:6px 8px;border-radius:8px;font:600 13px Inter,sans-serif;color:#5b6670;cursor:pointer}.k8-sous button:hover,.k8-sous button.on{background:#fff;color:#fa5a3c}
.k8-org{overflow:auto;padding:6px 0}
.dx-noeud-plus.haut{margin:0 0 6px;opacity:.35;transform:scale(.85)}.dx-noeud-col:hover>.dx-noeud-plus.haut{opacity:1;transform:none}
.k8-mails{display:grid;gap:6px}.k8-mail{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#f7f8fc}.k8-mail>div{flex:1;min-width:0;display:flex;flex-direction:column}.k8-mail small{color:#6b7390;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.k8-sit.k8-fondateur{color:#b45309}.k8-sit-carte.k8-fondateur{background:#fff7e6}
@media (max-width:760px){.k8-sous{display:none}.k8-mail .dx-btn-s span{display:none}.k8-mail .k8-chip{display:none}}

/* v8e : barre « Ouverts » au-dessus de l'en-tête du bureau */
.dxo.dxo-bureau{position:sticky;top:0;z-index:61;margin:0 0 4px;border-radius:0 0 14px 14px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dxo.dxo-bureau:not([hidden])+.dx-h14{top:38px!important}
.dx-diag pre{max-height:48vh;overflow:auto;white-space:pre-wrap;word-break:break-word}

/* v8g : compte — taille FIXE, une seule partie à la fois, la liste des membres */
.k8-voile .boite{width:min(880px,calc(100vw - 32px))!important;height:min(640px,calc(100vh - 40px))!important;min-height:min(640px,calc(100vh - 40px))!important;max-height:none!important}
.k8-c{scrollbar-gutter:stable}
.k8-c section[hidden]{display:none!important}
.k8-tab{display:grid;gap:6px}
.k8-tr{display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:8px;align-items:center}
.k8-th span{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#8a91ab;padding-left:4px}
.k8-v{padding:10px 12px;border-radius:10px;background:#f5f6fb;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:20px}
.k8-act{display:flex;align-items:center;gap:6px;justify-content:flex-end;min-width:170px}
.k8-act .dx-btn-s{white-space:nowrap}
.k8-x-l{width:30px;height:30px;border:0;border-radius:8px;background:none;color:#9aa1bd;font-size:18px;cursor:pointer}.k8-x-l:hover{background:#f1f2f7;color:#e0335c}
@media (max-width:760px){.k8-tr{grid-template-columns:1fr 1fr}.k8-tr .k8-mail-v,.k8-tr input[type=email]{grid-column:1/-1}.k8-act{grid-column:1/-1;justify-content:flex-start}.k8-th{display:none}}
.k8-tr{grid-template-columns:1fr 1fr 1.6fr 200px}.k8-act{min-width:0}
@media (max-width:760px){.k8-tr{grid-template-columns:1fr 1fr}}
/* v8h : « + Outils » — un panneau fixe, en 2 colonnes, jamais coupé, jamais de défilement de côté */
.dx-pop:has(.dx-outils-pop){max-height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.dx-outils-pop{width:min(480px,calc(100vw - 44px));display:grid;grid-template-columns:1fr 1fr;gap:4px;box-sizing:border-box}
.dx-outils-pop h6{grid-column:1/-1}
.dx-outils-pop button{min-width:0}.dx-outils-pop button>span:nth-child(2){min-width:0}.dx-outils-pop b,.dx-outils-pop small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:600px){.dx-outils-pop{grid-template-columns:1fr}}

.k8-outils-pop{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.k8-op{display:flex;flex-direction:column;gap:2px;border-radius:12px;padding:2px}.k8-op:hover{background:#f6f7fb}
.k8-op-b{display:flex;align-items:center;gap:10px;padding:6px;border:0;border-radius:12px;background:none;cursor:pointer;text-align:left;color:var(--ink);font-family:Inter,sans-serif;min-width:0}
.k8-op-b>span:nth-child(2){flex:1;min-width:0}.k8-op-b b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k8-op-b small{font-size:11px;color:var(--doux);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k8-op-b .dx-dock13-i{width:38px;height:38px;border-radius:11px;flex:none}.k8-op-b i{font-style:normal;font:800 11px Inter,sans-serif;color:#fa5a3c}
.k8-op-pub{display:flex;align-items:center;gap:8px;padding:0 8px 6px 54px;cursor:pointer;font-size:11.5px;font-weight:700;color:#5b6670}
.k8-op-pub input{display:none}.k8-op-sw{width:30px;height:17px;border-radius:999px;background:#d7dbe7;position:relative;flex:none;transition:background .2s}
.k8-op-sw::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .2s}
.k8-op-pub input:checked+.k8-op-sw{background:#16a34a}.k8-op-pub input:checked+.k8-op-sw::after{transform:translateX(13px)}
.k8-op-pub em{font-style:normal}.k8-op-msg{grid-column:1/-1;margin:4px 0 0;font-size:12px}
@media (max-width:600px){.k8-outils-pop{grid-template-columns:1fr}}
/* v8h : le panneau « + Outils » : fixe, centré au-dessus de la barre, jamais coupé */
.dx-pop:has(.dx-outils-pop){position:fixed!important;left:50%!important;top:auto!important;bottom:calc(118px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(540px,calc(100vw - 24px))!important;max-width:none!important;max-height:calc(100vh - 170px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
.dx-pop:has(.dx-outils-pop) .dx-outils-pop{width:100%!important}
.dx-pop:has(.dx-outils-pop){animation:dxPopC .2s both}@keyframes dxPopC{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%)}}

/* v8i : onglets des autres outils dans l'éditeur — même forme que les documents, aperçu selon le type */
.dx-onglet.dx-onglet-ext{border-top:0;gap:8px;padding:0 30px 0 8px}
.dx-onglet-ext .dx-onglet-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dx-onglet-mini{width:24px;height:30px;border-radius:5px;flex:none;display:grid;place-items:center;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18),inset 0 3px 0 var(--c);color:var(--c);overflow:hidden}
.dx-onglet-mini .dx-i{width:15px;height:15px}
.dx-onglet-mini .g{width:100%;height:100%;background:linear-gradient(var(--c),var(--c)) 0 0/100% 5px no-repeat,repeating-linear-gradient(0deg,transparent 0 5px,rgba(4,100,65,.25) 5px 6px),repeating-linear-gradient(90deg,transparent 0 7px,rgba(4,100,65,.25) 7px 8px);background-color:#fff}
.dx-onglet-ext button{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.dx-err8{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:99999;max-width:min(680px,calc(100vw - 24px));padding:10px 14px;border-radius:12px;background:#fff1f2;color:#9f1239;font:600 13px/1.4 Inter,sans-serif;box-shadow:0 0 0 2px #fda4af,0 10px 30px rgba(0,0,0,.15);cursor:pointer}
.dxo.dxo-bureau:not([hidden])+.dx-h14{top:50px!important}.dxo.dxo-bureau{background:linear-gradient(180deg,rgba(238,241,248,.92),rgba(230,234,244,.92))}

/* v8k : la tuile « + » d'un dossier (en haut à gauche) et la fenêtre pour parcourir ses fichiers */
.dx-plus8{position:absolute;left:16px;top:30px;z-index:3;width:112px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2.5px dashed rgba(31,42,90,.25);border-radius:22px;background:rgba(255,255,255,.55);color:#1f2a5a;font:800 13px Inter,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.dx-plus8 .dx-i{width:34px;height:34px;padding:8px;border-radius:50%;background:#fa5a3c;color:#fff;box-shadow:0 6px 16px rgba(250,90,60,.35)}
.dx-plus8:hover{background:#fff;border-color:#fa5a3c;transform:translateY(-2px)}
@media (max-width:900px){.dx-plus8{position:relative;left:auto;top:auto;width:100%;height:56px;flex-direction:row;margin:4px 0 10px}}
.pc8-voile .boite{width:min(860px,calc(100vw - 32px))!important;height:min(620px,calc(100vh - 40px));display:flex;flex-direction:column}
.pc8{display:flex;flex-direction:column;min-height:0;flex:1}.pc8 h3{margin:0 0 4px}
.pc8-fil{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}.pc8-fil button{display:inline-flex;align-items:center;gap:6px;border:0;background:#f1f3f9;border-radius:10px;padding:6px 10px;font:700 13px Inter,sans-serif;color:#1f2a5a;cursor:pointer}.pc8-fil .dx-i{width:15px;height:15px}.pc8-fil i{color:#9aa1bd;font-style:normal}
.pc8-g{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;align-content:start;padding:4px}
.pc8-i{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:2px solid transparent;border-radius:16px;background:#f7f8fc;cursor:pointer;font-family:inherit;color:#1f2a5a}
.pc8-i:hover{background:#eef0f7}.pc8-i.on{border-color:#fa5a3c;background:#fff4ef}
.pc8-i b{font-size:12.5px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc8-v{display:grid;place-items:center;width:70px;height:92px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(31,42,90,.12)}
.pc8-tb i{width:100%;height:100%;background:linear-gradient(#046441,#046441) 0 0/100% 10px no-repeat,repeating-linear-gradient(0deg,transparent 0 9px,rgba(4,100,65,.25) 9px 10px),repeating-linear-gradient(90deg,transparent 0 13px,rgba(4,100,65,.25) 13px 14px),#fff}
.pc8-dos{background:color-mix(in srgb,var(--c) 22%,#fff);color:var(--c);box-shadow:none}.pc8-dos .dx-i{width:40px;height:40px}
.pc8-c{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;border:2px solid #c9cee0;background:#fff;color:#fff;font:900 13px/18px Inter;text-align:center}.pc8-i.on .pc8-c{background:#fa5a3c;border-color:#fa5a3c}
.pc8-vide{grid-column:1/-1}
/* v8k : le chemin — on voit tout de suite OÙ on est (le dernier = plein, foncé) ; les dossiers parents sont discrets */
.dx-fil13 .dx-fil13-b{background:rgba(255,255,255,.6);box-shadow:none;font-weight:700;color:#4b5578}
.dx-fil13 .dx-fil13-b:hover{background:#fff;color:var(--ink)}
.dx-fil13 b{background:#1f2a5a!important;color:#fff!important;box-shadow:0 6px 16px rgba(31,42,90,.25)!important;position:relative;padding-left:12px}
.dx-fil13 b .dx-pastille{box-shadow:0 0 0 2px #fff}
.dx-fil13 b::after{content:"vous êtes ici";position:absolute;left:12px;top:100%;margin-top:4px;font:800 10px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#1f2a5a;opacity:.55;white-space:nowrap}
.dx-fil13 i{font-size:16px;opacity:.45}
.dx-plus8 .dx-i{width:44px;height:44px;padding:10px}
.pc8-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.pc8-h .b{display:inline-flex;align-items:center;gap:6px}.pc8-h .dx-i{width:16px;height:16px}
.voile.pc8-voile{z-index:3000!important}
/* v8k : « Ouverture au public » est maintenant dans « + Outils » : la pastille disparaît */
#dxOuvPub{display:none!important}
.k8-op-b{padding:4px 6px}.k8-op-b .dx-dock13-i{width:34px;height:34px}.k8-op-pub{padding:0 8px 4px 52px}
.dx-lbl8{display:block;font-weight:700;font-size:13px;margin:10px 0 6px}

/* v8m : la tuile + (taille d'un document) */
#dxBureau .dx-plus8{position:absolute;width:208px;height:300px;transform:scale(var(--s,1));transform-origin:0 0;display:grid;place-items:center;border:3px dashed rgba(31,42,90,.22);border-radius:22px;background:rgba(255,255,255,.5);cursor:pointer;box-sizing:border-box;padding:0;transition:background .2s,border-color .2s}
#dxBureau .dx-plus8:hover{background:#fff;border-color:#fa5a3c}
.dx-plus8-c{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fa5a3c;color:#fff;box-shadow:0 10px 26px rgba(250,90,60,.38);transition:transform .2s}
.dx-plus8:hover .dx-plus8-c{transform:scale(1.08)}.dx-plus8-c .dx-i{width:40px;height:40px;stroke-width:2.6}
@media (max-width:900px){#dxBureau .dx-plus8{position:relative!important;left:auto!important;top:auto!important;width:100%;height:84px;transform:none;margin:0 0 10px}.dx-plus8-c{width:52px;height:52px}.dx-plus8-c .dx-i{width:26px;height:26px}}
/* v8m : la fenêtre — créer, chercher, parcourir */
.pc8-creer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 10px}
.pc8-cr{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid #eceef5;border-radius:14px;background:#fff;cursor:pointer;font-family:inherit;color:#1f2a5a;text-align:left}
.pc8-cr:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 7%,#fff)}.pc8-cr span{width:34px;height:34px;border-radius:10px;background:var(--c);color:#fff;display:grid;place-items:center;flex:none}.pc8-cr span .dx-i{width:18px;height:18px}
.pc8-cr b{font-size:13.5px}.pc8-cr small{margin-left:auto;font-size:11px;color:#9aa1bd}.pc8-cr.tr{opacity:.55}
.pc8-q{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:14px;background:#f3f5fa;margin-bottom:4px}.pc8-q .dx-i{width:18px;height:18px;color:#7b8399}.pc8-q input{flex:1;border:0;background:none;font:500 15px Inter,sans-serif;outline:none;color:#1f2a5a}
.pc8-g.pc8-rech{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pc8-col h6{display:flex;align-items:center;gap:6px;margin:4px 0 8px;font:800 11.5px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#7b8399}.pc8-col h6 .dx-i{width:15px;height:15px}
.pc8-l,.pc8-r{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;margin:0 0 6px;border:1.5px solid transparent;border-radius:12px;background:#f7f8fc;cursor:pointer;font-family:inherit;color:#1f2a5a;text-align:left}
.pc8-l:hover,.pc8-r:hover{background:#eef0f7}.pc8-l.on{border-color:#fa5a3c;background:#fff4ef}
.pc8-l .pc8-c{position:static;flex:none}
.pc8-li{width:30px;height:36px;border-radius:6px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);display:grid;place-items:center;color:#fa5a3c;flex:none}.pc8-li.tb{color:#046441}.pc8-li .dx-i{width:15px;height:15px}
.pc8-lt{flex:1;min-width:0;display:flex;flex-direction:column}.pc8-lt b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc8-lt small{font-size:11.5px;color:#7b8399}
.pc8-ri{width:36px;height:48px;border-radius:6px;overflow:hidden;background:#fff;flex:none;box-shadow:0 1px 4px rgba(0,0,0,.12)}.pc8-ri img{width:100%;height:100%;object-fit:cover;display:block}
.pc8-r i{width:28px;height:28px;border-radius:50%;background:#046441;color:#fff;display:grid;place-items:center;flex:none}.pc8-r i .dx-i{width:15px;height:15px}
@media (max-width:700px){.pc8-creer{grid-template-columns:1fr}.pc8-g.pc8-rech{grid-template-columns:1fr}}

/* v8n : apparition peinte (comme la transition : bandes verte, rose, crème qui passent, le document apparaît dessous) */
.dx-ico.dx-peint8>*:not(.dx-peint8-b){animation:peint8Rev .75s cubic-bezier(.55,.05,.25,1) both;animation-delay:calc(var(--d8,0ms) + 380ms)}
@keyframes peint8Rev{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.dx-peint8-b{position:absolute;inset:-8px;z-index:20;pointer-events:none;display:flex;flex-direction:column;border-radius:22px;overflow:hidden}
.dx-peint8-b i{flex:1;margin:-3px 0;border-radius:40% 60% 55% 45%/50%;animation:peint8Br 1.15s cubic-bezier(.55,.05,.25,1) both}
.dx-peint8-b i:nth-child(1){background:#046441;animation-delay:var(--d8,0ms)}
.dx-peint8-b i:nth-child(2){background:#fd418a;animation-delay:calc(var(--d8,0ms) + 70ms)}
.dx-peint8-b i:nth-child(3){background:#fbf3df;animation-delay:calc(var(--d8,0ms) + 140ms)}
.dx-peint8-b i:nth-child(4){background:#ff9bc4;animation-delay:calc(var(--d8,0ms) + 210ms)}
@keyframes peint8Br{0%{clip-path:inset(0 100% 0 0)}42%{clip-path:inset(0 0 0 0)}58%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
@media (prefers-reduced-motion:reduce){.dx-peint8-b{display:none}.dx-ico.dx-peint8>*{animation:none!important}}
.dx-accueil8 .dxo .dxo-maison{display:none}

/* ===== v8o : téléphone ===== */
.dx-rech-btn8,.dx-rech-ferme8{display:none}
@media (max-width:760px){
  .dx-h14{display:grid!important;grid-template-columns:42px 1fr auto;align-items:center;gap:6px!important;padding:8px 10px!important;flex-wrap:nowrap!important;height:auto!important;border-radius:0 0 20px 20px}
  .dx-rech-btn8{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:rgba(255,255,255,.85);color:#1f2a5a;cursor:pointer;grid-column:1;grid-row:1}
  .dx-rech-btn8 .dx-i{width:20px;height:20px}
  .dx-h14 .dx-logo13{grid-column:2;grid-row:1;justify-self:center;width:84px!important}
  .dx-h14 .dx-h-d{grid-column:3;grid-row:1;display:flex;align-items:center;gap:3px;margin:0!important;justify-self:end}
  .dx-h14 .dx-h-d .dx-hb{width:34px;height:34px;min-width:34px;padding:0!important;justify-content:center}
  .dx-h14 .dx-h-d .dx-hb span,.dx-h14 .dx-h-d .dx-hb-maison{display:none!important}
  .dx-h14 .dx-h-d .dxt-btn{width:34px;height:34px}
  .dx-h14 .dx-h-d .dx-moi{order:99;margin-left:2px}
  .dx-h14 .dx-cherche14{display:none!important}
  body.dx-rech-tel .dx-h14 .dx-cherche14{display:flex!important;position:fixed;left:8px;right:8px;top:8px;z-index:4000;height:50px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 30px rgba(31,42,90,.2);padding:0 6px 0 14px}
  .dx-rech-ferme8{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:#f1f3f9;color:#1f2a5a;margin-left:auto;flex:none}.dx-rech-ferme8 .dx-i{width:18px;height:18px}
  body.dx-rech-tel::after{content:"";position:fixed;inset:0;background:rgba(207,230,251,.96);z-index:3990}
  body.dx-rech-tel #dxRech{position:fixed!important;left:0;right:0;top:66px;bottom:0;z-index:3995;overflow:auto;padding:0 12px 120px!important;background:transparent}
  .dx-rech-ong8{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 0;background:rgba(207,230,251,.96)}
  .dx-rech-ong8 button{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border:0;border-radius:12px;background:#fff;font:700 13.5px Inter,sans-serif;color:#1f2a5a}
  .dx-rech-ong8 button.on{background:#1f2a5a;color:#fff}.dx-rech-ong8 .dx-i{width:16px;height:16px}
  #dxRech .dx-rech-cols{display:block!important}#dxRech .dx-rech-sep{display:none!important}
  #dxRech[data-ong8="moi"] .dx-rech-cols>.dx-rech-lae,#dxRech[data-ong8="moi"] .dx-rech-cols>*:last-child:not(:first-child){display:none!important}
  #dxRech[data-ong8="lae"] .dx-rech-cols>*:first-child{display:none!important}
  #dxRech .dx-rech-grille{grid-template-columns:1fr 1fr!important;gap:10px!important}
  /* 2 par ligne, toujours */
  #dxBureau .dx-bureau-zone{display:grid!important;grid-template-columns:1fr 1fr;gap:16px 12px!important}
  #dxBureau .dx-bureau-zone>.dx-ico{width:auto!important;max-width:100%!important;margin:0!important}
  #dxBureau .dx-plus8{width:auto!important;height:auto!important;min-height:160px;aspect-ratio:.7}
  /* la barre du bas se replie aussi sur téléphone */
  body.dx-dock-ferme .dx-dock-zone{transform:translateY(calc(100% - 22px))!important}
}
/* le mode édition : ça tremble, on glisse, on supprime */
@keyframes dxJ8{0%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}100%{transform:rotate(-1.4deg)}}
body.dx-edit8 #dxBureau .dx-bureau-zone>.dx-ico{animation:dxJ8 .32s ease-in-out infinite;animation-delay:var(--j8,0ms);touch-action:none;-webkit-user-select:none;user-select:none}
.dx-moins8{position:absolute;left:-6px;top:-6px;z-index:30;width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:#3a3f55;color:#fff;font:900 18px/20px system-ui;box-shadow:0 3px 8px rgba(0,0,0,.3);padding:0}
.dx-ok8{position:fixed;top:12px;right:12px;z-index:5000;height:38px;padding:0 18px;border:0;border-radius:999px;background:#1f2a5a;color:#fff;font:800 14px Inter,sans-serif;box-shadow:0 8px 20px rgba(31,42,90,.3)}
.dx-glisse8{opacity:.25}.dx-fant8{transform:scale(1.06) rotate(2deg);box-shadow:0 18px 40px rgba(31,42,90,.35);border-radius:18px;opacity:.95}
.dx-cible8{outline:3px solid #fa5a3c;outline-offset:4px;border-radius:18px}
.dx-ok8{top:auto!important;bottom:calc(112px + env(safe-area-inset-bottom));right:auto!important;left:50%;transform:translateX(-50%);height:44px;padding:0 28px}
@media (max-width:760px){body.dx-rech-tel .dx-h14{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;filter:none!important;z-index:4001!important;position:relative}body.dx-rech-tel #dxRech{top:70px!important;max-height:none!important;height:auto!important}}

/* v8p : la grille des dossiers */
#dxBureau.dx-grille8 .dx-bureau-zone{position:relative!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:44px 26px;align-items:start;justify-items:center;padding:34px clamp(16px,6vw,140px) 170px!important;min-height:0!important}
#dxBureau.dx-grille8 .dx-bureau-zone>.dx-ico{position:relative!important;left:auto!important;top:auto!important;transform:none!important;zoom:var(--s,.9);margin:0!important}
#dxBureau.dx-grille8 .dx-bureau-zone>.dx-dossier13{order:1}
#dxBureau.dx-grille8 .dx-bureau-zone>.dx-doc13{order:2}
#dxBureau.dx-grille8 .dx-bureau-zone>.dx-plus8{order:0;width:200px;height:347px;zoom:var(--s,.9)}
#dxBureau.dx-grille8 .dx-bureau-zone>.dx-ico.dx-peint8>*:not(.dx-peint8-b){animation-duration:.75s}
@media (max-width:760px){#dxBureau.dx-grille8 .dx-bureau-zone{grid-template-columns:1fr 1fr;gap:16px 12px;padding:12px 14px 140px!important;justify-items:stretch}#dxBureau.dx-grille8 .dx-bureau-zone>.dx-ico{zoom:1}#dxBureau.dx-grille8 .dx-bureau-zone>.dx-plus8{width:auto!important;height:auto!important;min-height:180px}}
.dx-tb-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;background:#fff}
.dx-plus8-c .dx-i{padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;width:40px!important;height:40px!important;stroke-width:2.6}@media (max-width:760px){.dx-plus8-c .dx-i{width:28px!important;height:28px!important}}

/* v8q : la grille des dossiers SANS zoom (Safari le gère mal : les cartes se chevauchaient).
   Chaque case a la même taille, le + est une carte sobre comme les autres, et le fil d'Ariane ne flotte plus par-dessus. */
#dxBureau.dx-grille8 .dx-fil13{position:relative!important;top:auto!important}
#dxBureau.dx-grille8 .dx-bureau-zone{grid-template-columns:repeat(auto-fill,220px)!important;justify-content:center;gap:40px 28px!important;padding-top:28px!important}
#dxBureau.dx-grille8 .dx-bureau-zone>.dx-ico{zoom:1!important;width:200px!important;max-width:200px!important;justify-self:center}
#dxBureau.dx-grille8 .dx-bureau-zone>.dx-dossier13{width:160px!important;max-width:160px!important;align-self:center}
#dxBureau.dx-grille8 .dx-bureau-zone>.dx-plus8{zoom:1!important;width:200px!important;height:300px!important;transform:none!important;border:2px dashed rgba(31,42,90,.2)!important;border-radius:20px!important;background:rgba(255,255,255,.45)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px}
#dxBureau.dx-grille8 .dx-plus8 .dx-plus8-c{width:56px;height:56px;box-shadow:0 6px 16px rgba(250,90,60,.3)}
#dxBureau.dx-grille8 .dx-plus8 .dx-plus8-c .dx-i{width:26px!important;height:26px!important}
#dxBureau.dx-grille8 .dx-plus8::after{content:"Ajouter ici";font:800 14px Inter,sans-serif;color:#1f2a5a;opacity:.7}
#dxBureau.dx-grille8 .dx-plus8:hover{border-color:#fa5a3c!important;background:#fff!important}
@media (max-width:760px){
  #dxBureau.dx-grille8 .dx-bureau-zone,#dxBureau .dx-bureau-zone{grid-template-columns:1fr 1fr!important;gap:14px 12px!important;padding:12px 14px 140px!important}
  #dxBureau .dx-bureau-zone>.dx-ico,#dxBureau.dx-grille8 .dx-bureau-zone>.dx-ico{width:100%!important;max-width:100%!important;zoom:1!important}
  #dxBureau.dx-grille8 .dx-bureau-zone>.dx-plus8,#dxBureau .dx-bureau-zone>.dx-plus8{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:.72}
  #dxBureau.dx-grille8 .dx-plus8::after{font-size:12.5px}
}
/* le tremblement : doux, comme sur iPhone */
@keyframes dxJ8{0%{transform:rotate(-.55deg)}50%{transform:rotate(.55deg)}100%{transform:rotate(-.55deg)}}
body.dx-edit8 #dxBureau .dx-bureau-zone>.dx-ico{animation-duration:.42s}
/* iPhone : l'appui long ne doit JAMAIS ouvrir l'aperçu photo / le menu de Safari */
@media (max-width:760px){#dxBureau .dx-bureau-zone>.dx-ico,#dxBureau .dx-bureau-zone>.dx-ico *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important}
  #dxBureau .dx-bureau-zone>.dx-ico img{pointer-events:none}}
/* téléphone : 2 colonnes STRICTEMENT égales — une carte ne peut plus être géante à côté d'une miniature */
@media (max-width:760px){
  #dxBureau .dx-bureau-zone,#dxBureau.dx-grille8 .dx-bureau-zone{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start}
  #dxBureau .dx-bureau-zone>.dx-ico{min-width:0!important;overflow:visible}
  #dxBureau .dx-bureau-zone>.dx-doc13:not(.dx-plus8)>*{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
  #dxBureau .dx-bureau-zone>.dx-doc13 .dx-doc13-v{overflow:hidden}
  #dxBureau .dx-bureau-zone>.dx-doc13 .dx-tags13{overflow:hidden;flex-wrap:nowrap}
  #dxBureau .dx-bureau-zone>.dx-dossier13{justify-self:center;width:100%!important}
}

@media (max-width:760px){#dxBureau .dx-plus8 .dx-plus8-c{width:48px!important;height:48px!important;flex:none}}

/* v8r : pendant le chargement, un petit « chargement » au lieu d'un bureau vide */
body.dx-charge8 #dxBureau .dx-vide-plus,body.dx-charge8 #dxBureau .dx-vide,body.dx-charge8 #dxDiag{display:none!important}
body.dx-charge8 #dxBureau .dx-bureau-zone:not(:has(.dx-ico))::before{content:"Chargement de ton bureau…";position:absolute;left:50%;top:120px;transform:translateX(-50%);padding:12px 20px 12px 46px;border-radius:999px;background:rgba(255,255,255,.8);font:700 14px Inter,sans-serif;color:#1f2a5a;box-shadow:0 6px 18px rgba(31,42,90,.08);
  background-image:radial-gradient(circle at 24px 50%,#fa5a3c 0 5px,transparent 6px);animation:dxCh8 1s ease-in-out infinite}
@keyframes dxCh8{50%{opacity:.55}}
/* v8r téléphone : tremblement très léger, bouton « − » propre (rouge sur blanc), carte glissée nette */
@keyframes dxJ8{0%{transform:rotate(-.35deg)}50%{transform:rotate(.35deg)}100%{transform:rotate(-.35deg)}}
body.dx-edit8 #dxBureau .dx-bureau-zone>.dx-ico{animation-duration:.5s}
body.dx-edit8 #dxBureau .dx-bureau-zone>.dx-plus8{animation:none!important}
.dx-moins8{left:-4px!important;top:-4px!important;width:24px!important;height:24px!important;border:0!important;background:#fff!important;color:#e5484d!important;font:900 18px/24px system-ui!important;box-shadow:0 2px 8px rgba(31,42,90,.25)!important;display:grid!important;place-items:center;padding:0!important}
.dx-glisse8{opacity:.3!important}
.dx-fant8{transform:scale(1.04)!important;box-shadow:0 16px 36px rgba(31,42,90,.3);border-radius:16px;opacity:.97}
/* v8r : les étiquettes ne dépassent jamais de la carte */
#dxBureau .dx-doc13 .dx-tags13{right:12px;max-width:calc(100% - 24px);overflow:hidden;flex-wrap:nowrap}
#dxBureau .dx-doc13 .dx-tags13 b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* v8r : le chemin suffit (la couleur montre où on est) : plus de « vous êtes ici » */
.dx-fil13 b::after{content:none!important;display:none!important}
/* v8r : survoler un dossier = le même contour rouge que quand on le sélectionne */
@media (hover:hover){.dx-dossier13:hover .dx-dossier-sel,.dx-dossier13.dx-cible8 .dx-dossier-sel{opacity:1}.dx-dossier13:hover .dx-dossier-svg{filter:drop-shadow(0 10px 20px rgba(250,90,60,.28))}}
.dx-dossier13.dx-cible8{outline:none!important}.dx-dossier13.dx-cible8 .dx-dossier-sel{opacity:1}
/* v8s : message « serveur injoignable » */
.dx-hl8{position:fixed;left:50%;top:96px;transform:translateX(-50%);z-index:3500;width:min(640px,calc(100vw - 32px));display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;padding:14px 16px;border-radius:16px;background:#fff7ed;border:2px solid #fdba74;box-shadow:0 12px 30px rgba(31,42,90,.18);font:500 13.5px/1.4 Inter,sans-serif;color:#1f2a5a}
.dx-hl8 b{font-weight:800;font-size:15px;grid-column:1}.dx-hl8 span{grid-column:1}
.dx-hl8 button{grid-column:2;grid-row:1/3;height:40px;padding:0 16px;border:0;border-radius:12px;background:#fa5a3c;color:#fff;font:800 14px Inter,sans-serif;cursor:pointer}
@media (max-width:760px){.dx-hl8{top:74px;grid-template-columns:1fr}.dx-hl8 button{grid-column:1;grid-row:auto}}

/* v8t : le + seul, sans texte dessous */
#dxBureau.dx-grille8 .dx-plus8::after{content:none!important;display:none!important}
/* v8w : le bouton « − » du mode édition reste un petit rond (il ne s'étire plus sur toute la carte) */
#dxBureau .dx-bureau-zone>.dx-ico>.dx-moins8{position:absolute!important;width:24px!important;max-width:24px!important;min-width:24px!important;height:24px!important;left:-6px!important;top:-6px!important;right:auto!important;margin:0!important;z-index:40!important;aspect-ratio:auto!important}
#dxBureau .dx-bureau-zone>.dx-dossier13>.dx-moins8{left:4px!important;top:-2px!important}
/* v8x : une simple croix en haut à DROITE pour supprimer (mode édition téléphone) */
#dxBureau .dx-bureau-zone>.dx-ico>.dx-moins8,.dx-moins8{left:auto!important;right:-7px!important;top:-7px!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;border-radius:50%!important;border:0!important;background:#fff!important;color:#1f2a5a!important;box-shadow:0 2px 8px rgba(31,42,90,.28)!important;display:grid!important;place-items:center!important;padding:0!important;font-size:0!important}
#dxBureau .dx-bureau-zone>.dx-dossier13>.dx-moins8{right:6px!important;top:-4px!important;left:auto!important}
.dx-moins8 svg{display:block}
/* v8x : « synchronisation en attente » = une petite pastille discrète (plus de grand cadre) */
.dx-hl8{display:none!important}
.dx-hl8p{position:fixed;left:170px;bottom:22px;z-index:3400;display:flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 12px;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#1f2a5a;font:700 12.5px Inter,sans-serif;box-shadow:0 6px 18px rgba(31,42,90,.14);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dx-hl8p i{width:9px;height:9px;border-radius:50%;background:#f5a524;box-shadow:0 0 0 3px rgba(245,165,36,.25);animation:dxHl8 1.6s ease-in-out infinite}
.dx-hl8p.essai i{background:#2E9E55}
@keyframes dxHl8{50%{opacity:.4}}
@media (max-width:760px){.dx-hl8p{left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom));height:30px;font-size:12px}}
/* v8z : une fois arrivé, plus aucune animation d'apparition sur les icônes déjà là (pas de clignotement au redessin) */
body.dx-arrivee-faite:not(.dx-arrivee):not(.dx-edit8) #dxBureau .dx-bureau-zone>.dx-ico:not(.cible):not(.dx-cible8){animation:none}
body.dx-arrivee-faite:not(.dx-arrivee) .dx-recents14,body.dx-arrivee-faite:not(.dx-arrivee) .dx-types14{animation:none;opacity:1}
/* v9a TÉLÉPHONE : on peut TOUJOURS faire défiler en glissant sur les cartes (sauf en mode édition) */
@media (max-width:760px){body:not(.dx-edit8) #dxBureau .dx-bureau-zone>.dx-ico,body:not(.dx-edit8) #dxBureau .dx-bureau-zone>.dx-ico *{touch-action:pan-y!important}
  body.dx-edit8 #dxBureau .dx-bureau-zone>.dx-ico{touch-action:none!important}}
/* la carte portée */
.dx-porte8{filter:drop-shadow(0 16px 30px rgba(31,42,90,.28))!important;opacity:.96}
/* v9c : pastille « envoi en cours / documents qui ne partent pas » */
.dx-envoi8{bottom:62px!important}.dx-envoi8 i{background:#2E9E55!important;box-shadow:0 0 0 3px rgba(46,158,85,.22)!important}
.dx-envoi8.ko i{background:#e5484d!important;box-shadow:0 0 0 3px rgba(229,72,77,.22)!important;animation:none!important}
@media (max-width:760px){.dx-envoi8{bottom:calc(132px + env(safe-area-inset-bottom))!important}}

/* v1.60 — Agenda : le post-it défile dans sa hauteur et se déplace ; le logo garde sa taille */
.jr2-postit{touch-action:none;cursor:grab;max-width:calc(100vw - 20px)}
.jr2-postit.jr2-postit-g{cursor:grabbing;box-shadow:0 26px 54px rgba(60,50,0,.34)}
.jr2-postit-c{max-height:var(--h8,70vh);overflow-y:auto;overscroll-behavior:contain;margin:0 -10px;padding:0 10px 4px;touch-action:pan-y;scrollbar-width:thin}
.jr2-postit h4{cursor:grab;user-select:none;padding-right:34px}
.jr2-postit-l label,.jr2-postit-l input,.jr2-postit-nv input,.jr2-postit-tb a{cursor:auto}
.jr2-postit-tb a{cursor:pointer}
.jr2-titre{flex:none;min-width:0;max-height:100%;overflow:visible}
.jr2-titre img,.jr2-titre .docs-logo-img{height:42px!important;width:auto!important;max-width:150px!important;display:block;object-fit:contain;filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 1.6px rgba(255,255,255,.75))}
@media (max-width:700px){.jr2-titre img,.jr2-titre .docs-logo-img{height:30px!important;max-width:96px!important}}

/* ================= v1.60 — ÉTIQUETTES LAÉ ================= */
.etq{position:fixed;inset:0;z-index:520;display:flex;flex-direction:column;background:#eef0f6;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1f2a5a}
.etq[hidden]{display:none}
.etq-h{display:flex;align-items:center;gap:10px;height:60px;padding:0 14px;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d);color:#fff;flex:none}
.etq-rb{width:38px;height:38px;flex:none;border-radius:12px;border:0;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;cursor:pointer}
.etq-rb svg{width:20px;height:20px}
.etq-logo{display:flex;align-items:center;gap:8px;font:900 19px 'Londrina Solid',Inter,sans-serif;letter-spacing:.03em;white-space:nowrap;flex:none}
.etq-logo img{height:38px!important;width:auto!important;max-width:120px;display:block;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1.6px rgba(255,255,255,.75))}
.etq-titre{flex:1;min-width:60px;max-width:420px;height:38px;border:0;border-radius:11px;padding:0 12px;background:rgba(255,255,255,.18);color:#fff;font:700 15px Inter,sans-serif;outline:0}
.etq-titre:focus{background:#fff;color:#1f2a5a}
.etq-etat{font:600 12px Inter,sans-serif;opacity:.85;white-space:nowrap}
.etq-h-d{margin-left:auto;display:flex;gap:8px;align-items:center}
.etq-hb{height:38px;min-width:38px;padding:0 10px;border:0;border-radius:11px;background:rgba(255,255,255,.22);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:700 13px Inter,sans-serif;cursor:pointer}
.etq-hb:hover{background:rgba(255,255,255,.32)}
.etq-hb svg,.etq-imp svg{width:18px;height:18px}
.etq-imp{height:40px;padding:0 16px;border:0;border-radius:12px;background:#fff;color:#f0265c;font:800 14px Inter,sans-serif;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.12)}
.etq-corps{flex:1;display:flex;min-height:0}
.etq-rail{width:78px;flex:none;display:flex;flex-direction:column;gap:4px;padding:10px 6px;background:#1f2a5a}
.etq-rail button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;border:0;border-radius:12px;background:none;color:rgba(255,255,255,.72);font:700 10.5px Inter,sans-serif;cursor:pointer}
.etq-rail button svg{width:22px;height:22px}
.etq-rail button.on,.etq-rail button:hover{background:rgba(255,255,255,.12);color:#fff}
.etq-rail button.on{box-shadow:inset 3px 0 0 #ff8a3d}
.etq-pan{width:320px;flex:none;overflow-y:auto;background:#fff;border-right:1px solid #e3e6ef;padding:16px 16px 40px;box-sizing:border-box;overscroll-behavior:contain}
.etq-pan h3{margin:2px 0 6px;font:900 24px 'Londrina Solid',Inter,sans-serif;letter-spacing:.02em;color:#1f2a5a}
.etq-pan h3 small{font:700 12px Inter,sans-serif;color:#8a91ad;margin-left:6px}
.etq-pan h4{margin:18px 0 8px;font:800 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a91ad}
.etq-aide{margin:0 0 12px;font-size:13px;line-height:1.45;color:#5b6475}
.etq-dsg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.etq-ds{position:relative;display:flex;flex-direction:column;gap:3px;padding:7px 7px 8px;border:2px solid #e3e6ef;border-radius:14px;background:#fff;cursor:pointer;text-align:left;transition:transform .12s,border-color .12s}
.etq-ds:hover{transform:translateY(-2px);border-color:#c5cbe0}
.etq-ds.on{border-color:#f0265c;box-shadow:0 0 0 3px rgba(240,38,92,.15)}
.etq-ds b{margin-top:4px;font:700 12px Inter,sans-serif;color:#1f2a5a}
.etq-ds i{position:absolute;top:2px;right:6px;font-style:normal;font-weight:800;color:#8a91ad}
.etq-ex{display:block;aspect-ratio:4/1;overflow:hidden}
.etq-ex svg{display:block;width:100%;height:100%}
.etq-b2{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;margin-top:14px;border:0;border-radius:12px;background:linear-gradient(90deg,#f0265c,#fa5a3c);color:#fff;font:800 14px Inter,sans-serif;cursor:pointer;box-sizing:border-box}
.etq-b2 svg{width:18px;height:18px}
.etq-b3{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:38px;margin-top:8px;border:1.5px solid #e3e6ef;border-radius:12px;background:#fff;color:#1f2a5a;font:700 13px Inter,sans-serif;cursor:pointer}
.etq-b3 svg{width:16px;height:16px}
.etq-packs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;align-items:center}
.etq-packs span{font:700 12px Inter,sans-serif;color:#8a91ad}
.etq-packs button,.etq-chips button,.etq-classes button,.etq-seg button,.etq-ligne>button{height:30px;padding:0 11px;border:1.5px solid #e3e6ef;border-radius:999px;background:#fff;color:#1f2a5a;font:700 12px Inter,sans-serif;cursor:pointer}
.etq-packs button:hover{border-color:#fa5a3c;color:#fa5a3c}
.etq-chips{display:flex;flex-wrap:wrap;gap:6px}
.etq-chips button.on,.etq-classes button.on,.etq-seg button.on,.etq-ligne>button.on{background:#1f2a5a;border-color:#1f2a5a;color:#fff}
.etq-liste{display:flex;flex-direction:column;gap:3px}
.etq-li{display:flex;align-items:center;gap:6px;padding:4px;border-radius:12px;cursor:pointer}
.etq-li.on{background:#fff1ec;box-shadow:inset 0 0 0 1.5px #fa5a3c}
.etq-li-ic{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1.5px solid #e3e6ef;border-radius:10px;background:#fff;cursor:pointer;padding:0}
.etq-li-ic img{max-width:28px;max-height:28px}
.etq-li-ic i{font-style:normal;font-weight:800;color:#8a91ad}
.etq-li input{flex:1;min-width:0;height:36px;border:1.5px solid #e3e6ef;border-radius:10px;padding:0 10px;font:600 14px Inter,sans-serif;color:#1f2a5a;outline:0;background:#fff}
.etq-li input:focus{border-color:#fa5a3c}
.etq-li-x{width:28px;height:28px;flex:none;border:0;border-radius:8px;background:none;color:#8a91ad;font:800 18px/1 Inter,sans-serif;cursor:pointer;opacity:.6}
.etq-li-x:hover{opacity:1;background:#ffe9e9;color:#e0262f}
.etq-zone{position:relative;flex:1;overflow:auto;padding:28px 32px 120px;overscroll-behavior:contain}
.etq-pages{display:flex;flex-direction:column;align-items:center;gap:30px}
.etq-pw{position:relative;flex:none}
.etq-pz{transform-origin:0 0;width:210mm;height:297mm}
.etq-pn{position:absolute;left:0;right:0;bottom:-21px;text-align:center;font:700 11px Inter,sans-serif;color:#8a91ad}
.etq-page{position:relative;width:210mm;height:297mm;background:#fff;box-shadow:0 10px 30px rgba(31,42,90,.14);overflow:hidden;box-sizing:border-box}
.etq-grille{position:absolute;display:grid}
.etq-slot{position:relative;min-width:0;min-height:0}
.etq-slot svg{display:block;width:100%;height:100%}
.etq-zone .etq-slot{cursor:pointer}
.etq-zone .etq-slot:hover{outline:2px solid rgba(250,90,60,.5);outline-offset:-2px;z-index:1}
.etq-zone .etq-slot.sel{outline:3px solid #fa5a3c;outline-offset:-3px;z-index:2}
.etq-rep{position:absolute;background:#9aa3b8}
.etq-rep.h{height:.25mm}
.etq-rep.v{width:.25mm}
.etq-marque{position:absolute;left:0;right:0;bottom:2.2mm;text-align:center;font:600 7pt Inter,sans-serif;color:#b3b9c9}
.etq-flot{position:absolute;z-index:20;display:flex;align-items:center;gap:4px;padding:6px;border-radius:14px;background:#1f2a5a;box-shadow:0 12px 30px rgba(31,42,90,.35)}
.etq-flot[hidden]{display:none}
.etq-flot input[data-flot-t]{width:190px;height:34px;border:0;border-radius:9px;padding:0 10px;font:700 14px Inter,sans-serif;color:#1f2a5a;outline:0}
.etq-flot button{width:34px;height:34px;flex:none;border:0;border-radius:9px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.etq-flot button:hover{background:rgba(255,255,255,.22)}
.etq-flot button.d:hover{background:#e0262f}
.etq-flot button svg{width:17px;height:17px}
.etq-flot button svg[viewBox="0 0 64 64"]{width:24px;height:24px;background:#fff;border-radius:7px;padding:2px}
.etq-fc{position:relative;width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.1);cursor:pointer}
.etq-fc span{width:20px;height:20px;border-radius:6px;box-shadow:0 0 0 2px #fff}
.etq-fc input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.etq-ics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.etq-ics button{aspect-ratio:1;border:1.5px solid #e3e6ef;border-radius:12px;background:#fff;display:grid;place-items:center;cursor:pointer;padding:4px;transition:transform .1s,border-color .1s}
.etq-ics button:hover{border-color:#fa5a3c;transform:scale(1.05)}
.etq-ics img{max-width:80%;max-height:80%}
.etq-ic0 svg{width:24px;height:24px;color:#8a91ad}
.etq-cherche,.etq-noms{width:100%;box-sizing:border-box;border:1.5px solid #e3e6ef;border-radius:12px;padding:9px 12px;font:600 14px Inter,sans-serif;color:#1f2a5a;outline:0;background:#fff}
.etq-cherche:focus,.etq-noms:focus{border-color:#fa5a3c}
.etq-noms{resize:vertical;line-height:1.5}
.etq-lab{display:block;margin:14px 0 6px;font:700 12.5px Inter,sans-serif;color:#5b6475}
.etq-pan input[type=range]{width:100%;accent-color:#fa5a3c}
.etq-bas{position:relative;display:flex;align-items:center;gap:10px;margin:10px 0;font:600 13px Inter,sans-serif;cursor:pointer}
.etq-bas input{position:absolute;opacity:0;pointer-events:none}
.etq-bas span{width:36px;height:20px;border-radius:999px;background:#d5d9e6;position:relative;flex:none;transition:background .15s}
.etq-bas span::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.etq-bas input:checked+span{background:#fa5a3c}
.etq-bas input:checked+span::after{transform:translateX(16px)}
.etq-coul{display:flex;flex-wrap:wrap;gap:8px}
.etq-coul label{position:relative;width:38px;height:38px;border-radius:12px;box-shadow:inset 0 0 0 1.5px rgba(31,42,90,.18);cursor:pointer}
.etq-coul input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.etq-coul i{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#1f2a5a;color:#fff;font:800 12px/18px Inter,sans-serif;text-align:center;font-style:normal;z-index:1}
.etq-coul button{width:38px;height:38px;border:1.5px dashed #c5cbe0;border-radius:12px;background:#fff;font:800 18px Inter,sans-serif;color:#8a91ad;cursor:pointer}
.etq-polices{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.etq-polices button{height:44px;border:1.5px solid #e3e6ef;border-radius:12px;background:#fff;color:#1f2a5a;font-size:19px;cursor:pointer;overflow:hidden;white-space:nowrap}
.etq-polices button.on{border-color:#f0265c;box-shadow:0 0 0 3px rgba(240,38,92,.15)}
.etq-ligne{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.etq-pc{position:relative;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 4px;border:1.5px solid #e3e6ef;border-radius:999px;font:700 12px Inter,sans-serif;cursor:pointer}
.etq-pc span{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(31,42,90,.15)}
.etq-pc input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.etq-classes{display:flex;flex-wrap:wrap;gap:6px}
.etq-classes small{opacity:.6}
.etq-vide{padding:12px;border-radius:12px;background:#f4f5fa;font:600 13px Inter,sans-serif;color:#5b6475}
.etq-seg{display:flex;gap:6px;margin-bottom:6px}
.etq-up{position:relative}
.etq-voile{position:fixed;inset:0;z-index:600;background:rgba(31,42,90,.45);display:grid;place-items:center;padding:16px;animation:dxPop .2s both}
.etq-boite{width:min(460px,100%);background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.3);box-sizing:border-box}
.etq-boite h3{margin:0 0 14px;font:900 28px 'Londrina Solid',Inter,sans-serif;color:#1f2a5a}
.etq-choix{display:flex;align-items:center;gap:14px;width:100%;padding:12px;margin-bottom:8px;border:1.5px solid #e3e6ef;border-radius:16px;background:#fff;text-align:left;cursor:pointer}
.etq-choix svg{flex:none}
.etq-choix:hover{border-color:#fa5a3c;background:#fff8f5}
.etq-choix b{display:block;font:800 15px Inter,sans-serif;color:#1f2a5a}
.etq-choix small{display:block;font:500 12.5px/1.4 Inter,sans-serif;color:#5b6475;margin-top:2px}
.etq-fin{display:flex;justify-content:flex-end}
.etq-fin .etq-b3{width:auto;padding:0 16px}
.etq-toast{position:fixed;left:50%;bottom:28px;z-index:700;transform:translateX(-50%);padding:12px 18px;border-radius:14px;background:#1f2a5a;color:#fff;font:700 14px/1.3 Inter,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.25);max-width:calc(100vw - 32px);text-align:center;animation:dxPop .2s both}
.etq-mini{position:relative;overflow:hidden;background:#fff}
.etq-mini .etq-page{position:absolute;left:0;top:0;transform-origin:0 0;box-shadow:none}
#etqImp{display:none}
@media (max-width:760px){
  .etq-h{height:54px;padding:0 8px;gap:6px}
  .etq-logo b,.etq-etat,.etq-hb span,.etq-imp span{display:none}
  .etq-logo img{height:26px!important}
  .etq-titre{height:34px;font-size:14px}
  .etq-hb{height:34px;min-width:34px;padding:0 8px}
  .etq-imp{height:36px;padding:0 11px}
  .etq-corps{flex-direction:column}
  .etq-rail{order:3;width:auto;flex-direction:row;justify-content:space-around;gap:2px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));position:relative;z-index:3}
  .etq-rail button{flex:1;padding:6px 2px}
  .etq-rail button.on{box-shadow:inset 0 3px 0 #ff8a3d}
  .etq-pan{order:2;display:none;width:auto;max-height:52vh;border-right:0;border-top:1px solid #e3e6ef;box-shadow:0 -10px 30px rgba(31,42,90,.12);border-radius:18px 18px 0 0;padding:14px 14px 20px}
  .etq.etq-pan-ouvert .etq-pan{display:block}
  .etq-zone{order:1;padding:14px 12px 40px}
  .etq-ics{grid-template-columns:repeat(5,1fr)}
  .etq-flot.bas{position:fixed;left:8px;right:8px;bottom:calc(70px + env(safe-area-inset-bottom));overflow-x:auto}
  .etq-flot.bas input[data-flot-t]{width:auto;flex:1;min-width:110px}
}
@media print{
  html.etq-imp body>*:not(#etqImp){display:none!important}
  html.etq-imp body{background:#fff!important;margin:0!important;padding:0!important}
  html.etq-imp #etqImp{display:block!important}
  html.etq-imp{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #etqImp .etq-page{box-shadow:none;page-break-after:always;break-after:page}
  #etqImp .etq-page:last-child{page-break-after:auto;break-after:auto}
}
@media (max-width:760px){html.etq-ouvert #dxVersion,html.etq-ouvert .lae-sv-fab,html.etq-ouvert #dxEnvoi8{display:none!important}}
html.etq-ouvert .dxt-carte{display:none!important}

/* ============================================================
   v1.67 — LA RECHERCHE À DEUX COLONNES (partout) : à gauche mes documents, à droite le site
   ============================================================ */
.r2{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%;min-height:0;font-family:Inter,sans-serif;color:#1f2a5a}
.r2-col{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e8eaf3;border-radius:14px;overflow:hidden}
.r2-lae{background:#fffaf6;border-color:#f6dccf}
.r2-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #eef0f6;flex:0 0 auto}
.r2-h b{display:inline-flex;align-items:center;gap:6px;font:800 13.5px Inter,sans-serif}
.r2-h b svg{width:17px;height:17px}
.r2-lae .r2-h b{color:#fa5a3c}
.r2-h small{font:700 11.5px Inter,sans-serif;color:#8a91ad}
.r2-l{flex:1;min-height:0;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}
.r2-i{display:flex;align-items:flex-start;gap:9px;padding:7px 8px;border-radius:10px;text-decoration:none;color:inherit;cursor:grab;border:1px solid transparent;background:#fff}
.r2-i:hover{border-color:#ffd2c2;background:#fff7f2;box-shadow:0 4px 12px rgba(250,90,60,.1)}
.r2-i:active{cursor:grabbing}
.r2-v{flex:0 0 44px;height:44px;border-radius:9px;background:#f2f4fa;display:grid;place-items:center;overflow:hidden;color:#5a6385}
.r2-v img{width:100%;height:100%;object-fit:cover}
.r2-v svg{width:22px;height:22px}
.r2-i.t-tableur .r2-v{background:#e5f6ea;color:#27ae60}.r2-i.t-eval .r2-v{background:#fde2ea;color:#f0265c}.r2-i.t-doc .r2-v{background:#fff1ea;color:#fa5a3c}.r2-i.t-dossier .r2-v{background:#fff6cc;color:#c99700}
.r2-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.r2-ty{font:800 10px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#8a91ad}
.r2-t b{font:800 13px/1.25 Inter,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.r2-ex{font:500 11.5px/1.35 Inter,sans-serif;color:#5a6385;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.r2 mark,.r2 .dx-fluo{background:#ffe58a;color:inherit;border-radius:3px;padding:0 1px}
.r2-rien{margin:10px;color:#8a91ad;font:600 12.5px Inter,sans-serif}
.r2-etroit .r2-v{flex-basis:34px;height:34px}.r2-etroit .r2-ex{display:none}
@media (max-width:700px){.r2{grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr)}}

/* ============================================================
   v1.67 — AGENDA LAÉ : vues, agendas en couleurs, ressources à glisser, corners, partage
   ============================================================ */
.jr3 .jr3-h{gap:12px}
.jr3-vues{display:flex;gap:2px;padding:3px;border-radius:12px;background:rgba(255,255,255,.18)}
.jr3-vues button{height:32px;padding:0 13px;border:0;border-radius:9px;background:none;color:#fff;font:800 13px Inter,sans-serif;cursor:pointer}
.jr3-vues button.on{background:#fff;color:#fa5a3c;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.jr3-nav{display:flex;align-items:center;gap:6px;min-width:0}
.jr3-nav .cl-b{background:rgba(255,255,255,.2)!important;color:#fff!important}
.jr3-nav .jr2-auj{margin-left:0}
.jr3-per{font:800 14.5px Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:6px}
.jr3-part-b{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:10px;background:#fff;color:#fa5a3c;font:800 13px Inter,sans-serif;cursor:pointer}
.jr3-part-b svg{width:16px;height:16px}
.jr3-sous{flex:0 0 auto;background:linear-gradient(90deg,#f0265c,#fa5a3c 55%,#ff8a3d)}
.jr3-sous .jr2-mtabs{margin:0;padding:0 12px 8px}
.jr3-sous .jr2-onglets{border-top:0}
.jr3-corps{flex:1;min-height:0;display:grid;grid-template-columns:232px minmax(0,1fr) 300px;position:relative}
@media (min-width:901px){
.jr3-corps.sans-g .jr3-g>*:not(.jr3-g-h),.jr3-corps.sans-d .jr3-d>*:not(.jr3-d-h){display:none!important}
.jr3-corps.sans-g .jr3-g-h b,.jr3-corps.sans-d .jr3-d-h b{display:none}
.jr3-corps.sans-g .jr3-g-h .jr3-mini svg,.jr3-corps.sans-d .jr3-d-h .jr3-mini svg{transform:scaleX(-1)}
}
.jr3-corps.sans-g{grid-template-columns:44px minmax(0,1fr) 300px}
.jr3-corps.sans-d{grid-template-columns:232px minmax(0,1fr) 44px}
.jr3-corps.sans-g.sans-d{grid-template-columns:44px minmax(0,1fr) 44px}
.jr3-m{display:flex;flex-direction:column;min-width:0;min-height:0}
.jr3-vue{flex:1;min-height:0;overflow:auto;padding:0 0 30px}
.jr3-mini{width:28px;height:28px;border-radius:8px;border:0;background:#f2f4fa;color:#5a6385;cursor:pointer;display:grid;place-items:center;font:900 14px Inter,sans-serif;flex:0 0 auto}
.jr3-mini svg{width:15px;height:15px}
.jr3-aide{font:600 11.5px/1.45 Inter,sans-serif;color:#8a91ad;margin:12px 4px 0}
/* à gauche : les agendas */
.jr3-g{background:#fff;border-right:1px solid #e8eaf3;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.jr3-g-h,.jr3-d-h{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}
.jr3-g-h b,.jr3-d-h b{font:900 14px Inter,sans-serif}
.jr3-ag{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:10px;background:color-mix(in srgb,var(--c) 8%,#fff)}
.jr3-ag.cache{opacity:.5}
.jr3-pt{width:14px;height:14px;border-radius:50%;background:var(--c);flex:0 0 auto;cursor:pointer;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,#fff);display:inline-block;vertical-align:middle}
.jr3-ag-n{flex:1;min-width:0;display:flex;flex-direction:column}
.jr3-ag-n b{font:800 12.5px Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jr3-ag-n small{font:600 10.5px Inter,sans-serif;color:#8a91ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jr3-oeil,.jr3-cad{width:26px;height:26px;border:0;border-radius:7px;background:none;color:#5a6385;cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
.jr3-oeil svg,.jr3-cad svg{width:15px;height:15px}.jr3-oeil s{display:grid;place-items:center;opacity:.5}
.jr3-nv{display:flex;align-items:center;gap:6px;margin-top:6px;padding:8px 10px;border:1.5px dashed #d9dcea;border-radius:10px;background:none;color:#5a6385;font:800 12.5px Inter,sans-serif;cursor:pointer;text-align:left}
.jr3-nv:hover{border-color:#fa5a3c;color:#fa5a3c}.jr3-nv svg{width:15px;height:15px}
.jr3-nv.ecole{border-style:solid;border-color:#1f2a5a;color:#1f2a5a}
/* à droite : les ressources */
.jr3-d{background:#fff;border-left:1px solid #e8eaf3;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:0;z-index:5}
.jr3-d.jr3-d-large{position:absolute;right:0;top:0;bottom:0;width:min(760px,94vw);box-shadow:-18px 0 40px rgba(31,42,90,.16)}
.jr3-q{position:relative;flex:0 0 auto!important;margin:0!important;height:38px!important;order:0!important;max-width:none!important}.jr3-q input{width:100%}
.jr3-q button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#f2f4fa;border-radius:50%;width:22px;height:22px;cursor:pointer;font:800 13px Inter,sans-serif;color:#5a6385}
.jr3-d-tabs{display:flex;gap:4px;padding:3px;border-radius:11px;background:#f2f4fa}
.jr3-d-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;height:32px;border:0;border-radius:9px;background:none;color:#5a6385;font:800 12px Inter,sans-serif;cursor:pointer}
.jr3-d-tabs button svg{width:14px;height:14px}
.jr3-d-tabs button.on{background:#fff;color:#fa5a3c;box-shadow:0 1px 4px rgba(31,42,90,.1)}
.jr3-d-c{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.jr3-d-r{flex:1;min-height:0}
.jr3-fil{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font:700 12px Inter,sans-serif;color:#8a91ad}
.jr3-fil button{border:0;background:none;color:#5a6385;font:800 12px Inter,sans-serif;cursor:pointer;padding:3px 5px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}
.jr3-fil button svg{width:13px;height:13px}.jr3-fil button:hover{background:#f2f4fa;color:#fa5a3c}
.jr3-parc{display:flex;flex-direction:column;gap:3px}
.jr3-dos{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;border:0;background:color-mix(in srgb,var(--c) 14%,#fff);color:#1f2a5a;cursor:pointer;text-align:left;font:800 12.5px Inter,sans-serif}
.jr3-dos svg{width:18px;height:18px;color:var(--c)}
.jr3-filtres{display:flex;flex-wrap:wrap;gap:4px}
.jr3-filtres button{height:26px;padding:0 9px;border-radius:999px;border:1px solid #e3e6f0;background:#fff;font:800 11px Inter,sans-serif;color:#5a6385;cursor:pointer}
.jr3-filtres button.on{background:#fa5a3c;border-color:#fa5a3c;color:#fff}
.jr3-filtres select{flex:1 1 100%;height:30px;border-radius:9px;border:1px solid #e3e6f0;font:600 12px Inter,sans-serif;padding:0 6px}
.jr3-sugg{margin:0;font:700 11.5px Inter,sans-serif;color:#fa5a3c}
/* les cases : divisées, événements des autres agendas, glisser */
.jr3-t thead th{vertical-align:top}
.jr3-v-jour .jr3-t{width:100%}.jr3-v-jour .jr3-t thead th:not(.jr2-coin){min-width:420px}
.jr3-v-jour .jr2-c{height:calc(76px * var(--z))}
.jr3-jt.selj{box-shadow:inset 0 -3px 0 #fa5a3c}
.jr3-jt [data-jr3-selj]{cursor:pointer}
.jr3-jev{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px;align-items:center}
.jr3-evj{display:inline-block;max-width:100%;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--c) 16%,#fff);color:color-mix(in srgb,var(--c) 75%,#1f2a5a);font:800 11px Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border:1px solid color-mix(in srgb,var(--c) 30%,#fff)}
.jr3-evj-nv{width:20px;height:20px;border-radius:50%;border:1.5px dashed #c6cbe0;background:none;color:#8a91ad;cursor:pointer;font:900 13px/1 Inter,sans-serif;padding:0;opacity:.6}
.jr3-jt:hover .jr3-evj-nv{opacity:1}
.jr2-t thead th.auj .jr3-evj-nv{border-color:#fff;color:#fff}
.jr3-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;min-height:100%}
.jr3-parts.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.jr3-v-semaine .jr3-parts.n3{grid-template-columns:repeat(2,minmax(0,1fr))}
.jr3-part{position:relative;border:1.5px solid #e3e6f0;border-radius:9px;background:rgba(255,255,255,.85);min-height:44px}
.jr3-part .jr2-ed{padding:6px 7px}
.jr3-part-x{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:0;background:#1f2a5a;color:#fff;font:900 12px/1 Inter,sans-serif;cursor:pointer;opacity:0;transition:opacity .15s}
.jr3-part:hover .jr3-part-x{opacity:1}
.jr3-ev{margin:4px;border-radius:9px;border-left:4px solid var(--c);background:color-mix(in srgb,var(--c) 9%,#fff)}
.jr3-ev-n{display:block;padding:4px 8px 0;font:800 10.5px Inter,sans-serif;color:color-mix(in srgb,var(--c) 80%,#1f2a5a)}
.jr3-ev .jr2-ed{padding:3px 8px 6px;min-height:0}
.jr3-drop{box-shadow:inset 0 0 0 3px #fa5a3c!important;background:#fff4ee!important}
/* corners */
.jr3-cor{margin:4px;padding:7px;border-radius:12px;border:1.5px solid #f6d3c6;background:#fffaf7}
.jr3-cor-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.jr3-cor-h b{font:900 12.5px Inter,sans-serif;color:#fa5a3c}
.jr3-cor-h span{flex:1;font:700 11px Inter,sans-serif;color:#8a91ad;min-width:120px}
.jr3-cor-h button{height:24px;padding:0 9px;border-radius:7px;border:0;background:#fa5a3c;color:#fff;font:800 11px Inter,sans-serif;cursor:pointer}
.jr3-cor-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.jr3-v-jour .jr3-cor-g.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.jr3-v-jour .jr3-cor-g.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.jr3-cor-b{background:#fff;border-radius:10px;border:1px solid #eef0f6;border-top:4px solid var(--c);padding:6px 8px;font-size:.9em;min-width:0}
.jr3-cor-t{display:flex;align-items:center;gap:6px}
.jr3-cor-t i{width:20px;height:20px;border-radius:50%;background:var(--c);color:#fff;font:900 11px/20px Inter,sans-serif;font-style:normal;text-align:center;flex:0 0 auto}
.jr3-cor-t b{font-weight:900;color:#1f2a5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jr3-cor-b p{margin:4px 0 0;color:#5a6385;font-size:.92em;line-height:1.35}
.jr3-cor-l{margin-top:4px;font-size:.92em}.jr3-cor-l a{color:#fa5a3c;font-weight:700}
.jr3-cor-gr{margin-top:6px;padding:5px 7px;border-radius:8px;background:color-mix(in srgb,var(--g) 13%,#fff);border:1px solid color-mix(in srgb,var(--g) 28%,#fff)}
.jr3-cor-gr small{display:block;font:800 9.5px Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#8a91ad}
.jr3-cor-gr b{display:block;font:900 12px Inter,sans-serif;color:color-mix(in srgb,var(--g) 80%,#1f2a5a)}
.jr3-cor-gr span{display:block;font:600 11px/1.35 Inter,sans-serif;color:#1f2a5a}
.jr3-cor-gr.vide{background:#f8f9fc;border-color:#eef0f6}
.jr3-rot{width:100%;margin-top:8px;border-collapse:separate;border-spacing:3px;font:600 12px Inter,sans-serif}
.jr3-rot th{padding:5px 7px;border-radius:7px;background:color-mix(in srgb,var(--c,#1f2a5a) 14%,#fff);color:#1f2a5a;font-weight:900;text-align:left;font-size:11.5px}
.jr3-rot td{padding:4px 6px;background:#fff;border-radius:7px;border:1px solid #eef0f6}
.jr3-rot td small{display:block;color:#8a91ad;font-size:10.5px}
.jr3-chip-g{display:inline-block;margin:1px 2px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--g) 18%,#fff);color:color-mix(in srgb,var(--g) 80%,#1f2a5a);font-weight:800;font-size:11px}
/* le mois */
.jr3-mois{padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:640px}
.jr3-mh,.jr3-mw{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px}
.jr3-mh b{font:900 12px Inter,sans-serif;color:#8a91ad;padding:0 6px}
.jr3-mj{min-height:118px;background:#fff;border:1px solid #e8eaf3;border-radius:12px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:3px;overflow:hidden;transition:box-shadow .15s}
.jr3-mj:hover{box-shadow:0 6px 18px rgba(31,42,90,.1)}
.jr3-mj.hors{opacity:.45}.jr3-mj.cg{background:#f8f4ff}
.jr3-mj.auj{border-color:#fa5a3c;box-shadow:0 0 0 2px #fa5a3c}
.jr3-mj-h{display:flex;align-items:center;gap:6px}
.jr3-mj-h b{font:900 15px Inter,sans-serif}.jr3-mj.auj .jr3-mj-h b{color:#fa5a3c}
.jr3-mj-h small{flex:1;font:700 10.5px Inter,sans-serif;color:#8e44ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jr3-mj-h i{font-style:normal;min-width:18px;height:18px;border-radius:999px;background:#fff7c2;color:#7a5b00;font:900 10.5px/18px Inter,sans-serif;text-align:center;margin-left:auto}
.jr3-mj-e{font:600 11px/1.3 Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 6px;border-radius:6px;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 7%,#fff)}
.jr3-mj-e b{font-weight:900}
.jr3-mj-plus{font:800 10.5px Inter,sans-serif;color:#8a91ad}
/* l'année */
.jr3-v-annee{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;padding:12px}
.jr3-an{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;align-content:start}
.jr3-am{background:#fff;border:1px solid #e8eaf3;border-radius:14px;padding:10px}
.jr3-am-t{display:block;width:100%;border:0;background:none;text-align:left;font:900 13.5px Inter,sans-serif;color:#1f2a5a;cursor:pointer;margin-bottom:6px;padding:0}
.jr3-am-t:hover{color:#fa5a3c}
.jr3-am-j{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.jr3-am-j>i{font:800 9.5px Inter,sans-serif;color:#b3b8cf;font-style:normal}
.jr3-ad{position:relative;height:25px;border:0;border-radius:6px;background:none;font:700 11px Inter,sans-serif;color:#1f2a5a;cursor:pointer;padding:0}
.jr3-ad:hover{background:#fff1ea}
.jr3-ad.hors{visibility:hidden}.jr3-ad.we{color:#b3b8cf}.jr3-ad.cg{background:#efe6ff;color:#8e44ad}
.jr3-ad.plein::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#fa5a3c}
.jr3-ad.auj{background:#fa5a3c;color:#fff}
.jr3-ad span{position:absolute;top:1px;right:1px;display:flex;gap:1px}.jr3-ad span i{width:5px;height:5px;border-radius:50%;background:var(--c)}
.jr3-an-l{background:#fff;border:1px solid #e8eaf3;border-radius:14px;padding:12px;align-self:start;position:sticky;top:0;max-height:100%;overflow:auto}
.jr3-an-l h4{margin:0 0 8px;font:900 13.5px Inter,sans-serif}
.jr3-an-l h4:not(:first-child){margin-top:14px}
.jr3-an-e{display:grid;grid-template-columns:52px 1fr;gap:0 8px;width:100%;padding:6px 8px;margin-bottom:4px;border:0;border-left:4px solid var(--c);border-radius:8px;background:color-mix(in srgb,var(--c) 8%,#fff);text-align:left;cursor:pointer;font-family:Inter,sans-serif;color:#1f2a5a}
.jr3-an-e b{grid-row:span 2;font:900 12px Inter,sans-serif}.jr3-an-e span{font:700 12px Inter,sans-serif}.jr3-an-e small{font:600 10.5px Inter,sans-serif;color:#8a91ad}
.jr3-an-c{display:flex;gap:8px;padding:4px 0;font:600 12px Inter,sans-serif;border-bottom:1px solid #f2f4fa}.jr3-an-c b{flex:0 0 auto;color:#8e44ad;font-weight:900}
/* fenêtres : partage, agendas, corners */
.jr3-pop{position:fixed;z-index:600;display:grid;grid-template-columns:repeat(4,24px);gap:6px;padding:10px;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(31,42,90,.2)}
.jr3-pop button{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #e3e6f0;cursor:pointer}
.jr3-pq{display:flex;flex-direction:column;gap:6px}
.jr3-pq label{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1.5px solid #e3e6f0;border-radius:12px;cursor:pointer}
.jr3-pq label:has(input:checked){border-color:#fa5a3c;background:#fff7f2}
.jr3-pq label span{display:flex;flex-direction:column}.jr3-pq label b{font:800 13.5px Inter,sans-serif}.jr3-pq label small{font:600 12px Inter,sans-serif;color:#8a91ad}
.jr3-pq input{accent-color:#fa5a3c}
.jr3-pr{flex-direction:row;flex-wrap:wrap}.jr3-pr label{flex:1}
.jr3-pp{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.jr3-pp button{height:28px;padding:0 10px;border-radius:999px;border:1px solid #e3e6f0;background:#fff;font:700 12px Inter,sans-serif;color:#1f2a5a;cursor:pointer}
.jr3-pp button.on{background:#1f2a5a;color:#fff;border-color:#1f2a5a}
.jr3-cc{display:flex;gap:8px;flex-wrap:wrap}.jr3-cc input{display:none}.jr3-cc i{display:block;width:26px;height:26px;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 0 0 1px #e3e6f0}
.jr3-cc input:checked+i{box-shadow:0 0 0 3px #1f2a5a}
.jr3-inv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.jr3-inv li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:#f8f9fc}
.jr3-inv b{font:800 13px Inter,sans-serif}.jr3-inv small{flex:1;font:600 11.5px Inter,sans-serif;color:#8a91ad}
.jr3-ce-boite{max-width:980px!important}
.jr3-ce h5{margin:16px 0 8px}
.jr3-ce-r{display:flex;flex-wrap:wrap;gap:12px}
.jr3-ce-r label{display:flex;align-items:center;gap:6px;font:700 13px Inter,sans-serif}
.jr3-ce-r input{height:34px;border:1px solid #e3e6f0;border-radius:9px;padding:0 8px;font:700 13px Inter,sans-serif;width:auto;max-width:110px}
.jr3-ce-at{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.jr3-ce-a{position:relative;display:flex;flex-direction:column;gap:5px;padding:10px 10px 10px 36px;border-radius:12px;background:#fff;border:1px solid #eef0f6;border-top:4px solid var(--c)}
.jr3-ce-a>i{position:absolute;left:9px;top:10px;width:20px;height:20px;border-radius:50%;background:var(--c);color:#fff;font:900 11px/20px Inter,sans-serif;font-style:normal;text-align:center}
.jr3-ce-a input,.jr3-ce-a textarea{border:1px solid #e3e6f0;border-radius:8px;padding:6px 8px;font:600 13px Inter,sans-serif;resize:vertical}
.jr3-ce-a input{font-weight:800}.jr3-ce-a textarea{min-height:52px}
.jr3-ce-cl{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.jr3-ce-cl select{height:32px;border:1px solid #e3e6f0;border-radius:9px;font:700 12.5px Inter,sans-serif;padding:0 6px}
.jr3-ce-gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.jr3-ce-g{padding:8px;border-radius:12px;background:color-mix(in srgb,var(--g) 8%,#fff);border:1.5px solid color-mix(in srgb,var(--g) 30%,#fff);min-height:90px}
.jr3-ce-g.cible{outline:2px dashed color-mix(in srgb,var(--g) 60%,#fff);cursor:pointer}
.jr3-ce-gh{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.jr3-ce-gh input{flex:1;min-width:0;border:0;background:none;font:900 13px Inter,sans-serif;color:color-mix(in srgb,var(--g) 80%,#1f2a5a)}
.jr3-ce-gh small{font:700 10.5px Inter,sans-serif;color:#8a91ad;white-space:nowrap}
.jr3-ce-el{display:flex;flex-wrap:wrap;gap:4px;min-height:24px}
.jr3-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--g) 35%,#fff);font:700 12px Inter,sans-serif;cursor:grab;user-select:none}
.jr3-chip.on{background:var(--g);color:#fff}
.jr3-chip b{font-size:11px;opacity:.5;cursor:pointer}.jr3-chip b:hover{opacity:1}
.jr3-ce-aj{margin-top:6px;width:100%;height:28px;border:1px dashed #c6cbe0;border-radius:8px;padding:0 8px;font:600 12px Inter,sans-serif;background:transparent}
.jr3-mob{display:none}
@media (max-width:1180px){.jr3-corps{grid-template-columns:200px minmax(0,1fr) 260px}.jr3-per{display:none}}
@media (max-width:900px){
  .jr3-corps,.jr3-corps.sans-g,.jr3-corps.sans-d,.jr3-corps.sans-g.sans-d{grid-template-columns:minmax(0,1fr)}
  .jr3-g,.jr3-d{position:absolute;top:0;bottom:0;z-index:30;width:min(330px,88vw);box-shadow:0 0 40px rgba(31,42,90,.22);display:none}
  .jr3-g{left:0}.jr3-d{right:0}
  .jr3-corps.m-g .jr3-g,.jr3-corps.m-d .jr3-d{display:flex}
  .jr3-mob{display:flex;gap:6px;padding:0 12px 8px}
  .jr3-mob button{height:30px;padding:0 12px;border-radius:9px;border:0;background:rgba(255,255,255,.22);color:#fff;font:800 12px Inter,sans-serif}
  .jr3-vues button{padding:0 9px;font-size:12px}
  .jr3 .jr2-h-d .cl-b[data-jr=zm],.jr3 .jr2-h-d .cl-b[data-jr=zp],.jr3-part-b span{display:none}
  .jr3-v-annee{grid-template-columns:1fr}
  .jr3-v-jour .jr3-t thead th:not(.jr2-coin){min-width:260px}
}
@media print{body.jr-impression .jr3-g,body.jr-impression .jr3-d,body.jr-impression .jr3-sous,body.jr-impression .jr3-evj-nv{display:none!important}body.jr-impression .jr3-corps{display:block}body.jr-impression .jr3-vue{overflow:visible}}
.jr3-v-semaine .jr3-part .jr2-ed:not(:focus){font-size:.84em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jr3-v-semaine .jr3-parts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.jr3-part .jr2-ed a{word-break:break-word}
/* corners en vue Semaine : une liste compacte (le détail complet est en vue Jour) */
.jr3-v-semaine .jr3-cor-g{grid-template-columns:1fr!important;gap:4px}
.jr3-v-semaine .jr3-cor-b{padding:4px 6px;border-top-width:0;border-left:4px solid var(--c)}
.jr3-v-semaine .jr3-cor-b p,.jr3-v-semaine .jr3-cor-gr small{display:none}
.jr3-v-semaine .jr3-cor-t i{width:16px;height:16px;font-size:9.5px;line-height:16px}
.jr3-v-semaine .jr3-cor-gr{margin-top:3px;padding:2px 5px}
.jr3-v-semaine .jr3-cor-gr b{display:inline;font-size:10.5px}
.jr3-v-semaine .jr3-cor-gr span{display:inline;font-size:10.5px}
.jr3-v-semaine .jr3-cor-gr b::after{content:" · "}
.jr3-v-semaine .jr3-cor-h span{min-width:0;font-size:10px}
/* l'éditeur : la recherche à deux colonnes par-dessus la page */
.dx-simr2{position:fixed;z-index:80;right:16px;top:118px;bottom:16px;width:min(760px,94vw);display:flex;flex-direction:column;gap:8px;padding:10px;background:#f6f7fb;border-radius:18px;box-shadow:0 24px 60px rgba(31,42,90,.25);border:1px solid #e3e6f0}
.dx-simr2 header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px}
.dx-simr2 header b{display:inline-flex;align-items:center;gap:6px;font:800 14px Inter,sans-serif;color:#1f2a5a}
.dx-simr2 header b svg{width:16px;height:16px}
.dx-simr2 header button{width:30px;height:30px;border-radius:50%;border:0;background:#fff;cursor:pointer;display:grid;place-items:center;color:#5a6385}
.dx-simr2 header button svg{width:15px;height:15px}
.dx-simr2-c{flex:1;min-height:0}
@media (max-width:900px){
  .jr3 .jr3-h{flex-wrap:wrap;height:auto;padding:8px 10px;row-gap:8px}
  .jr3 .jr3-h .jr2-titre{display:none}
  .jr3-vues{order:3;flex:1 1 100%;justify-content:space-between}
  .jr3-vues button{flex:1}
  .jr3-nav{order:2;flex:0 0 auto}
  .jr3-nav .cl-b{min-width:34px}
  .jr3 .jr2-h-d{order:2;margin-left:auto}
  .jr3 .jr2-h-d .cl-b[data-jr=imprimer]{display:none}
  .jr3-sous{display:flex;flex-direction:column}
  .jr3-mob{order:-1;padding-top:8px}
  .jr3 .jr2-barre .jr2-pal{display:none}
}
/* v1.67 — dates importantes (à droite en vue Mois et Année) : une date = une ligne, même couleur que dans le calendrier */
.jr3-v-annee{grid-template-columns:1fr!important}
.jr3-dates-t{margin:0;font:800 12.5px Inter,sans-serif;color:#8a91ad}
.jr3-leg{display:flex;flex-wrap:wrap;gap:4px 10px;padding:6px 0;border-bottom:1px solid #eef0f6}
.jr3-leg span{display:inline-flex;align-items:center;gap:5px;font:700 11px Inter,sans-serif;color:#5a6385}
.jr3-leg i,.jr3-di i{width:10px;height:10px;border-radius:50%;background:var(--c);flex:0 0 auto}
.jr3-dl{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}
.jr3-di{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 6px;border:0;border-bottom:1px solid #f2f4fa;background:none;cursor:pointer;text-align:left;font-family:Inter,sans-serif;color:#1f2a5a;white-space:nowrap;overflow:hidden}
.jr3-di:hover{background:color-mix(in srgb,var(--c) 8%,#fff)}
.jr3-di b{flex:0 0 auto;font:800 12px Inter,sans-serif;color:color-mix(in srgb,var(--c) 75%,#1f2a5a)}
.jr3-di span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font:600 12.5px Inter,sans-serif}
.jr3-burger,.jr3-res-ic,.jr3-vue-b,.jr3-fab,.jr3-auj-c{display:none}
.jr3-vue-b{height:34px;padding:0 12px;border-radius:999px;border:1px solid #dadce0;background:#fff;color:#3c4043;font:800 12.5px Inter,sans-serif}
.jr3-pop-v{grid-template-columns:1fr;width:160px;padding:6px}
.jr3-pop-v button{width:100%;height:38px;border-radius:9px;border:0;box-shadow:none;background:none;text-align:left;padding:0 12px;font:700 14px Inter,sans-serif;color:#3c4043;cursor:pointer}
.jr3-pop-v button.on{background:#fff1ea;color:#fa5a3c}
/* ============ TÉLÉPHONE : façon Google Agenda (vue d'ensemble, dézoomée, simple) ============ */
@media (max-width:760px){
  .jr3{background:#fff}
  .jr3 .jr3-h{flex-wrap:nowrap!important;height:56px!important;padding:0 4px!important;background:#fff!important;color:#3c4043;border-bottom:1px solid #eceff1;gap:2px!important}
  .jr3 .jr3-h .cl-b{background:none!important;color:#5f6368!important;min-width:38px;height:38px;border-radius:50%}
  .jr3 .jr3-h .jr2-titre,.jr3-vues,.jr3-sous,.jr3 .jr3-nav .cl-b,.jr3 .jr2-h-d .cl-b[data-jr=zm],.jr3 .jr2-h-d .cl-b[data-jr=zp],.jr3 .jr2-h-d .cl-b[data-jr=imprimer]{display:none!important}
  .jr3-burger,.jr3-res-ic{display:grid!important;place-items:center}
  .jr3-nav{order:0!important;flex:1 1 auto!important;min-width:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px}
  .jr3-per{display:block!important;margin:0;font:600 17px Inter,sans-serif!important;color:#3c4043;letter-spacing:-.01em}
  .jr3 .jr2-auj{margin:0!important;padding:0!important;width:30px;height:30px!important;border-radius:7px!important;border:2px solid #5f6368!important;background:#fff!important;color:#5f6368!important;display:grid;place-items:center;flex:0 0 auto}
  .jr3-auj-l{display:none}.jr3-auj-c{display:block;font:800 12px Inter,sans-serif}
  .jr3 .jr2-h-d{order:0!important;margin-left:0!important;gap:0!important;align-items:center}
  .jr3-vue-b{display:inline-block;height:30px;padding:0 9px;font-size:12px}
  .jr3-part-b{width:38px;height:38px;padding:0!important;justify-content:center;border-radius:50%!important;background:none!important;color:#5f6368!important}
  .jr3-part-b span{display:none}
  .jr3 .jr2-barre{display:none}
  .jr3.jr3-ecrit .jr2-barre{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;flex-wrap:nowrap;overflow-x:auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(0,0,0,.12)}
  .jr3.jr3-ecrit .jr2-barre>*{flex:0 0 auto}
  .jr3-fab{display:grid;place-items:center;position:fixed;right:16px;bottom:86px;z-index:35;width:56px;height:56px;border-radius:18px;border:0;background:#fff;color:#fa5a3c;box-shadow:0 4px 14px rgba(60,64,67,.3),0 1px 3px rgba(60,64,67,.15);cursor:pointer}
  .jr3-fab svg{width:28px;height:28px;stroke-width:2.6}
  .jr3.jr3-ecrit .jr3-fab{display:none}
  /* la grille : toute la semaine d'un coup d'œil */
  .jr3-vue{padding-bottom:110px}
  .jr3 .jr3-t{width:100%!important;min-width:0!important;font-size:10.5px!important;table-layout:fixed}
  .jr3 .jr3-t thead th{min-width:0!important;padding:4px 1px 3px!important;background:#fff!important;color:#3c4043!important;border-right:0;text-align:center}
  .jr3 .jr2-coin,.jr3 .jr2-hr{width:40px!important;min-width:40px!important}
  .jr3 .jr2-hr{padding:3px 2px!important;background:#fff!important;border-right:1px solid #eceff1}
  .jr3 .jr2-hr b{font:600 10px Inter,sans-serif;color:#70757a}.jr3 .jr2-hr small{display:none}
  .jr3 .jr2-t th,.jr3 .jr2-t td{border-color:#eceff1}
  .jr3 .jr2-c{height:48px!important;background:#fff}
  .jr3 .jr2-c.auj{background:#fff}
  .jr3 .jr2-r.pause .jr2-c,.jr3 .jr2-r.pause .jr2-hr{height:18px!important;background:#fafafa!important}
  .jr3 .jr2-r.pause .jr2-ed:empty::before{font-size:8.5px}
  .jr3 .jr2-jt{flex-direction:column;align-items:center;gap:1px}
  .jr3 .jr2-jt>span{display:flex;flex-direction:column;align-items:center}
  .jr3 .jr2-jt>span b{font:600 10px Inter,sans-serif;color:#70757a;text-transform:uppercase}
  .jr3 .jr2-jt>span>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font:500 15px Inter,sans-serif;color:#3c4043}
  .jr3 .jr2-jt>span small{display:none}
  .jr3 th.auj .jr2-jt>span b{color:#fa5a3c}
  .jr3 th.auj .jr2-jt>span>span{background:#fa5a3c;color:#fff!important}
  .jr3 .jr2-postit-b{height:16px;min-width:16px;padding:0 4px;border-radius:8px;font-size:0!important;box-shadow:none}
  .jr3 .jr2-postit-b i{position:static;font-size:9px;line-height:16px;background:none;color:#7a5b00;min-width:0}
  .jr3 .jr2-postit-b:not(.plein){display:none}
  .jr3-jev{justify-content:center;margin-top:2px}.jr3-evj{font-size:9px;padding:0 4px;border-radius:4px}.jr3-evj-nv{display:none}
  .jr3 .jr2-ed{padding:2px 3px;font-size:10px;line-height:1.25}
  .jr3 .jr2-c>.jr2-ed:not(:empty):not(:focus){margin:1px;min-height:calc(100% - 2px);border-radius:5px;border-left:3px solid var(--moi,#fa5a3c);background:color-mix(in srgb,var(--moi,#fa5a3c) 15%,#fff);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .jr3 .jr2-ed a{font-weight:600;text-decoration:none;color:inherit}
  .jr3-ev{margin:1px;border-left-width:3px;border-radius:5px}.jr3-ev-n{display:none}
  .jr3-ev .jr2-ed{padding:2px 3px}
  .jr3-parts{grid-template-columns:1fr!important;gap:2px;padding:1px}
  .jr3-part{min-height:0;border-radius:5px;border-width:1px;border-left:3px solid var(--moi,#fa5a3c);background:color-mix(in srgb,var(--moi,#fa5a3c) 12%,#fff)}
  .jr3-part-x{opacity:1;width:16px;height:16px;top:-5px;right:-5px;font-size:10px}
  .jr3-v-semaine .jr3-cor{margin:1px;padding:3px;border-radius:6px}
  .jr3-v-semaine .jr3-cor-h span,.jr3-v-semaine .jr3-cor-h button,.jr3-v-semaine .jr3-cor-gr{display:none}
  .jr3-v-semaine .jr3-cor-b{padding:2px 3px}
  .jr3-v-jour .jr3-t thead th:not(.jr2-coin){min-width:0!important}
  .jr3-v-jour .jr2-c{height:60px!important}
  .jr3-v-jour .jr3-cor-g{grid-template-columns:1fr 1fr!important}
  /* le mois et l'année */
  .jr3-mois{min-width:0;padding:4px;gap:2px}
  .jr3-mh,.jr3-mw{gap:2px}.jr3-mh b{font:600 10px Inter,sans-serif;text-align:center;padding:0;text-transform:uppercase}
  .jr3-mh b{overflow:hidden;white-space:nowrap}
  .jr3-mj{min-height:74px;border-radius:0;border:0;border-top:1px solid #eceff1;padding:2px;gap:1px;box-shadow:none!important}
  .jr3-mj.auj{box-shadow:none!important}.jr3-mj.auj .jr3-mj-h b{background:#fa5a3c;color:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}
  .jr3-mj-h{justify-content:center}.jr3-mj-h b{font:500 12px Inter,sans-serif}.jr3-mj-h small,.jr3-mj-h i{display:none}
  .jr3-mj-e{font-size:8.5px;padding:1px 2px;border-left-width:2px}.jr3-mj-e b{display:none}
  .jr3-mj .jr3-evj{font-size:8.5px}
  .jr3-an{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px}
  .jr3-am{padding:6px;border-radius:10px}.jr3-ad{height:20px;font-size:9.5px}
}
@media (max-width:760px){
  .jr3 .jr3-v-semaine .jr3-parts,.jr3 .jr3-v-jour .jr3-parts,.jr3 .jr3-parts{grid-template-columns:minmax(0,1fr)!important}
  .jr3 .jr3-part{min-width:0;overflow:hidden}
  .jr3 .jr3-h .dxt-btn,.jr3 .jr3-h [class*=dxt-]{display:none!important}
  .jr3 .jr3-part .jr2-ed:not(:focus){display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9.5px!important;-webkit-line-clamp:unset}
  .jr3 .jr3-part-x{display:none}
  .jr3 .jr3-part:focus-within .jr3-part-x{display:block}
}
.jr3-nv-r{border-style:solid;border-color:#eef0f6}
.jr3-nv svg{width:15px;height:15px}
@media (max-width:760px){.jr3 .jr2-h-d .cl-b[data-jr=reglages]{display:none!important}}
/* une case vide de mon agenda qui contient l'élément d'un autre agenda : la zone d'écriture se fait petite (l'élément partagé reste bien dans la case) */
.jr3 .jr2-c:has(.jr3-ev)>.jr2-ed:empty{min-height:18px}
@media (max-width:760px){.jr3 .jr2-c:has(.jr3-ev)>.jr2-ed:empty{min-height:8px;padding:0}}
@media (max-width:760px){.jr3 .jr3-ev .jr3-part{border-left-color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}}
/* v1.67 — le cœur du fond du bureau est retiré */
.dx-deco-coeur{display:none!important}
/* v1.67 — LES ÉPINGLÉS : panneau flottant à gauche */
.dx-pins8{position:fixed;left:14px;z-index:60;width:228px;max-height:min(66vh,560px);display:flex;flex-direction:column;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #e8eaf3;border-radius:18px;box-shadow:0 14px 34px rgba(31,42,90,.16),0 2px 6px rgba(31,42,90,.06);font-family:Inter,sans-serif;color:#1f2a5a;transition:width .2s}
.dx-pins8[hidden]{display:none}
.dx-pins8.glisse{transition:none;box-shadow:0 22px 50px rgba(31,42,90,.28);cursor:grabbing}
.dx-pins8-h{display:flex;align-items:center;gap:7px;padding:9px 10px 8px 12px;cursor:grab;user-select:none;touch-action:none;border-bottom:1px solid #f0f2f8}
.dx-pins8-p{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#fff1ea;color:#fa5a3c;flex:0 0 auto}
.dx-pins8-p .dx-i{width:14px;height:14px}
.dx-pins8-h b{flex:1;font:900 13.5px Inter,sans-serif}
.dx-pins8-h i{font-style:normal;min-width:20px;height:20px;border-radius:999px;background:#f2f4fa;color:#5a6385;font:800 11px/20px Inter,sans-serif;text-align:center}
.dx-pins8-h button{width:26px;height:26px;border-radius:8px;border:0;background:#f2f4fa;color:#5a6385;cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
.dx-pins8-h button .dx-i{width:13px;height:13px}
.dx-pins8-l{overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:5px;overscroll-behavior:contain}
.dx-pin8{position:relative;display:flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;border-radius:12px;cursor:pointer;outline:0;background:#fff;border:1px solid #eef0f6;transition:background .15s,box-shadow .15s}
.dx-pin8:hover,.dx-pin8:focus-visible{background:#fff7f2;border-color:#ffd8c8;box-shadow:0 6px 14px rgba(250,90,60,.12)}
.dx-pin8-v{flex:0 0 48px;height:58px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#fff1ea;color:#fa5a3c;border:1px solid #f2f4fa;position:relative}
.dx-pin8-v .dx-i{width:22px;height:22px}
.dx-pin8-v.img img{width:100%;height:100%;object-fit:cover;object-position:top left}
.dx-pin8-v.mini{background:#fff;place-items:start}
.dx-pin8-v.mini>*{transform-origin:top left;pointer-events:none}
.dx-pin8-v.t-tableur{background:#e5f6ea;color:#27ae60}.dx-pin8-v.t-eval{background:#fde2ea;color:#f0265c}
.dx-pin8-v.t-dossier{background:color-mix(in srgb,var(--c) 18%,#fff);color:var(--c);height:44px}
.dx-pin8-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dx-pin8-t b{font:800 12.5px/1.25 Inter,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.dx-pin8-t small{font:700 10px Inter,sans-serif;color:#8a91ad;text-transform:uppercase;letter-spacing:.04em}
.dx-pin8-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:#1f2a5a;color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .15s}
.dx-pin8-x .dx-i{width:11px;height:11px}
.dx-pin8:hover .dx-pin8-x,.dx-pin8:focus-within .dx-pin8-x{opacity:1}
/* réduit : plus petit, toujours lisible */
.dx-pins8.ferme{width:184px}
.dx-pins8.ferme .dx-pin8{padding:5px 7px 5px 5px;gap:7px}
.dx-pins8.ferme .dx-pin8-v{flex-basis:26px;height:26px;border-radius:7px}
.dx-pins8.ferme .dx-pin8-v.mini>*,.dx-pins8.ferme .dx-pin8-v.img img{display:none}
.dx-pins8.ferme .dx-pin8-v.mini::after,.dx-pins8.ferme .dx-pin8-v.img::after{content:"";width:12px;height:14px;border:2px solid currentColor;border-radius:2px;margin:auto}
.dx-pins8.ferme .dx-pin8-v.mini,.dx-pins8.ferme .dx-pin8-v.img{place-items:center;background:#fff1ea}
.dx-pins8.ferme .dx-pin8-v .dx-i{width:15px;height:15px}
.dx-pins8.ferme .dx-pin8-t b{font-size:12px;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block}
.dx-pins8.ferme .dx-pin8-t small{display:none}
@media (max-width:760px){
  .dx-pins8{left:8px;width:min(270px,78vw);max-height:60vh;z-index:70}
  .dx-pins8.ferme{width:152px;max-height:42vh}
  .dx-pins8.ferme .dx-pins8-h{padding:6px 6px 5px 8px}
  .dx-pins8.ferme .dx-pins8-h b{font-size:12px}
  .dx-pins8.ferme .dx-pin8-t b{font-size:11px}
  .dx-pin8-x{opacity:1}
}
@media (max-width:760px){.dx-pins8.ferme .dx-pin8-x{display:none}}
/* ============================================================
   v1.69 — LES ÉPINGLÉS façon cartes flottantes (à gauche) : vraies cartes du bureau, éventail → ouvert en grand
   ============================================================ */
#dxPins8{display:none!important}
.p9{position:fixed;left:-12px;z-index:60;transform:translateY(-50%);padding:16px 26px 16px 0;touch-action:none;cursor:grab;transition:top .25s cubic-bezier(.2,.9,.3,1),left .3s cubic-bezier(.2,.9,.3,1)}
.p9[hidden]{display:none}
.p9.p9-glisse{cursor:grabbing;transition:none}.p9.p9-glisse .p9-c{pointer-events:none}
.p9-pile{position:relative;width:var(--Wf);height:var(--Hf);transition:width .35s cubic-bezier(.2,.9,.3,1),height .35s cubic-bezier(.2,.9,.3,1)}
.p9-poignee{position:absolute;left:calc(12px + var(--wf) / 2 - 14px);top:4px;width:28px;height:5px;border-radius:99px;background:rgba(31,42,90,.22);opacity:0;transition:opacity .2s}
.p9:hover .p9-poignee,.p9.ouvert .p9-poignee,.p9.p9-glisse .p9-poignee{opacity:1}
.p9-c{position:absolute;left:var(--lf);top:var(--tf);width:var(--wo);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 10px 22px rgba(31,42,90,.18),0 2px 5px rgba(31,42,90,.08);overflow:visible;cursor:pointer;outline:0;
  transform-origin:top left;transform:rotate(var(--r)) scale(var(--k));transition:transform .45s cubic-bezier(.2,.9,.3,1.2),left .45s cubic-bezier(.2,.9,.3,1),top .45s cubic-bezier(.2,.9,.3,1),box-shadow .3s}
.p9-c.p9-cache{opacity:0;pointer-events:none}
.p9-v{position:relative;display:block;width:calc(var(--wo) - 12px);height:calc((var(--wo) - 12px) * 1.414);margin:6px 6px 0;border-radius:11px;overflow:hidden;background:#f6f7fb;border:1px solid #eef0f6}
.p9-vin{position:absolute;inset:0;display:block;overflow:hidden}
.p9-vin .dx-mini{transform-origin:top left}
.p9-vin .dx-tb-img{width:100%;height:100%;object-fit:cover;object-position:top left}
.p9-vin .dx-tb-ap{font-size:6px;width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}
.p9-vin .dx-tb-ap th,.p9-vin .dx-tb-ap td{border:1px solid #eef0f6;height:9px;overflow:hidden;white-space:nowrap;padding:0 2px}
.p9-vin>.dx-i{position:absolute;inset:0;margin:auto;width:34px;height:34px;color:#fa5a3c}
.t-dossier .p9-v{background:transparent;border:0;height:calc((var(--wo) - 12px) * .9);margin-top:18px}
.p9-dos{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(31,42,90,.18))}
.p9-tag{position:absolute;left:6px;top:6px;padding:2px 7px;border-radius:999px;background:var(--c);color:#fff;font:800 9.5px Inter,sans-serif;letter-spacing:.02em;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.t-dossier .p9-tag{top:-14px}
.p9-t{display:flex;flex-direction:column;gap:1px;padding:7px 9px 9px}
.p9-t b{font:800 12.5px/1.25 Inter,sans-serif;color:#1f2a5a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.p9-t small{font:600 10.5px Inter,sans-serif;color:#8a91ad}
.p9-x{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:#1f2a5a;color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}
.p9-x .dx-i{width:12px;height:12px}
.p9-plus{position:absolute;left:calc(12px + var(--wf) - 6px);bottom:10px;min-width:24px;height:22px;padding:0 6px;border-radius:999px;background:#fa5a3c;color:#fff;font:900 11px/22px Inter,sans-serif;text-align:center;box-shadow:0 4px 10px rgba(250,90,60,.35);transition:opacity .2s}
/* ouvert : on survole (ordinateur) ou on touche (téléphone) — plus grand, rangé, rien ne se chevauche */
.p9:hover,.p9.ouvert{left:10px}
.p9:hover .p9-pile,.p9.ouvert .p9-pile{width:var(--Wo);height:var(--Ho);overflow-y:auto;overflow-x:visible;padding:10px 12px 10px 0;margin:-10px 0}
.p9:hover .p9-c,.p9.ouvert .p9-c{left:var(--lo);top:var(--to);transform:rotate(0deg) scale(1)}
.p9:hover .p9-c.p9-cache,.p9.ouvert .p9-c.p9-cache{opacity:1;pointer-events:auto}
.p9:hover .p9-plus,.p9.ouvert .p9-plus{opacity:0}
.p9:hover .p9-pile,.p9.ouvert .p9-pile{height:calc(var(--Ho) + 20px)}
.p9 .p9-c:hover,.p9 .p9-c:focus-visible{z-index:200!important;transform:translateX(6px) scale(1.06)!important;box-shadow:0 22px 40px rgba(31,42,90,.28),0 4px 10px rgba(31,42,90,.12)}
.p9 .p9-c:hover .p9-x,.p9.ouvert .p9-c .p9-x{opacity:1;transform:scale(1)}
@media (hover:none){.p9:hover{left:-12px}.p9:hover .p9-pile{width:var(--Wf);height:var(--Hf);overflow:visible;padding:0;margin:0}.p9:hover .p9-c{left:var(--lf);top:var(--tf);transform:rotate(var(--r)) scale(var(--k))}.p9:hover .p9-c.p9-cache{opacity:0}
  .p9.ouvert{left:8px}.p9.ouvert .p9-pile{width:var(--Wo);height:calc(var(--Ho) + 20px);overflow-y:auto;padding:10px 12px 10px 0;margin:-10px 0}.p9.ouvert .p9-c{left:var(--lo);top:var(--to);transform:none}}
@media (max-width:760px){.p9{left:-10px}.p9-t b{font-size:11px}.p9-t small{font-size:9.5px}.p9-tag{font-size:8.5px}}
/* v1.69 — GLISSER une ressource : on voit qu'on l'attrape (poignée, carte « en main », cases qui s'allument) */
.r2-poignee{flex:0 0 10px;align-self:center;display:grid;grid-template-columns:repeat(2,3px);gap:2px 3px;opacity:.35;transition:opacity .15s}
.r2-poignee i{width:3px;height:3px;border-radius:50%;background:#5a6385}
.r2-i:hover .r2-poignee{opacity:.9}
.r2-i{cursor:grab}.r2-i:active{cursor:grabbing}
.r2-i.r2-pris{opacity:.35;transform:scale(.97);border-style:dashed;border-color:#fa5a3c}
.r2-fantome{position:fixed;left:-1000px;top:-1000px;display:flex;align-items:center;gap:10px;max-width:280px;padding:10px 14px 10px 10px;border-radius:14px;background:#fff;border:2px solid #fa5a3c;box-shadow:0 18px 36px rgba(31,42,90,.3);font-family:Inter,sans-serif;color:#1f2a5a;transform:rotate(-3deg)}
.r2-fantome-i{width:36px;height:36px;border-radius:10px;background:#fff1ea;display:grid;place-items:center;font-size:19px;flex:0 0 auto}
.r2-fantome-t{display:flex;flex-direction:column;min-width:0}.r2-fantome-t small{font:800 10px Inter,sans-serif;color:#fa5a3c;text-transform:uppercase;letter-spacing:.05em}
.r2-fantome-t b{font:800 13px/1.25 Inter,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.r2-glisse .jr3 .jr3-vue td.jr2-c{box-shadow:inset 0 0 0 2px rgba(250,90,60,.22)}
body.r2-glisse .jr3 .jr3-vue td.jr2-c:not(.jr3-drop)::after{content:"";position:absolute;inset:4px;border:2px dashed rgba(250,90,60,.28);border-radius:8px;pointer-events:none}
.jr3 .jr3-drop{position:relative}
body.r2-glisse .jr3 .jr3-drop::after{content:"Déposer ici";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px 10px;border-radius:999px;background:#fa5a3c;color:#fff;font:800 11.5px Inter,sans-serif;white-space:nowrap;box-shadow:0 6px 16px rgba(250,90,60,.4);pointer-events:none;z-index:5}
body.r2-glisse .jr3 .jr3-drop{box-shadow:inset 0 0 0 3px #fa5a3c!important;background:#fff4ee!important}
/* v1.69 — la recherche du panneau Ressources : taille normale, onglets avec le nombre de résultats */
.jr3-d-r{overflow-y:auto}
.jr3-r2{padding:0}
.jr3-d-tabs button i{font-style:normal;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fa5a3c;color:#fff;font:900 10px/18px Inter,sans-serif;margin-left:3px}
.jr3-d-tabs button i.zero{background:#e3e6f0;color:#8a91ad}
/* v1.69 — le zoom de l'Agenda réduit TOUTE la page */
.jr3-zoom{min-width:0}
/* v1.69 — le haut de l'Agenda : le bleu ciel du bureau (va avec le logo Docs Laé) */
@media (min-width:761px){
  .jr3 .jr3-h,.jr3 .jr3-sous{background:linear-gradient(180deg,#eef7ff 0%,#e1f0fd 100%)!important;color:#1f2a5a}
  .jr3 .jr3-sous{border-bottom:1px solid #d6e7f6}
  .jr3 .jr3-h .cl-b,.jr3 .jr3-nav .cl-b{background:#fff!important;color:#1f2a5a!important;box-shadow:0 1px 3px rgba(31,42,90,.1)}
  .jr3-vues{background:#fff;box-shadow:0 1px 3px rgba(31,42,90,.1)}
  .jr3-vues button{color:#5a6385}.jr3-vues button.on{background:#1f2a5a;color:#fff;box-shadow:none}
  .jr3 .jr2-h .jr2-auj{background:#fa5a3c!important;color:#fff!important}
  .jr3-per{color:#1f2a5a}
  .jr3-part-b{background:#fa5a3c;color:#fff}
  .jr3 .jr2-mtabs button{background:rgba(255,255,255,.75);color:#5a6385}
  .jr3 .jr2-mtabs button.on{background:#1f2a5a;color:#fff}
  .jr3 .jr2-mtabs button.auj::after{background:#fa5a3c}
  .jr3 .jr3-sous .jr2-onglets{background:transparent}
  .jr3-mob button{background:#fff;color:#1f2a5a}
}
.jr3-d-tabs button{white-space:nowrap;font-size:11.5px;gap:4px;padding:0 4px}
/* v1.69 — l'Agenda sans barre de gauche (Mes agendas est dans Réglages) */
.jr3-corps.sans-gauche{grid-template-columns:minmax(0,1fr) 300px!important}
.jr3-corps.sans-gauche.sans-d{grid-template-columns:minmax(0,1fr) 44px!important}
@media (max-width:1180px){.jr3-corps.sans-gauche{grid-template-columns:minmax(0,1fr) 260px!important}}
@media (max-width:900px){.jr3-corps.sans-gauche,.jr3-corps.sans-gauche.sans-d{grid-template-columns:minmax(0,1fr)!important}}
.jr3-ag-b{display:inline-flex;align-items:center;gap:3px;height:34px;padding:0 12px 0 10px;border-radius:10px;border:0;background:#fff;color:#1f2a5a;font:800 12.5px Inter,sans-serif;cursor:pointer;box-shadow:0 1px 3px rgba(31,42,90,.1)}
.jr3-ag-b i{width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:-4px;box-shadow:0 0 0 2px #fff}
.jr3-ag-b span{margin-left:8px}
@media (max-width:760px){.jr3-ag-b{display:none}}
.jr3-pop{z-index:700}
/* v1.69 — LES RÉGLAGES DE L'AGENDA : fenêtre fixe, menu + sous-menus */
.jr4-voile .jr4-boite{width:min(960px,96vw)!important;max-width:none!important;height:min(640px,90vh);padding:0!important;overflow:hidden;border-radius:22px}
.jr4{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);height:100%;font-family:Inter,sans-serif;color:#1f2a5a}
.jr4-nav{background:linear-gradient(180deg,#eef7ff,#e4f1fd);padding:20px 12px;overflow-y:auto;border-right:1px solid #dbe9f6}
.jr4-nav h3{margin:0 8px 16px;font:900 20px Inter,sans-serif}
.jr4-m{margin-bottom:4px}
.jr4-m>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:none;color:#1f2a5a;font:800 14px Inter,sans-serif;cursor:pointer;text-align:left}
.jr4-m>button i{font-style:normal;font-size:17px;width:24px;text-align:center}
.jr4-m>button:hover{background:rgba(255,255,255,.7)}
.jr4-m.on>button{background:#fff;box-shadow:0 2px 8px rgba(31,42,90,.08)}
.jr4-sous{display:flex;flex-direction:column;gap:2px;margin:4px 0 8px 22px;padding-left:12px;border-left:2px solid #cfe2f3}
.jr4-sous button{padding:7px 10px;border:0;border-radius:9px;background:none;color:#5a6385;font:700 13px Inter,sans-serif;cursor:pointer;text-align:left}
.jr4-sous button:hover{color:#1f2a5a;background:rgba(255,255,255,.6)}
.jr4-sous button.on{color:#fa5a3c;background:#fff}
.jr4-c{padding:26px 30px 30px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;align-items:stretch}
.jr4-ct h3{margin:0;font:900 22px Inter,sans-serif}
.jr4-ct p{margin:4px 0 6px;font:600 13.5px/1.5 Inter,sans-serif;color:#5a6385}
.jr4-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:#f2f4fa;color:#5a6385;display:grid;place-items:center;cursor:pointer}
.jr4-x .dx-i{width:16px;height:16px}
.jr4-carte{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#fff;border:1px solid #e8eaf3;box-shadow:0 2px 8px rgba(31,42,90,.04)}
.jr4-carte b{font:800 14px Inter,sans-serif}.jr4-carte small{font:600 12px Inter,sans-serif;color:#8a91ad;display:block}
.jr4-ligne{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.jr4-ligne>span{display:flex;flex-direction:column;gap:2px}
.jr4-pt{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--c);flex:0 0 auto;border:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,#fff)}
.jr4-pt.grand{width:22px;height:22px;cursor:pointer}
.jr4-pal{display:flex;flex-wrap:wrap;gap:10px}
.jr4-pal button{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #e3e6f0;cursor:pointer}
.jr4-pal button.on{box-shadow:0 0 0 3px #1f2a5a}
.jr4-bt{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:12px;border:1.5px solid #e3e6f0;background:#fff;color:#1f2a5a;font:800 13.5px Inter,sans-serif;cursor:pointer}
.jr4-bt .dx-i{width:16px;height:16px}
.jr4-bt.p{background:#fa5a3c;border-color:#fa5a3c;color:#fff;box-shadow:0 6px 16px rgba(250,90,60,.25)}
.jr4-bt.sm{height:32px;padding:0 12px;font-size:12px}
.jr4-vide,.jr4-aide{font:600 13px/1.5 Inter,sans-serif;color:#8a91ad;margin:4px 0}
.jr4-ag{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--c) 7%,#fff);border:1px solid color-mix(in srgb,var(--c) 22%,#fff)}
.jr4-ag-n{flex:1;min-width:0;display:flex;flex-direction:column}
.jr4-ag-n b{font:800 14px Inter,sans-serif}.jr4-ag-n small{font:600 12px Inter,sans-serif;color:#8a91ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jr4-cad .dx-i{width:18px;height:18px;color:#5a6385}
.jr4-sw{position:relative;display:inline-block;width:44px;height:26px;flex:0 0 auto;cursor:pointer}
.jr4-sw input{opacity:0;width:0;height:0;position:absolute}
.jr4-sw span{position:absolute;inset:0;border-radius:999px;background:#d7dbe8;transition:background .2s}
.jr4-sw span::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.jr4-sw input:checked+span{background:#27ae60}.jr4-sw input:checked+span::after{transform:translateX(18px)}
.jr4-sw.dis{opacity:.5;cursor:default}
.jr4-plages,.jr4-conges{display:flex;flex-direction:column;gap:6px}
.jr4-plage,.jr4-conge{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid #e8eaf3}
.jr4-plage.pause{background:#f8f9fc}
.jr4-plage input[type=time],.jr4-conge input[type=date]{height:34px;border:1px solid #e3e6f0;border-radius:9px;padding:0 8px;font:700 13px Inter,sans-serif;color:#1f2a5a;background:#fff}
.jr4-plage>span,.jr4-conge>span{color:#8a91ad;font-weight:800}
.jr4-nom{flex:1;min-width:0;height:34px;border:1px solid transparent;border-radius:9px;padding:0 10px;font:700 13.5px Inter,sans-serif;color:#1f2a5a;background:transparent}
.jr4-nom:hover,.jr4-nom:focus{border-color:#e3e6f0;background:#fff;outline:0}
.jr4-seg{display:inline-flex;padding:3px;border-radius:10px;background:#f2f4fa;gap:2px}
.jr4-seg button{height:28px;padding:0 10px;border:0;border-radius:8px;background:none;color:#5a6385;font:800 12px Inter,sans-serif;cursor:pointer}
.jr4-seg button.on{background:#fff;color:#1f2a5a;box-shadow:0 1px 3px rgba(31,42,90,.12)}
.jr4-seg.large button{height:36px;padding:0 18px;font-size:13px}
.jr4-sup{width:30px;height:30px;border-radius:50%;border:0;background:none;color:#b3b8cf;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.jr4-sup:hover{background:#fde2ea;color:#f0265c}.jr4-sup .dx-i{width:14px;height:14px}
.jr4-jours{display:flex;flex-wrap:wrap;gap:8px}
.jr4-jours button{height:44px;padding:0 18px;border-radius:12px;border:1.5px solid #e3e6f0;background:#fff;color:#5a6385;font:800 13.5px Inter,sans-serif;cursor:pointer}
.jr4-jours button.on{background:#1f2a5a;border-color:#1f2a5a;color:#fff}
.jr4-regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.jr4-regions button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:14px;border:1.5px solid #e3e6f0;background:#fff;cursor:pointer;text-align:left}
.jr4-regions button b{font:800 13.5px Inter,sans-serif;color:#1f2a5a}.jr4-regions button small{font:600 12px Inter,sans-serif;color:#8a91ad}
.jr4-regions button.on{border-color:#fa5a3c;background:#fff7f2;box-shadow:0 0 0 3px rgba(250,90,60,.15)}
.jr4-zoom{display:flex;align-items:center;gap:10px}.jr4-zoom input{flex:1;accent-color:#fa5a3c}.jr4-zoom span{font:700 11.5px Inter,sans-serif;color:#8a91ad}.jr4-zoom b{min-width:52px;text-align:right}
@media (max-width:760px){
  .jr4-voile .jr4-boite{width:100vw!important;height:92vh;border-radius:20px 20px 0 0;align-self:flex-end}
  .jr4{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .jr4-nav{padding:14px 10px 8px;display:flex;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid #dbe9f6}
  .jr4-nav h3{display:none}
  .jr4-m{flex:0 0 auto;margin:0}.jr4-m>button{white-space:nowrap;padding:8px 12px}
  .jr4-sous{position:static;flex-direction:row;margin:6px 0 0;padding:0;border:0}
  .jr4-sous button{white-space:nowrap}
  .jr4-c{padding:18px 16px 24px}
  .jr4-plage,.jr4-conge{flex-wrap:wrap}
}
/* v1.69 — déplacer un élément de l'Agenda : poignée, élément soulevé, carte qui suit la souris / le doigt */
.jr3 .jr2-c,.jr3-part,.jr3-ev,.jr3-cor{position:relative}
.jr3-poi{position:absolute;top:3px;right:3px;z-index:3;display:grid;grid-template-columns:repeat(2,3px);gap:2px 3px;padding:4px 4px;border-radius:6px;background:rgba(255,255,255,.92);box-shadow:0 1px 3px rgba(31,42,90,.18);cursor:grab;opacity:0;transition:opacity .15s;touch-action:none}
.jr3-poi i{width:3px;height:3px;border-radius:50%;background:#5a6385}
.jr3 td:hover>.jr3-poi,.jr3-part:hover>.jr3-poi,.jr3-cor:hover>.jr3-poi,.jr3 td.sel>.jr3-poi{opacity:1}
.jr3-poi:active{cursor:grabbing}
.jr3-souleve{opacity:.35}
.jr3-dep-g{position:fixed!important;z-index:2000;pointer-events:none;left:-1000px;top:-1000px}
@media (hover:none){.jr3-poi{opacity:.85;padding:5px}}
/* v1.69 — sur téléphone : les liens se voient et s'ouvrent d'un toucher ; la barre d'options flotte en bas */
.jr3-tel{display:none!important}
@media (max-width:760px){
  .jr3 .jr2-ed a{color:#fa5a3c!important;text-decoration:underline!important;text-underline-offset:2px;font-weight:700!important}
  .jr3 .jr2-barre{display:flex!important;position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:40;flex-wrap:nowrap;overflow-x:auto;gap:2px;padding:6px 8px;border-radius:18px;background:#fff;border:1px solid #eceff1;box-shadow:0 8px 28px rgba(60,64,67,.22);scrollbar-width:none}
  .jr3 .jr2-barre::-webkit-scrollbar{display:none}
  .jr3 .jr2-barre>*{flex:0 0 auto}
  .jr3 .jr2-barre>button{height:38px;min-width:38px;border-radius:10px}
  .jr3 .jr2-barre .jr2-res-b span{display:none}
  .jr3 .jr2-barre .jr2-pal{display:inline-flex!important}
  .jr3-tel{display:inline-flex!important}
  .jr3.jr3-ecrit .jr2-barre{position:fixed}
  .jr3 .jr3-fab{bottom:calc(72px + env(safe-area-inset-bottom))}
  .jr3.jr3-ecrit .jr3-fab{display:none}
  .jr3-vue{padding-bottom:150px!important}
}
/* ===== v1.69 — école : responsables, droits précis, panne de la base ===== */
.k9-panne{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#fff6ec;border:1.5px solid #fbd9b5;color:#7a4a00}
.k9-panne>.dx-i{width:26px;height:26px;flex:0 0 auto}.k9-panne>div{flex:1;display:flex;flex-direction:column;gap:3px}.k9-panne b{font-size:14.5px}.k9-panne span{font-size:13px;line-height:1.45;color:#8a5a12}
.k9-ouvrir{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}
.k9-resp-t{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:16px 0 8px}.k9-resp-t b{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#1f2a5a}.k9-resp-t b .dx-i{width:16px;height:16px;color:#f59e0b}.k9-resp-t small{color:#6b7390;font-size:12.5px}
.k9-resp .k8-tr{grid-template-columns:1fr 1fr 1.6fr 40px}
.k9-h5{margin:16px 0 8px;font:800 13px Inter,sans-serif;color:#1f2a5a}
.dx-noeud.co{border-color:#f5c451;box-shadow:0 0 0 2px #fdf0c8 inset}.dx-noeud-co i{background:#fdf0c8!important;color:#b7791f!important}
.dx-np9{width:100%;box-sizing:border-box}.dx-pop:has(.dx-np9){max-width:min(360px,92vw);width:360px}
.dx-np9 .dx-sw{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;width:100%}.dx-np9 .dx-sw em{flex:1;min-width:0}
.dx-np9-t{font:800 12px Inter,sans-serif;color:#6b7390;text-transform:uppercase;letter-spacing:.04em;margin-top:4px}
.dx-np9-resp{padding:10px 12px;border-radius:12px;background:#fff8e6;border:1.5px solid #f8e1a6}.dx-np9-resp em{display:flex;flex-direction:column;gap:1px;font-style:normal}.dx-np9-resp em b{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#7a4a00}.dx-np9-resp em b .dx-i{width:15px;height:15px}.dx-np9-resp em small{font-size:11.5px;color:#8a5a12}
.dx-np9 .dx-noeud-droits .dx-sw em{display:inline-flex;align-items:center;gap:7px;font-style:normal;line-height:1.3}.dx-np9 .dx-noeud-droits .dx-sw em .dx-i{width:14px;height:14px;flex:0 0 auto;color:#5b6670}
.dx-np9 .dx-sw.off{opacity:.62}.dx-np9 .dx-noeud-droits.tous{background:#fffbef}
@media (max-width:760px){.k9-ouvrir{grid-template-columns:1fr}.k9-resp .k8-tr{grid-template-columns:1fr 1fr}.k9-panne{flex-wrap:wrap}}
.dx-np9 .dx-sw>span{flex:0 0 auto}
.k8-tr.k9-nv{grid-template-columns:1fr 1fr 1.6fr}.k9-nv .k8-act{grid-column:1/-1;justify-content:flex-end}
/* ===== v1.69 — l'éditeur sur téléphone : en-tête d'une ligne, page en grand, outils dans la barre du bas ===== */
@media (max-width:760px){
  body.bt9-ed .at-tete{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px;height:auto!important;min-height:0!important;padding:6px 10px!important}
  body.bt9-ed .at-tete .nom{flex:1 1 auto;min-width:0;height:40px!important;font-size:15px!important;margin:0!important}
  body.bt9-ed .at-tete .esp,body.bt9-ed .at-tete #etat,body.bt9-ed .at-tete #dxVers,body.bt9-ed .at-tete .icones{display:none!important}
  body.bt9-ed .at-tete .pile{position:static!important;margin:0!important;flex:0 0 auto}
  body.bt9-ed .at-corps{display:block!important}
  body.bt9-ed #scene{position:relative!important;left:0!important;width:100%!important;padding-bottom:90px!important;box-sizing:border-box}
  body.bt9-ed #panneau{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:auto!important;max-height:58vh!important;border-radius:20px!important;overflow:auto!important;z-index:870!important;box-shadow:0 18px 44px rgba(31,42,90,.26)!important;transform:none!important}
  #dxEdTel .bt9-fcorps #rail{flex-direction:row!important;height:auto!important;padding:0!important;gap:8px!important}
  #dxEdTel .bt9-fcorps #rail button{width:72px!important;height:66px!important;min-width:72px!important}
  #dxEdTel .bt9-fcorps .at-pied{position:static!important;box-shadow:none!important;padding:0!important}
  #dxEdTel .bt9-fcorps .dx-vers,#dxEdTel .bt9-fcorps .icones{position:static!important;box-shadow:none!important}
}
@media (max-width:760px){
  body.bt9-ed.dx-dans-doc #dxVersion{display:none!important}
  .ed9-fx{display:none}
  body.bt9-ed .ed9-fx{display:grid;place-items:center;position:sticky;top:0;margin:0 0 -32px auto;z-index:3;width:32px;height:32px;border-radius:50%;border:0;background:#f2f4f9;color:#1f2a5a;font-size:14px}
}
@media (max-width:760px){body.bt9-ed.dx-dans-doc:not(.sans-panneau) #dxHorsLigne8,body.bt9-ed.dx-dans-doc:not(.sans-panneau) .dx-hl8p{display:none!important}}
/* ===== v1.69 — CORNERS : la carte dans l'agenda ===== */
.jc{position:relative;display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:12px;background:linear-gradient(180deg,#fff7f2,#fff);border:1.5px solid #ffe0d3;height:100%;box-sizing:border-box;overflow:hidden}
.jc-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.jc-h>b{font:900 12.5px Inter,sans-serif;color:#1f2a5a}.jc-h>span{font:600 11px Inter,sans-serif;color:#7a8199;flex:1;min-width:0}
.jc-act{display:flex;gap:4px;margin-left:auto}.jc-act button{height:24px;min-width:24px;padding:0 7px;border-radius:999px;border:0;background:#fff;color:#1f2a5a;font:800 11px Inter,sans-serif;box-shadow:0 1px 3px rgba(31,42,90,.15);cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.jc-act .jc-play{background:linear-gradient(90deg,#f0265c,#fa5a3c);color:#fff}.jc-act .jc-play i{font-style:normal}
.jc-tours{display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:2px;box-shadow:inset 0 0 0 1px #f1e3dc}
.jc-tours button{width:22px;height:22px;border-radius:50%;border:0;background:#fff1ec;color:#fa5a3c;font:900 14px/1 Inter,sans-serif;cursor:pointer;flex:0 0 auto}
.jc-tours span{flex:1;text-align:center;font:600 11px Inter,sans-serif;color:#5b6670;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jc-tours b{color:#1f2a5a}
.jc-tours em{font-style:normal;background:#27ae60;color:#fff;border-radius:999px;padding:1px 6px;margin-right:5px;font-size:10px;font-weight:800}
.jc-g{display:grid;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.jc-g.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-g.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.jc-g.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.jc-a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:6px;border-radius:10px;background:#fff;border-top:3px solid var(--c);box-shadow:0 1px 3px rgba(31,42,90,.08);min-width:0}
.jc-e{font-size:16px;line-height:1}.jc-a>b{font:800 11.5px/1.2 Inter,sans-serif;color:#1f2a5a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jc-a em{font-style:normal;font:800 10.5px Inter,sans-serif;color:#fff;background:var(--g);border-radius:999px;padding:2px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-a small{font:600 10px Inter,sans-serif;color:#a0a6bb}
/* ===== l'assistant ===== */
.jcw-boite{max-width:860px!important}
.jcw h3{margin:0 0 10px}
.jcw-et{display:flex;align-items:center;gap:6px;margin:0 0 14px}.jcw-et>b{flex:1;height:2px;background:#eceef5;border-radius:2px}
.jcw-et button{display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;font:800 13px Inter,sans-serif;color:#9aa0b8;padding:4px}
.jcw-et i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#eef0f6;color:#5b6670}
.jcw-et button.on{color:#1f2a5a}.jcw-et button.on i{background:linear-gradient(90deg,#f0265c,#fa5a3c);color:#fff}.jcw-et button.fait i{background:#27ae60;color:#fff}.jcw-et button.fait{color:#27ae60}
.jcw-aide{margin:0 0 12px;font:600 13.5px/1.45 Inter,sans-serif;color:#5b6670}.jcw-aide b{color:#1f2a5a}
.jcw-at{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.jcw-a{position:relative;display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:14px;background:#fff;border:1.5px solid #eceef5;border-left:5px solid var(--c)}
.jcw-emo{flex:0 0 auto;width:46px;height:46px;border-radius:12px;border:0;background:#f6f7fb;font-size:24px;cursor:pointer}.jcw-emo:hover{background:#fff1ec}
.jcw-a-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.jcw-a-c input,.jcw-a-c textarea{width:100%;box-sizing:border-box;border:1.5px solid #eceef5;border-radius:10px;padding:8px 10px;font:700 13.5px Inter,sans-serif;color:#1f2a5a;outline:0;resize:none}.jcw-a-c textarea{font-weight:500;font-size:12.5px}
.jcw-a-c input:focus,.jcw-a-c textarea:focus{border-color:#fa5a3c}
.jcw-x{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:#1f2a5a;color:#fff;cursor:pointer;font:800 13px/1 Inter,sans-serif}
.jcw-plus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:96px;border-radius:14px;border:2px dashed #f3c9bb;background:#fffaf7;color:#fa5a3c;font:900 22px Inter,sans-serif;cursor:pointer}.jcw-plus span{font:800 12.5px Inter,sans-serif}
.jcw-sug{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}.jcw-sug small{font:700 12px Inter,sans-serif;color:#9aa0b8;margin-right:4px}
.jcw-sug button{border:0;background:#f6f7fb;border-radius:999px;padding:6px 11px;font:700 12.5px Inter,sans-serif;color:#1f2a5a;cursor:pointer}.jcw-sug button:hover{background:#fff1ec;color:#fa5a3c}
.jcw-time{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:12px}
.jcw-time label{display:flex;flex-direction:column;gap:6px;font:800 12px Inter,sans-serif;color:#5b6670}.jcw-time input[type=time]{height:42px;border-radius:12px;border:1.5px solid #eceef5;padding:0 10px;font:800 16px Inter,sans-serif;color:#1f2a5a}
.jcw-dur{display:flex;flex-direction:column;gap:6px;font:800 12px Inter,sans-serif;color:#5b6670}.jcw-dur>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.jcw-dur button{height:38px;padding:0 12px;border-radius:999px;border:1.5px solid #eceef5;background:#fff;font:800 13px Inter,sans-serif;color:#1f2a5a;cursor:pointer}.jcw-dur button.on{background:#1f2a5a;border-color:#1f2a5a;color:#fff}
.jcw-dur input{width:64px;height:38px;border-radius:12px;border:1.5px solid #eceef5;padding:0 8px;font:800 13px Inter,sans-serif}
.jcw-res{margin:4px 0 10px;padding:10px 12px;border-radius:12px;background:#f2fbf5;color:#16794a;font:700 13.5px Inter,sans-serif}
@media (max-width:760px){.jcw-at{grid-template-columns:1fr}.jcw-et span{display:none}}
/* ===== ▶ en classe ===== */
.jcp{position:fixed;inset:0;z-index:9500;background:#10173a;color:#fff;display:flex;flex-direction:column;padding:22px 26px;gap:16px;overflow:auto;font-family:Inter,system-ui,sans-serif}
.jcp-h{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.jcp-h>b{font:900 22px Inter,sans-serif}.jcp-tour{font:800 18px Inter,sans-serif;color:#c9cee3}
.jcp-chrono{margin-left:auto;font:900 54px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;padding:6px 18px;border-radius:18px;background:rgba(255,255,255,.08)}.jcp-chrono.bientot{background:#fa5a3c;animation:jcpPulse 1s infinite}
@keyframes jcpPulse{50%{transform:scale(1.05)}}
.jcp-b{display:flex;gap:8px}.jcp-b button{width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font:900 18px Inter,sans-serif;cursor:pointer}.jcp-b button:hover{background:rgba(255,255,255,.22)}
.jcp-change{align-self:center;padding:14px 26px;border-radius:999px;background:linear-gradient(90deg,#f0265c,#fa5a3c);font:900 28px Inter,sans-serif;animation:jcpPulse .8s infinite}
.jcp-g{flex:1;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.jcp-g.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.jcp-g.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.jcp-a{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:22px;background:#fff;color:#1f2a5a;border-top:10px solid var(--c);min-height:200px}
.jcp-at{display:flex;align-items:center;gap:12px}.jcp-at span{font-size:44px;line-height:1}.jcp-at b{font:900 26px/1.15 Inter,sans-serif}
.jcp-a p{margin:0;font:600 16px/1.4 Inter,sans-serif;color:#5b6670}
.jcp-gr{margin-top:auto;padding:12px 14px;border-radius:16px;background:var(--g);color:#fff}.jcp-gr b{display:block;font:900 20px Inter,sans-serif}.jcp-gr span{font:700 15px/1.4 Inter,sans-serif;opacity:.95}
.jcp-suite{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:700 14px Inter,sans-serif;color:#c9cee3}.jcp-suite span{background:rgba(255,255,255,.08);border-left:4px solid var(--g);padding:6px 10px;border-radius:10px;color:#fff}
.jcp-fini{flex:1;display:grid;place-items:center;font:900 40px Inter,sans-serif;text-align:center}
@media (max-width:760px){.jcp{padding:14px}.jcp-g,.jcp-g.n3,.jcp-g.n4{grid-template-columns:1fr}.jcp-chrono{font-size:38px}.jcp-at b{font-size:20px}}
.jc{container-type:inline-size}
@container (max-width:300px){.jc-g.n3,.jc-g.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-h>span:not(.jc-act){display:none}.jc-act .jc-play i{display:none}.jc-tours span{font-size:10.5px}}
@container (max-width:170px){.jc-g,.jc-g.n2,.jc-g.n3,.jc-g.n4{grid-template-columns:1fr}.jc-a{flex-direction:row;align-items:center;flex-wrap:wrap}}
/* v1.71 — épinglés : ouvert, plus rien n'est coupé (la carte, son ombre, sa croix) ; il ne défile que s'il est trop long */
.p9:hover .p9-pile,.p9.ouvert .p9-pile{overflow:visible!important;padding:0!important;margin:0!important;box-sizing:content-box}
.p9.p9-long:hover .p9-pile,.p9.p9-long.ouvert .p9-pile{overflow-x:hidden!important;overflow-y:auto!important;box-sizing:content-box;padding:14px 20px 14px 0!important;margin:-14px -20px -14px 0!important}
/* un dossier d'école épinglé = son vrai logo, comme sur le bureau */
.t-dossier .p9-v:has(.p9-logo){background:transparent;border:0;height:calc((var(--wo) - 12px) * .95);margin-top:16px;overflow:visible}
.p9-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(31,42,90,.18))}
/* v1.71 — épinglés : plus de tremblement à l'ouverture / fermeture.
   Cause : souris tout au bord gauche → le panneau s'ouvre en glissant vers la droite → la souris n'est plus dessus → il se ferme → etc.
   Une zone invisible garde le survol jusqu'au bord de l'écran, et la fermeture attend un tout petit peu. */
.p9::before{content:'';position:absolute;top:-12px;bottom:-12px;left:-44px;width:44px}
.p9:not(:hover):not(.ouvert),.p9:not(:hover):not(.ouvert) .p9-pile,.p9:not(:hover):not(.ouvert) .p9-c{transition-delay:.14s}
/* v1.71 — ouvert : toujours entièrement visible (recentré), déroulant s'il y a beaucoup d'épinglés */
.p9:hover,.p9.ouvert{top:var(--yo,50%)!important}
.p9.p9-long:hover .p9-pile,.p9.p9-long.ouvert .p9-pile{height:var(--Ho)!important;overscroll-behavior:contain;scrollbar-width:thin}

/* ===== v1.71 — L'APPARITION PEINTE, refaite : la peinture reste SUR l'élément =====
   Chaque partie de l'élément se peint de gauche à droite avec un vrai bord de pinceau (des poils), seulement
   là où il y a l'élément (pas autour) ; sur les documents, un trait vert et rose passe sur la carte, sans dépasser. */
.dx-ico.dx-peint8>*:not(.dx-peint8-b){animation:peint9Rev .95s cubic-bezier(.45,.05,.3,1) both!important;animation-delay:var(--d8,0ms)!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20100'%20preserveAspectRatio='none'%3E%3Crect%20x='0'%20y='0'%20width='142'%20height='100'%20fill='black'/%3E%3Cg%20stroke='black'%20stroke-linecap='round'%20stroke-width='3.4'%3E%3Cline%20x1='140'%20y1='1.2'%20x2='146.6'%20y2='1.2'/%3E%3Cline%20x1='140'%20y1='4.2'%20x2='143.4'%20y2='4.2'/%3E%3Cline%20x1='140'%20y1='7.6'%20x2='142.1'%20y2='7.6'/%3E%3Cline%20x1='140'%20y1='10.7'%20x2='151.0'%20y2='10.7'/%3E%3Cline%20x1='140'%20y1='13.4'%20x2='147.5'%20y2='13.4'/%3E%3Cline%20x1='140'%20y1='16.6'%20x2='142.4'%20y2='16.6'/%3E%3Cline%20x1='140'%20y1='19.6'%20x2='149.0'%20y2='19.6'/%3E%3Cline%20x1='140'%20y1='22.7'%20x2='149.3'%20y2='22.7'/%3E%3Cline%20x1='140'%20y1='25.4'%20x2='144.4'%20y2='25.4'/%3E%3Cline%20x1='140'%20y1='28.1'%20x2='147.1'%20y2='28.1'/%3E%3Cline%20x1='140'%20y1='31.7'%20x2='147.9'%20y2='31.7'/%3E%3Cline%20x1='140'%20y1='35.0'%20x2='145.8'%20y2='35.0'/%3E%3Cline%20x1='140'%20y1='38.4'%20x2='143.0'%20y2='38.4'/%3E%3Cline%20x1='140'%20y1='41.3'%20x2='148.7'%20y2='41.3'/%3E%3Cline%20x1='140'%20y1='44.6'%20x2='146.2'%20y2='44.6'/%3E%3Cline%20x1='140'%20y1='47.3'%20x2='144.7'%20y2='47.3'/%3E%3Cline%20x1='140'%20y1='50.1'%20x2='144.8'%20y2='50.1'/%3E%3Cline%20x1='140'%20y1='53.5'%20x2='144.0'%20y2='53.5'/%3E%3Cline%20x1='140'%20y1='57.0'%20x2='150.8'%20y2='57.0'/%3E%3Cline%20x1='140'%20y1='59.6'%20x2='145.8'%20y2='59.6'/%3E%3Cline%20x1='140'%20y1='62.7'%20x2='142.2'%20y2='62.7'/%3E%3Cline%20x1='140'%20y1='65.8'%20x2='151.1'%20y2='65.8'/%3E%3Cline%20x1='140'%20y1='68.5'%20x2='148.0'%20y2='68.5'/%3E%3Cline%20x1='140'%20y1='71.2'%20x2='147.8'%20y2='71.2'/%3E%3Cline%20x1='140'%20y1='74.7'%20x2='144.0'%20y2='74.7'/%3E%3Cline%20x1='140'%20y1='77.3'%20x2='142.8'%20y2='77.3'/%3E%3Cline%20x1='140'%20y1='80.4'%20x2='142.2'%20y2='80.4'/%3E%3Cline%20x1='140'%20y1='83.1'%20x2='147.0'%20y2='83.1'/%3E%3Cline%20x1='140'%20y1='86.6'%20x2='146.2'%20y2='86.6'/%3E%3Cline%20x1='140'%20y1='89.6'%20x2='148.4'%20y2='89.6'/%3E%3Cline%20x1='140'%20y1='92.3'%20x2='147.8'%20y2='92.3'/%3E%3Cline%20x1='140'%20y1='95.1'%20x2='148.1'%20y2='95.1'/%3E%3Cline%20x1='140'%20y1='98.7'%20x2='142.5'%20y2='98.7'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20100'%20preserveAspectRatio='none'%3E%3Crect%20x='0'%20y='0'%20width='142'%20height='100'%20fill='black'/%3E%3Cg%20stroke='black'%20stroke-linecap='round'%20stroke-width='3.4'%3E%3Cline%20x1='140'%20y1='1.2'%20x2='146.6'%20y2='1.2'/%3E%3Cline%20x1='140'%20y1='4.2'%20x2='143.4'%20y2='4.2'/%3E%3Cline%20x1='140'%20y1='7.6'%20x2='142.1'%20y2='7.6'/%3E%3Cline%20x1='140'%20y1='10.7'%20x2='151.0'%20y2='10.7'/%3E%3Cline%20x1='140'%20y1='13.4'%20x2='147.5'%20y2='13.4'/%3E%3Cline%20x1='140'%20y1='16.6'%20x2='142.4'%20y2='16.6'/%3E%3Cline%20x1='140'%20y1='19.6'%20x2='149.0'%20y2='19.6'/%3E%3Cline%20x1='140'%20y1='22.7'%20x2='149.3'%20y2='22.7'/%3E%3Cline%20x1='140'%20y1='25.4'%20x2='144.4'%20y2='25.4'/%3E%3Cline%20x1='140'%20y1='28.1'%20x2='147.1'%20y2='28.1'/%3E%3Cline%20x1='140'%20y1='31.7'%20x2='147.9'%20y2='31.7'/%3E%3Cline%20x1='140'%20y1='35.0'%20x2='145.8'%20y2='35.0'/%3E%3Cline%20x1='140'%20y1='38.4'%20x2='143.0'%20y2='38.4'/%3E%3Cline%20x1='140'%20y1='41.3'%20x2='148.7'%20y2='41.3'/%3E%3Cline%20x1='140'%20y1='44.6'%20x2='146.2'%20y2='44.6'/%3E%3Cline%20x1='140'%20y1='47.3'%20x2='144.7'%20y2='47.3'/%3E%3Cline%20x1='140'%20y1='50.1'%20x2='144.8'%20y2='50.1'/%3E%3Cline%20x1='140'%20y1='53.5'%20x2='144.0'%20y2='53.5'/%3E%3Cline%20x1='140'%20y1='57.0'%20x2='150.8'%20y2='57.0'/%3E%3Cline%20x1='140'%20y1='59.6'%20x2='145.8'%20y2='59.6'/%3E%3Cline%20x1='140'%20y1='62.7'%20x2='142.2'%20y2='62.7'/%3E%3Cline%20x1='140'%20y1='65.8'%20x2='151.1'%20y2='65.8'/%3E%3Cline%20x1='140'%20y1='68.5'%20x2='148.0'%20y2='68.5'/%3E%3Cline%20x1='140'%20y1='71.2'%20x2='147.8'%20y2='71.2'/%3E%3Cline%20x1='140'%20y1='74.7'%20x2='144.0'%20y2='74.7'/%3E%3Cline%20x1='140'%20y1='77.3'%20x2='142.8'%20y2='77.3'/%3E%3Cline%20x1='140'%20y1='80.4'%20x2='142.2'%20y2='80.4'/%3E%3Cline%20x1='140'%20y1='83.1'%20x2='147.0'%20y2='83.1'/%3E%3Cline%20x1='140'%20y1='86.6'%20x2='146.2'%20y2='86.6'/%3E%3Cline%20x1='140'%20y1='89.6'%20x2='148.4'%20y2='89.6'/%3E%3Cline%20x1='140'%20y1='92.3'%20x2='147.8'%20y2='92.3'/%3E%3Cline%20x1='140'%20y1='95.1'%20x2='148.1'%20y2='95.1'/%3E%3Cline%20x1='140'%20y1='98.7'%20x2='142.5'%20y2='98.7'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
@keyframes peint9Rev{from{-webkit-mask-position:82.5% 0;mask-position:82.5% 0}to{-webkit-mask-position:17.5% 0;mask-position:17.5% 0}}
.dx-ico.dx-peint8>.dx-peint8-b{position:absolute;inset:0;border-radius:16px;overflow:hidden;z-index:20;pointer-events:none;display:block}
.dx-peint8-b i.dx-t9{position:absolute;top:0;bottom:0;left:0;width:30%;margin:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20400'%20preserveAspectRatio='none'%3E%3Cg%20stroke-linecap='round'%3E%3Cline%20x1='17.3'%20y1='3.0'%20x2='112.7'%20y2='3.0'%20stroke='%23fd418a'%20stroke-opacity='0.91'%20stroke-width='9.3'/%3E%3Cline%20x1='23.1'%20y1='8.1'%20x2='107.1'%20y2='8.1'%20stroke='%23046441'%20stroke-opacity='0.81'%20stroke-width='9.0'/%3E%3Cline%20x1='22.6'%20y1='15.3'%20x2='104.5'%20y2='15.3'%20stroke='%23ff9bc4'%20stroke-opacity='0.92'%20stroke-width='7.3'/%3E%3Cline%20x1='23.0'%20y1='21.4'%20x2='103.1'%20y2='21.4'%20stroke='%23fd418a'%20stroke-opacity='0.82'%20stroke-width='7.8'/%3E%3Cline%20x1='20.4'%20y1='29.2'%20x2='107.7'%20y2='29.2'%20stroke='%23ff9bc4'%20stroke-opacity='0.84'%20stroke-width='8.7'/%3E%3Cline%20x1='13.8'%20y1='34.8'%20x2='108.9'%20y2='34.8'%20stroke='%23046441'%20stroke-opacity='0.84'%20stroke-width='8.1'/%3E%3Cline%20x1='5.2'%20y1='41.4'%20x2='107.6'%20y2='41.4'%20stroke='%23ff9bc4'%20stroke-opacity='0.93'%20stroke-width='9.0'/%3E%3Cline%20x1='9.5'%20y1='48.5'%20x2='99.8'%20y2='48.5'%20stroke='%23fd418a'%20stroke-opacity='0.90'%20stroke-width='7.4'/%3E%3Cline%20x1='15.2'%20y1='55.8'%20x2='95.0'%20y2='55.8'%20stroke='%23ff9bc4'%20stroke-opacity='0.85'%20stroke-width='9.7'/%3E%3Cline%20x1='22.6'%20y1='61.3'%20x2='110.3'%20y2='61.3'%20stroke='%23046441'%20stroke-opacity='0.95'%20stroke-width='10.2'/%3E%3Cline%20x1='7.6'%20y1='67.1'%20x2='113.4'%20y2='67.1'%20stroke='%23046441'%20stroke-opacity='0.78'%20stroke-width='7.2'/%3E%3Cline%20x1='12.6'%20y1='72.7'%20x2='102.5'%20y2='72.7'%20stroke='%23fd418a'%20stroke-opacity='0.83'%20stroke-width='8.9'/%3E%3Cline%20x1='25.2'%20y1='78.6'%20x2='99.6'%20y2='78.6'%20stroke='%23fd418a'%20stroke-opacity='0.91'%20stroke-width='7.3'/%3E%3Cline%20x1='19.5'%20y1='84.9'%20x2='99.2'%20y2='84.9'%20stroke='%23fd418a'%20stroke-opacity='0.89'%20stroke-width='10.2'/%3E%3Cline%20x1='10.0'%20y1='91.9'%20x2='102.9'%20y2='91.9'%20stroke='%23ff9bc4'%20stroke-opacity='0.87'%20stroke-width='7.4'/%3E%3Cline%20x1='15.6'%20y1='97.0'%20x2='112.2'%20y2='97.0'%20stroke='%23046441'%20stroke-opacity='0.81'%20stroke-width='10.2'/%3E%3Cline%20x1='8.5'%20y1='104.6'%20x2='105.6'%20y2='104.6'%20stroke='%23ff9bc4'%20stroke-opacity='0.88'%20stroke-width='8.6'/%3E%3Cline%20x1='14.6'%20y1='110.1'%20x2='95.2'%20y2='110.1'%20stroke='%23ff9bc4'%20stroke-opacity='0.79'%20stroke-width='9.6'/%3E%3Cline%20x1='16.9'%20y1='116.9'%20x2='106.4'%20y2='116.9'%20stroke='%23fd418a'%20stroke-opacity='0.87'%20stroke-width='9.1'/%3E%3Cline%20x1='5.4'%20y1='124.6'%20x2='101.9'%20y2='124.6'%20stroke='%23ff9bc4'%20stroke-opacity='0.95'%20stroke-width='7.3'/%3E%3Cline%20x1='7.0'%20y1='130.3'%20x2='113.8'%20y2='130.3'%20stroke='%23fd418a'%20stroke-opacity='0.86'%20stroke-width='9.0'/%3E%3Cline%20x1='5.2'%20y1='137.2'%20x2='102.7'%20y2='137.2'%20stroke='%23fd418a'%20stroke-opacity='0.82'%20stroke-width='8.8'/%3E%3Cline%20x1='25.2'%20y1='143.3'%20x2='103.4'%20y2='143.3'%20stroke='%23fd418a'%20stroke-opacity='0.94'%20stroke-width='7.1'/%3E%3Cline%20x1='17.5'%20y1='150.1'%20x2='101.1'%20y2='150.1'%20stroke='%23fd418a'%20stroke-opacity='0.89'%20stroke-width='7.3'/%3E%3Cline%20x1='20.6'%20y1='155.2'%20x2='114.1'%20y2='155.2'%20stroke='%23046441'%20stroke-opacity='0.84'%20stroke-width='8.9'/%3E%3Cline%20x1='4.6'%20y1='161.8'%20x2='98.9'%20y2='161.8'%20stroke='%23fd418a'%20stroke-opacity='0.80'%20stroke-width='8.3'/%3E%3Cline%20x1='13.9'%20y1='168.2'%20x2='112.7'%20y2='168.2'%20stroke='%23fd418a'%20stroke-opacity='0.96'%20stroke-width='10.3'/%3E%3Cline%20x1='11.7'%20y1='173.5'%20x2='110.9'%20y2='173.5'%20stroke='%23046441'%20stroke-opacity='0.81'%20stroke-width='7.9'/%3E%3Cline%20x1='6.6'%20y1='178.9'%20x2='95.4'%20y2='178.9'%20stroke='%23046441'%20stroke-opacity='0.85'%20stroke-width='10.0'/%3E%3Cline%20x1='15.5'%20y1='185.3'%20x2='107.9'%20y2='185.3'%20stroke='%23046441'%20stroke-opacity='0.82'%20stroke-width='8.0'/%3E%3Cline%20x1='8.3'%20y1='191.8'%20x2='106.3'%20y2='191.8'%20stroke='%23ff9bc4'%20stroke-opacity='0.78'%20stroke-width='7.4'/%3E%3Cline%20x1='5.3'%20y1='199.2'%20x2='110.5'%20y2='199.2'%20stroke='%23fd418a'%20stroke-opacity='0.89'%20stroke-width='7.9'/%3E%3Cline%20x1='10.1'%20y1='204.4'%20x2='109.4'%20y2='204.4'%20stroke='%23046441'%20stroke-opacity='0.96'%20stroke-width='10.1'/%3E%3Cline%20x1='24.5'%20y1='212.1'%20x2='96.7'%20y2='212.1'%20stroke='%23fd418a'%20stroke-opacity='0.95'%20stroke-width='7.4'/%3E%3Cline%20x1='9.4'%20y1='218.0'%20x2='102.7'%20y2='218.0'%20stroke='%23fd418a'%20stroke-opacity='0.88'%20stroke-width='10.5'/%3E%3Cline%20x1='13.5'%20y1='225.7'%20x2='114.3'%20y2='225.7'%20stroke='%23fd418a'%20stroke-opacity='0.86'%20stroke-width='9.4'/%3E%3Cline%20x1='13.7'%20y1='232.4'%20x2='111.9'%20y2='232.4'%20stroke='%23fd418a'%20stroke-opacity='0.79'%20stroke-width='7.4'/%3E%3Cline%20x1='4.6'%20y1='238.4'%20x2='111.4'%20y2='238.4'%20stroke='%23fd418a'%20stroke-opacity='0.90'%20stroke-width='7.6'/%3E%3Cline%20x1='11.4'%20y1='245.3'%20x2='106.2'%20y2='245.3'%20stroke='%23ff9bc4'%20stroke-opacity='0.89'%20stroke-width='10.8'/%3E%3Cline%20x1='12.5'%20y1='252.3'%20x2='100.7'%20y2='252.3'%20stroke='%23fd418a'%20stroke-opacity='0.79'%20stroke-width='9.7'/%3E%3Cline%20x1='9.0'%20y1='258.5'%20x2='100.0'%20y2='258.5'%20stroke='%23ff9bc4'%20stroke-opacity='0.87'%20stroke-width='8.9'/%3E%3Cline%20x1='24.2'%20y1='263.5'%20x2='111.5'%20y2='263.5'%20stroke='%23046441'%20stroke-opacity='0.78'%20stroke-width='10.7'/%3E%3Cline%20x1='7.3'%20y1='268.7'%20x2='112.4'%20y2='268.7'%20stroke='%23046441'%20stroke-opacity='0.87'%20stroke-width='10.2'/%3E%3Cline%20x1='22.5'%20y1='274.9'%20x2='107.4'%20y2='274.9'%20stroke='%23ff9bc4'%20stroke-opacity='0.87'%20stroke-width='7.5'/%3E%3Cline%20x1='11.9'%20y1='281.9'%20x2='110.1'%20y2='281.9'%20stroke='%23fd418a'%20stroke-opacity='0.94'%20stroke-width='9.3'/%3E%3Cline%20x1='21.1'%20y1='289.3'%20x2='112.1'%20y2='289.3'%20stroke='%23046441'%20stroke-opacity='0.78'%20stroke-width='9.7'/%3E%3Cline%20x1='14.5'%20y1='294.4'%20x2='97.0'%20y2='294.4'%20stroke='%23fd418a'%20stroke-opacity='0.94'%20stroke-width='10.0'/%3E%3Cline%20x1='7.2'%20y1='300.2'%20x2='106.1'%20y2='300.2'%20stroke='%23046441'%20stroke-opacity='0.81'%20stroke-width='7.6'/%3E%3Cline%20x1='20.4'%20y1='307.3'%20x2='114.9'%20y2='307.3'%20stroke='%23fd418a'%20stroke-opacity='0.95'%20stroke-width='7.1'/%3E%3Cline%20x1='21.1'%20y1='312.8'%20x2='101.3'%20y2='312.8'%20stroke='%23046441'%20stroke-opacity='0.86'%20stroke-width='8.4'/%3E%3Cline%20x1='7.0'%20y1='320.1'%20x2='106.7'%20y2='320.1'%20stroke='%23ff9bc4'%20stroke-opacity='0.82'%20stroke-width='9.7'/%3E%3Cline%20x1='22.6'%20y1='326.3'%20x2='94.0'%20y2='326.3'%20stroke='%23fd418a'%20stroke-opacity='0.87'%20stroke-width='7.2'/%3E%3Cline%20x1='12.8'%20y1='333.8'%20x2='105.8'%20y2='333.8'%20stroke='%23046441'%20stroke-opacity='0.88'%20stroke-width='10.7'/%3E%3Cline%20x1='5.9'%20y1='341.7'%20x2='108.2'%20y2='341.7'%20stroke='%23046441'%20stroke-opacity='0.92'%20stroke-width='10.9'/%3E%3Cline%20x1='15.7'%20y1='347.2'%20x2='95.5'%20y2='347.2'%20stroke='%23ff9bc4'%20stroke-opacity='0.84'%20stroke-width='7.9'/%3E%3Cline%20x1='4.6'%20y1='355.2'%20x2='100.2'%20y2='355.2'%20stroke='%23ff9bc4'%20stroke-opacity='0.88'%20stroke-width='7.8'/%3E%3Cline%20x1='10.2'%20y1='362.7'%20x2='113.1'%20y2='362.7'%20stroke='%23fd418a'%20stroke-opacity='0.85'%20stroke-width='7.3'/%3E%3Cline%20x1='9.4'%20y1='370.2'%20x2='105.8'%20y2='370.2'%20stroke='%23046441'%20stroke-opacity='0.84'%20stroke-width='10.4'/%3E%3Cline%20x1='19.6'%20y1='377.8'%20x2='102.0'%20y2='377.8'%20stroke='%23ff9bc4'%20stroke-opacity='0.95'%20stroke-width='8.5'/%3E%3Cline%20x1='23.5'%20y1='385.1'%20x2='105.0'%20y2='385.1'%20stroke='%23fd418a'%20stroke-opacity='0.79'%20stroke-width='11.0'/%3E%3Cline%20x1='13.2'%20y1='390.5'%20x2='99.5'%20y2='390.5'%20stroke='%23ff9bc4'%20stroke-opacity='0.80'%20stroke-width='10.9'/%3E%3Cline%20x1='9.6'%20y1='397.1'%20x2='102.5'%20y2='397.1'%20stroke='%23fd418a'%20stroke-opacity='0.88'%20stroke-width='11.0'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;
  animation:peint9Trait .95s cubic-bezier(.45,.05,.3,1) both;animation-delay:var(--d8,0ms);filter:drop-shadow(0 1px 1px rgba(0,0,0,.08))}
@keyframes peint9Trait{0%{transform:translateX(-80%);opacity:.95}80%{opacity:.9}100%{transform:translateX(353%);opacity:0}}
@media (prefers-reduced-motion:reduce){.dx-ico.dx-peint8>*{-webkit-mask-image:none!important;mask-image:none!important}}
/* ===== v1.72 — plus d'emojis : initiales et icônes dessinées ===== */
.cl2-em{font:900 20px Inter,sans-serif;color:var(--c,#fa5a3c)}.cl2-em.grand{font-size:30px;color:#fff}.cl2-em.xl{font-size:44px;color:var(--c)}
.cl2-act button span{display:grid;place-items:center}.cl2-act button span svg,.cl2-act .rond svg{width:19px;height:19px}
.cl2-comp button span{color:var(--c)}.cl2-comp button span svg{width:34px;height:34px}
.cl2-av-ic{display:grid;place-items:center;color:#1f2a5a}.cl2-av-ic svg{width:60%;height:60%}
.cl2-etoiles{display:inline-flex;gap:1px;color:#f5b301}.cl2-etoiles svg{width:12px;height:12px}
.jc-n{display:inline-grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--c,#1f2a5a);color:#fff;font:900 11px/1 Inter,sans-serif;font-style:normal;vertical-align:middle}
.jc-e{line-height:0}.jcp-at span .jc-n{width:52px;height:52px;font-size:26px}.jr3-rot th .jc-n{width:18px;height:18px;font-size:10px;margin-right:4px}
.jcw-emo{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--c)!important;color:#fff;font:900 20px Inter,sans-serif}
.jr4-m button i svg{width:18px;height:18px}
.dx-ev-types em:empty,.dx-q-types em:empty,.dx-th-ico:empty{display:none}
/* v1.73 — épinglés en liste déroulante (beaucoup d'épinglés) : plus rien n'est rogné au survol.
   Cause : les cartes étaient collées au bord de la zone qui défile → la croix, l'agrandissement et l'ombre étaient coupés.
   La zone qui défile déborde maintenant autour des cartes (16 px en haut et à gauche, 34 px à droite, de la place en bas),
   et un fondu doux remplace la coupure nette quand il reste des épinglés plus haut / plus bas. */
.p9.p9-long:hover .p9-pile,.p9.p9-long.ouvert .p9-pile{box-sizing:border-box!important;padding:0!important;width:calc(var(--Wo) + 50px)!important;height:calc(var(--Ho) + 26px)!important;margin:-16px -34px -10px -16px!important;
  --f1:0px;--f2:0px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--f1),#000 calc(100% - var(--f2)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--f1),#000 calc(100% - var(--f2)),transparent 100%)}
.p9.p9-long.p9-fh:hover .p9-pile,.p9.p9-long.p9-fh.ouvert .p9-pile{--f1:24px}
.p9.p9-long.p9-fb:hover .p9-pile,.p9.p9-long.p9-fb.ouvert .p9-pile{--f2:28px}
.p9.p9-long:hover .p9-c,.p9.p9-long.ouvert .p9-c{left:calc(var(--lo) + 16px);top:calc(var(--to) + 16px)}
.p9.p9-long:hover .p9-pile::after,.p9.p9-long.ouvert .p9-pile::after{content:'';position:absolute;left:0;top:calc(var(--Hc) + 16px);width:1px;height:40px;pointer-events:none}
.p9.p9-long .p9-c:hover,.p9.p9-long .p9-c:focus-visible{box-shadow:0 12px 22px rgba(31,42,90,.26),0 3px 8px rgba(31,42,90,.12)}
@media (hover:none){.p9.p9-long:hover:not(.ouvert) .p9-pile{width:var(--Wf)!important;height:var(--Hf)!important;margin:0!important;-webkit-mask-image:none;mask-image:none}.p9.p9-long:hover:not(.ouvert) .p9-c{left:var(--lf);top:var(--tf)}}
/* v1.73 — épinglés : LE GLISSER, comme le paquet de logos de ressourceslae.com.
   Pendant le geste (p9-glisse) et juste après l'avoir lâché (p9-pose), c'est le PETIT PAQUET fermé, quoi que dise le survol :
   il suit le pointeur sur toute la hauteur (--yg), rien ne s'ouvre ni ne s'agrandit dessous, aucune sélection de texte. */
.p9{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.p9 img,.p9 svg{-webkit-user-drag:none;user-drag:none}
#dxPins9.p9-glisse,#dxPins9.p9-pose{left:-12px!important;top:var(--yg,38%)!important}
#dxPins9.p9-glisse{cursor:grabbing!important;transition:none!important}
#dxPins9.p9-glisse *{pointer-events:none!important}
#dxPins9.p9-glisse .p9-pile,#dxPins9.p9-pose .p9-pile{width:var(--Wf)!important;height:var(--Hf)!important;overflow:visible!important;padding:0!important;margin:0!important;-webkit-mask-image:none!important;mask-image:none!important;transition:none!important}
#dxPins9.p9-glisse .p9-pile::after,#dxPins9.p9-pose .p9-pile::after{display:none!important}
#dxPins9.p9-glisse .p9-c,#dxPins9.p9-pose .p9-c{left:var(--lf)!important;top:var(--tf)!important;transform:rotate(var(--r)) scale(var(--k))!important;box-shadow:0 10px 22px rgba(31,42,90,.18),0 2px 5px rgba(31,42,90,.08)!important;
  transition:transform .22s cubic-bezier(.2,.9,.3,1),left .22s cubic-bezier(.2,.9,.3,1),top .22s cubic-bezier(.2,.9,.3,1)!important;transition-delay:0s!important}
#dxPins9.p9-glisse .p9-c.p9-cache,#dxPins9.p9-pose .p9-c.p9-cache{opacity:0!important;pointer-events:none!important}
#dxPins9.p9-glisse .p9-plus,#dxPins9.p9-pose .p9-plus{opacity:1!important}
#dxPins9.p9-glisse .p9-x,#dxPins9.p9-pose .p9-x{opacity:0!important;transform:scale(.6)!important}
#dxPins9.p9-glisse .p9-poignee{opacity:1!important}
#dxPins9.p9-pose{cursor:pointer}
@media (max-width:760px){#dxPins9.p9-glisse,#dxPins9.p9-pose{left:-10px!important}}
/* v1.74 — recherche sur téléphone : on ne voyait plus que le voile bleu (et le clavier).
   Cause : le bureau (#bord, une « .ecran » en position fixe) forme sa propre pile de calques ; le voile, posé sur <body>,
   passait donc DEVANT le champ de recherche, quel que soit son z-index. Le voile est maintenant DANS le bureau,
   sous l'en-tête (champ) et sous les résultats, et le bureau passe devant la barre du bas pendant la recherche. */
@media (max-width:760px){
  body.dx-rech-tel::after{content:none!important}
  body.dx-rech-tel #bord{z-index:3990}
  body.dx-rech-tel #bord::after{content:"";position:fixed;inset:0;background:rgba(207,230,251,.96);z-index:3990}
  /* l'en-tête ne « glisse » pas en place pendant qu'on ouvre la recherche : sinon le champ sautait de sous l'en-tête jusqu'en haut */
  body.dx-rech-tel .dx-h14{transition:none!important;animation:none!important}
}
/* v1.75 — épinglés : UNE colonne qui défile, et on le COMPREND tout de suite :
   une flèche ronde en bas (« encore N »), une en haut dès qu'on a défilé, et un rail avec son curseur sur le côté. */
.p9-fl,.p9-rail{display:none}
.p9.p9-long:hover .p9-fl,.p9.p9-long.ouvert .p9-fl{position:absolute;left:calc(var(--Wo) / 2 - 19px);z-index:320;display:flex;align-items:center;justify-content:center;gap:2px;min-width:38px;height:38px;padding:0 8px;border:2px solid #fff;border-radius:999px;
  background:#1f2a5a;color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(31,42,90,.32);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.p9-fl svg{width:18px;height:18px;flex:none}
.p9-fl em{font:900 12px/1 Inter,sans-serif;font-style:normal}.p9-fl em:empty{display:none}
.p9.p9-long .p9-fl-h{top:-2px}.p9.p9-long .p9-fl-b{bottom:-2px}
.p9.p9-long.p9-fh:hover .p9-fl-h,.p9.p9-long.p9-fh.ouvert .p9-fl-h,.p9.p9-long.p9-fb:hover .p9-fl-b,.p9.p9-long.p9-fb.ouvert .p9-fl-b{opacity:1;pointer-events:auto}
.p9.p9-long.p9-fb:hover .p9-fl-b,.p9.p9-long.p9-fb.ouvert .p9-fl-b{animation:p9Rebond 1.5s ease-in-out infinite}
.p9-fl:hover{transform:scale(1.08);animation-play-state:paused!important}
@keyframes p9Rebond{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.p9.p9-long:hover .p9-rail,.p9.p9-long.ouvert .p9-rail{display:block;position:absolute;left:calc(var(--Wo) + 14px);top:22px;bottom:22px;width:6px;border-radius:99px;background:rgba(31,42,90,.14);z-index:310}
.p9-rail i{position:absolute;left:0;right:0;top:0;height:30%;border-radius:99px;background:#1f2a5a;transition:top .12s linear}
#dxPins9.p9-glisse .p9-fl,#dxPins9.p9-pose .p9-fl,#dxPins9.p9-glisse .p9-rail,#dxPins9.p9-pose .p9-rail{display:none!important}
@media (prefers-reduced-motion:reduce){.p9 .p9-fl-b{animation:none!important}}
@media (hover:none){.p9.p9-long:hover:not(.ouvert) .p9-fl,.p9.p9-long:hover:not(.ouvert) .p9-rail{display:none}}
/* ============================================================
   v1.76 — TÉLÉPHONE : L'ÉDITEUR REPENSÉ (body.tel9, posé par docs-lae-plus.js — voir « tel9 » tout en bas de ce fichier-là)
   En haut : UNE ligne. À gauche : les outils, sur une colonne qui défile. En bas : une vraie barre fixe, sur toute la largeur,
   où le contenu de l'outil défile de gauche à droite. Au milieu : la page, toujours entière.
   ============================================================ */
body.tel9 #atelier{--t9h:52px;--t9g:64px;--t9bd:46px;--t9b:76px;--t9p:0px;position:fixed!important;left:0!important;right:0!important;top:0;bottom:0;overflow:hidden!important;background:#eef0f6!important;display:block!important}
body.tel9 #dxTop,body.tel9 .at-tete,body.tel9 .at-pied,body.tel9 #dxEdTel,body.tel9 .dx-sim-ouvrir,body.tel9 #dxVersion,body.tel9 .lae-sv-fab,body.tel9 .ed9-fx,body.tel9 #dxSous{display:none!important}
body.tel9 .at-corps{display:block!important;position:static!important}
/* ---------- la ligne du haut ---------- */
#t9Top,#t9Rail2,#t9Bas,#t9Bande,#t9Ouv{display:none}
body.tel9 #t9Top{position:absolute;left:0;right:0;top:0;height:var(--t9h);z-index:50;display:flex;align-items:center;gap:4px;padding:0 6px;background:#fff;border-bottom:1px solid #e6e9f2;box-sizing:border-box}
body.tel9 .t9-b{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;position:relative;border:0;border-radius:13px;background:#f3f5fa;color:#1f2a5a;padding:0;-webkit-tap-highlight-color:transparent}
body.tel9 .t9-b svg{width:21px;height:21px}
body.tel9 .t9-b:active{background:#e6e9f2}
body.tel9 .t9-pdf{background:linear-gradient(90deg,#f0265c,#fa5a3c 60%,#ff8a3d);color:#fff;box-shadow:0 4px 12px rgba(240,38,92,.3)}
body.tel9 .t9-ouvb i{position:absolute;right:-3px;top:-3px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:99px;background:#fa5a3c;color:#fff;font:900 10.5px/17px Inter,sans-serif;font-style:normal;text-align:center}
body.tel9 .t9-ouvb i:empty{display:none}
body.tel9 .t9-titre{flex:1 1 auto;min-width:0;display:flex}
body.tel9 .t9-titre #nomRes{flex:1 1 auto;width:100%;min-width:0;height:40px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:13px!important;background:#f3f5fa!important;color:#1f2a5a!important;font:800 16px Inter,system-ui,sans-serif!important;text-overflow:ellipsis;box-shadow:none!important}
body.tel9 .t9-pile{flex:0 0 auto;display:flex;gap:2px}
body.tel9 .t9-pile button{width:34px!important;height:40px!important;display:grid!important;place-items:center;border:0!important;border-radius:11px!important;background:transparent!important;color:#1f2a5a!important;padding:0!important}
body.tel9 .t9-pile button:disabled{opacity:.3}
body.tel9 .t9-pile button svg{width:19px;height:19px}
/* ---------- la colonne de gauche : les outils, une seule colonne, qui défile ---------- */
body.tel9 #rail{position:absolute!important;left:0!important;top:var(--t9h)!important;bottom:calc(var(--t9b) + 156px)!important;width:var(--t9g)!important;height:auto!important;z-index:44;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch;gap:2px!important;padding:6px 4px!important;margin:0!important;box-sizing:border-box;
  background:#fff!important;border:0!important;border-right:1px solid #e6e9f2!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;transform:none!important;box-shadow:none!important}
body.tel9 #rail::-webkit-scrollbar{display:none}
body.tel9 #rail .dx-grp{display:contents!important}
body.tel9 #rail button,body.tel9 #t9Rail2 button{flex:0 0 auto;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%!important;min-height:48px;height:auto!important;padding:5px 0!important;margin:0!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#4a5378!important;font:700 9.5px/1.1 Inter,system-ui,sans-serif!important;letter-spacing:-.01em;box-shadow:none!important;white-space:nowrap;overflow:hidden;-webkit-tap-highlight-color:transparent}
body.tel9 #rail button em,body.tel9 #t9Rail2 button em{display:grid;place-items:center;width:30px;height:26px;font-style:normal;background:none!important}
body.tel9 #rail button svg,body.tel9 #t9Rail2 button svg{width:21px;height:21px}
body.tel9:not(.sans-panneau) #rail button.on,body.tel9 #t9Rail2 button.on{background:#fff1ec!important;color:#fa5a3c!important}
body.tel9 #t9Rail2{position:absolute;left:0;bottom:var(--t9b);width:var(--t9g);height:156px;z-index:44;display:flex;flex-direction:column;gap:2px;padding:4px;box-sizing:border-box;background:#fff;border-right:1px solid #e6e9f2;border-top:1px solid #eef0f6}
/* ---------- la page : toujours entière, une seule à la fois ---------- */
body.tel9 #scene{position:absolute!important;left:var(--t9g)!important;right:0!important;top:var(--t9h)!important;bottom:var(--t9b)!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#eef0f6!important;touch-action:none;box-sizing:border-box;grid-column:auto!important}
body.tel9 #pages{position:absolute!important;left:50%!important;top:calc((100% - var(--t9bd)) / 2)!important;margin:0!important;padding:0!important;gap:0!important;transform-origin:50% 50%!important;display:block!important}
body.tel9 #pages>.pslot{display:none!important;margin:0!important}
body.tel9 #pages>.pslot.t9-ici{display:block!important}
body.tel9 .pg-outils,body.tel9 .num-ecran,body.tel9 .alerte-caches{display:none!important}
/* ---------- la bande : « Page 1 / 3 », ou la mise en forme de l'élément choisi ---------- */
body.tel9 #t9Bande{position:absolute;left:var(--t9g);right:0;bottom:var(--t9b);height:var(--t9bd);z-index:42;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none}
body.tel9 #t9Bande b{min-width:92px;text-align:center;font:800 13px Inter,system-ui,sans-serif;color:#1f2a5a}
body.tel9 #t9Bande button{pointer-events:auto;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#1f2a5a;box-shadow:0 2px 8px rgba(31,42,90,.12);padding:0}
body.tel9 #t9Bande button:disabled{opacity:.3}body.tel9 #t9Bande button svg{width:18px;height:18px}
body.tel9.t9-sel #t9Bande{display:none}
body.tel9 #scene .volante{position:absolute!important;left:4px!important;right:4px!important;top:auto!important;bottom:4px!important;width:auto!important;max-width:none!important;height:38px;z-index:43!important;display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:2px;padding:0 6px!important;border-radius:14px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;scrollbar-width:none;transform:none!important;box-sizing:border-box}
body.tel9 #scene .volante::-webkit-scrollbar{display:none}
body.tel9 #scene .volante>*{flex:0 0 auto}
body.tel9 #scene .volante button,body.tel9 #scene .volante select{height:32px;min-width:32px}
/* ---------- la barre du bas : fixe, toute la largeur, une ligne qui défile de gauche à droite ---------- */
body.tel9 #t9Bas{position:absolute;left:0;right:0;bottom:0;z-index:46;display:block;background:#fff;border-top:1px solid #e6e9f2;box-shadow:0 -6px 20px rgba(31,42,90,.08)}
body.tel9[data-t9="outil"] #t9Bas{display:none}
body.tel9 .t9-l{display:none;align-items:stretch;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
body.tel9 .t9-l::-webkit-scrollbar{display:none}
body.tel9[data-t9="pages"] .t9-l[data-t9l="pages"],body.tel9[data-t9="vers"] .t9-l[data-t9l="vers"],body.tel9[data-t9="plus"] .t9-l[data-t9l="plus"]{display:flex}
body.tel9 .t9-t{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:74px;max-width:96px;height:58px;padding:4px 8px;box-sizing:border-box;border:0;border-radius:15px;background:#f3f5fa;color:#1f2a5a;font:700 10.5px/1.15 Inter,system-ui,sans-serif;white-space:normal;text-align:center;-webkit-tap-highlight-color:transparent}
body.tel9 .t9-t[hidden]{display:none}
body.tel9 .t9-t em{display:grid;place-items:center;height:22px;font-style:normal}body.tel9 .t9-t svg{width:21px;height:21px}
body.tel9 .t9-t small{display:block;font:700 10.5px/1.15 Inter,system-ui,sans-serif;color:#1f2a5a}
body.tel9 .t9-t:active{background:#e6e9f2}
body.tel9 .t9-vrai>button{display:grid!important;place-items:center;width:34px!important;height:26px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#1f2a5a!important;box-shadow:none!important;position:static!important}
body.tel9 .t9-vrai>button svg{width:21px!important;height:21px!important}
body.tel9 .t9-vrai>button .bt9-lab,body.tel9 .t9-vrai>button span{display:none!important}
body.tel9 .t9-vrai{position:relative}
body.tel9 .t9-vrai>button::after{content:"";position:absolute;inset:0}
body.tel9 .t9-vrai>button.on{color:#fa5a3c!important}
/* les pages : 1 2 3 … */
body.tel9 .t9-minis{flex:0 0 auto;display:flex;align-items:center}
body.tel9 .t9-minis #minis{display:flex!important;flex-wrap:nowrap!important;gap:6px;margin:0!important;padding:0!important;overflow:visible!important;max-width:none!important}
body.tel9 .t9-minis #minis button{flex:0 0 auto;width:40px!important;height:58px!important;border-radius:11px!important;border:2px solid #e0e4ef!important;background:#fff!important;color:#1f2a5a!important;font:800 14px Inter,sans-serif!important;padding:0!important}
body.tel9 .t9-minis #minis button.on{border-color:#fa5a3c!important;background:#fff1ec!important;color:#fa5a3c!important}
/* la version : Élève / Corrigé, Facile / Moyen / Difficile */
body.tel9 .t9-l[data-t9l="vers"] #dxVers{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:14px;margin:0!important;padding:0!important;position:static!important}
body.tel9 .t9-l[data-t9l="vers"] .dx-vers-g{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;flex:0 0 auto}
body.tel9 .t9-l[data-t9l="vers"] .dx-vers-g>span{font:800 10px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a91ad}
body.tel9 .t9-l[data-t9l="vers"] .dx-pill{display:flex!important;flex-wrap:nowrap!important;gap:4px}
body.tel9 .t9-l[data-t9l="vers"] .dx-pill button{height:38px!important;padding:0 12px!important;white-space:nowrap;font-size:13.5px!important}
/* ---------- un outil ouvert : son contenu dans la barre du bas, sur UNE ligne ---------- */
body.tel9 #panneau{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;z-index:46!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:8px;
  padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;margin:0!important;box-sizing:border-box;background:#fff!important;border:0!important;border-top:1px solid #e6e9f2!important;border-radius:0!important;box-shadow:0 -6px 20px rgba(31,42,90,.08)!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;transform:none!important;grid-column:auto!important}
body.tel9 #panneau::-webkit-scrollbar{display:none}
body.tel9.sans-panneau #panneau{display:none!important}
body.tel9 #panneau>*{flex:0 0 auto!important;margin:0!important;white-space:normal}
body.tel9 #panneau>h3,body.tel9 #panneau>p.aide:not(:only-of-type),body.tel9 #panneau>.sous{display:none!important}
body.tel9 #panneau>h5,body.tel9 #panneau h5{flex:0 0 auto;margin:0!important;padding:0 2px;font:800 10px/1.2 Inter,sans-serif!important;letter-spacing:.07em;text-transform:uppercase;color:#8a91ad!important;writing-mode:vertical-rl;transform:rotate(180deg);max-height:64px;overflow:hidden;white-space:nowrap}
body.tel9 #panneau>p.aide{max-width:76vw;font-size:13px!important;line-height:1.4!important;color:#4a5378!important;white-space:normal}
/* le contenu des outils : chaque groupe devient une rangée de tuiles, sans retour à la ligne */
body.tel9 #panneau>div,body.tel9 #panneau>label,body.tel9 #panneau>nav,body.tel9 #panneau>section{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch;gap:8px!important;width:auto!important;max-width:none!important;min-width:0;height:auto!important;max-height:104px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;grid-template-columns:none!important;position:static!important;overflow:visible!important}
body.tel9 #panneau>div>*,body.tel9 #panneau>label>*{flex:0 0 auto}
body.tel9 #panneau button{-webkit-tap-highlight-color:transparent}
/* les tuiles (texte, éléments, lignes, cartable…) : un aperçu et son nom */
body.tel9 #panneau .dx-tuiles1>button,body.tel9 #panneau .dx-outils1>button,body.tel9 #panneau .dx-lg1>button,body.tel9 #panneau .dx-formes-b{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:4px;width:104px!important;min-width:0!important;height:76px!important;min-height:0!important;padding:6px!important;margin:0!important;box-sizing:border-box;border-radius:14px!important;border:1.5px solid #e6e9f2!important;background:#fafbfe!important;overflow:hidden;position:relative}
body.tel9 #panneau .dx-tuiles1>button>span,body.tel9 #panneau .dx-outils1>button>span,body.tel9 #panneau .dx-lg1>button>span,body.tel9 #panneau .dx-formes-b>span{flex:1 1 auto;min-height:0;width:100%;display:grid!important;place-items:center;overflow:hidden;height:auto!important;background:none!important;border:0!important;padding:0!important;margin:0!important}
body.tel9 #panneau .dx-tuiles1>button svg,body.tel9 #panneau .dx-outils1>button svg,body.tel9 #panneau .dx-lg1>button svg,body.tel9 #panneau .dx-tuiles1>button img,body.tel9 #panneau .dx-outils1>button img{max-width:100%!important;max-height:44px!important;width:auto!important;height:auto!important}
body.tel9 #panneau .dx-tuiles1>button small,body.tel9 #panneau .dx-outils1>button small,body.tel9 #panneau .dx-lg1>button small,body.tel9 #panneau .dx-tuiles1>button b,body.tel9 #panneau .dx-outils1>button b,body.tel9 #panneau .dx-formes-b b{flex:0 0 auto;display:block;max-width:100%;font:700 10.5px/1.15 Inter,system-ui,sans-serif!important;color:#1f2a5a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
body.tel9 #panneau .dx-formes-b i{display:none}
/* les pastilles de sujet / de filtre */
body.tel9 #panneau .dx-sujets>button,body.tel9 #panneau .dx-puces>*{flex:0 0 auto;height:36px;padding:0 13px!important;border-radius:999px!important;white-space:nowrap;font-size:13px!important;align-self:center}
/* la recherche */
body.tel9 #panneau label.dx-cherche,body.tel9 #dxSim label.dx-cherche{flex:0 0 150px!important;width:150px!important;height:40px!important;align-self:center;align-items:center!important;padding:0 10px!important;border-radius:13px!important;background:#f3f5fa!important;border:0!important;max-height:none}
body.tel9 #panneau label.dx-cherche input,body.tel9 #dxSim label.dx-cherche input{flex:1 1 auto;min-width:0;width:100%;height:38px;border:0!important;background:transparent!important;font-size:16px!important;padding:0 0 0 6px!important}
/* les pastilles de synchronisation : petites, en haut à droite (elles ne recouvrent plus la barre du bas) */
body.tel9 #dxHorsLigne8,body.tel9 #dxEnvoi8,body.tel9 .dx-hl8p{left:auto!important;right:8px!important;bottom:auto!important;top:calc(var(--t9vt,0px) + 60px)!important;transform:none!important;max-width:52vw!important;min-height:0!important;padding:4px 9px!important;font-size:10.5px!important;line-height:1.2!important;border-radius:999px!important;opacity:.94;z-index:48!important}
body.tel9 #dxEnvoi8{top:calc(var(--t9vt,0px) + 88px)!important}
body.tel9 .toasts{bottom:calc(var(--t9b,76px) + 54px)!important}
body.tel9 #panneau::before,body.tel9 #panneau::after{display:none!important}
body.tel9 #panneau .dx-tuiles1>button small,body.tel9 #panneau .dx-outils1>button small,body.tel9 #panneau .dx-lg1>button small{position:static!important;top:auto!important;left:auto!important;height:auto!important;width:auto!important;padding:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
/* ---------- le sous-outil (réglages de la tuile choisie) : sa ligne à lui, juste au-dessus ; la page rétrécit un peu ---------- */
#t9Sous{display:none}
body.tel9[data-t9="outil"] #t9Sous:not([hidden]){display:block;position:absolute;left:0;right:0;bottom:var(--t9p);z-index:47;background:#fff7f3;border-top:1px solid #ffd9cc}
body.tel9 #t9Sous #dxSous{position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:8px;width:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;scrollbar-width:none;animation:none!important;transform:none!important}
body.tel9 #t9Sous #dxSous::-webkit-scrollbar,body.tel9 #t9Sous #dxSous::before{display:none!important}
body.tel9 #t9Sous #dxSous>*{flex:0 0 auto!important;margin:0!important;white-space:normal}
body.tel9 #t9Sous .dx-sous-x{position:sticky!important;left:0;top:auto!important;right:auto!important;order:-2;width:34px!important;height:34px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,42,90,.14);z-index:3}
body.tel9 #t9Sous .dx-sous-ong,body.tel9 #t9Sous .dx-outil-nom{order:-1;max-width:110px;white-space:normal!important;font:800 12.5px/1.2 Inter,sans-serif!important;color:#1f2a5a!important;margin:0!important;padding:0!important;background:none!important;position:static!important;writing-mode:horizontal-tb!important;transform:none!important}
body.tel9 #t9Sous .dx-sous-ajout{position:sticky!important;right:0;order:99;width:auto!important;height:46px!important;padding:0 16px!important;border-radius:999px!important;white-space:nowrap;box-shadow:-10px 0 14px #fff7f3,0 6px 14px rgba(240,38,92,.25)!important;z-index:3}
body.tel9 #t9Sous .dx-sous-apercu{width:auto!important;height:64px!important;max-height:64px!important;aspect-ratio:auto;overflow:hidden;border-radius:10px;background:#fff;display:none!important}
body.tel9 #t9Sous .dx-reg{display:flex!important;flex-direction:column;gap:3px;min-width:0}
body.tel9 #t9Sous .dx-reg>b,body.tel9 #t9Sous .dx-reg>label{font:800 9.5px Inter,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;color:#8a91ad!important;margin:0!important}
body.tel9 #t9Sous input.dx-champ{width:170px!important;height:40px!important;font-size:16px!important;margin:0!important}
body.tel9 #t9Sous .dx-tuiles1{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;grid-template-columns:none!important;margin:0!important}
body.tel9 #t9Sous .dx-tuiles1>button{flex:0 0 auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:92px!important;height:60px!important;padding:5px!important;margin:0!important;box-sizing:border-box;border-radius:12px!important;border:1.5px solid #e6e9f2!important;background:#fff!important;overflow:hidden}
body.tel9 #t9Sous .dx-tuiles1>button.on{border-color:#fa5a3c!important;background:#fff1ec!important}
body.tel9 #t9Sous .dx-tuiles1>button>span{flex:1 1 auto;min-height:0;width:100%;display:grid!important;place-items:center;overflow:hidden}
body.tel9 #t9Sous .dx-tuiles1>button svg{max-width:100%!important;max-height:30px!important;width:auto!important;height:auto!important}
body.tel9 #t9Sous .dx-tuiles1>button small{position:static!important;display:block;max-width:100%;padding:0!important;background:none!important;font:700 9.5px/1.1 Inter,sans-serif!important;color:#1f2a5a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto!important}
body.tel9 #t9Sous .dx-formes-b,body.tel9 #t9Sous .dx-puce{height:44px!important;white-space:nowrap}
body.tel9 #t9Sous .dx-sous-coul{display:flex!important;flex-wrap:nowrap!important;gap:6px}
/* ---------- Cartable : une ligne pour choisir (matière, recherche, sujets), une ligne d'outils ---------- */
body.tel9[data-t9o="cartable"] #panneau{display:grid!important;grid-template-columns:auto auto minmax(0,1fr);grid-auto-rows:auto;gap:8px!important;overflow:hidden!important}
body.tel9[data-t9o="cartable"] #panneau>.dx-cart-tete{grid-row:1;grid-column:1;align-self:center}
body.tel9[data-t9o="cartable"] #panneau>label.dx-cherche{grid-row:1;grid-column:2;width:118px!important;flex:none!important}
body.tel9[data-t9o="cartable"] #panneau>.dx-sujets{grid-row:1;grid-column:3;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;align-items:center;min-width:0}
body.tel9[data-t9o="cartable"] #panneau>.dx-sujets::-webkit-scrollbar,body.tel9[data-t9o="cartable"] #panneau>.dx-outils1::-webkit-scrollbar{display:none}
body.tel9[data-t9o="cartable"] #panneau>.dx-outils1,body.tel9[data-t9o="cartable"] #panneau>:not(.dx-cart-tete):not(label):not(.dx-sujets){grid-column:1/-1;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;min-width:0}
body.tel9 #panneau .dx-mat-b{height:40px!important;padding:0 12px!important;border-radius:13px!important;white-space:nowrap;display:flex!important;align-items:center;gap:6px}
/* ---------- Images, Page (formats, lignes, bascules) ---------- */
body.tel9 #panneau .dx-depot{flex-direction:row!important;align-items:center!important;gap:8px!important;height:58px!important;padding:0 16px!important;border-radius:15px!important;border:2px dashed #ffb9a6!important;background:#fff7f3!important;white-space:nowrap}
body.tel9 #panneau .dx-depot small{display:none!important}
body.tel9 #panneau .dx-fmts>button,body.tel9 #panneau .dx-lignes-r>button{flex:0 0 auto!important;width:auto!important;min-width:74px;height:60px!important;padding:5px 10px!important;border-radius:14px!important;white-space:nowrap;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px!important}
body.tel9 #panneau .dx-design{align-items:center!important}
body.tel9 #panneau .dx-design .bascule{flex:0 0 auto!important;display:flex!important;align-items:center;gap:8px;height:44px;padding:0 12px!important;margin:0!important;border-radius:13px;background:#f3f5fa;white-space:nowrap;font-size:12.5px}
body.tel9 #panneau input.dx-champ{flex:0 0 190px!important;width:190px!important;height:42px!important;font-size:16px!important;align-self:center}
body.tel9 #panneau .b{flex:0 0 auto;white-space:nowrap;align-self:center}
body.tel9 #rail button,body.tel9 #t9Rail2 button{font-size:9px!important;letter-spacing:-.02em!important}
body.tel9 #t9Sous .dx-sous-ajout{padding:0 14px!important;gap:6px}
body.tel9 #t9Sous .dx-sous-ajout span{font-size:0!important}
body.tel9 #t9Sous .dx-sous-ajout span::after{content:"Ajouter";font:800 14.5px Inter,system-ui,sans-serif}
body.tel9 #panneau .dx-outils1>button::after{content:attr(title);flex:0 0 auto;display:block;max-width:100%;font:700 10px/1.15 Inter,system-ui,sans-serif;color:#1f2a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tel9 #panneau .dx-outils1>button::before{display:none!important}
body.tel9 #panneau .dx-mat-b{font-size:13px!important;padding:0 10px!important;max-width:128px;overflow:hidden}
body.tel9 #panneau .dx-mat-b b,body.tel9 #panneau .dx-mat-b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}
body.tel9 .t9-sep{flex:0 0 1px;align-self:stretch;margin:8px 2px;background:#e6e9f2}
body.tel9 #rail button,body.tel9 #t9Rail2 button{font-size:8.8px!important}
body.tel9 .t9-vrai>button svg,body.tel9 .t9-pile button svg{fill:none!important;stroke:currentColor!important;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* ---------- « ce qui est ouvert » : une colonne à gauche ---------- */
body.tel9 #t9Ouv:not([hidden]){display:block;position:absolute;inset:0;z-index:70}
body.tel9 .t9-ouv-fond{position:absolute;inset:0;background:rgba(31,42,90,.28)}
body.tel9 .t9-ouv-c{position:absolute;left:0;top:var(--t9h);bottom:0;width:min(78vw,300px);display:flex;flex-direction:column;gap:4px;padding:12px 10px calc(14px + env(safe-area-inset-bottom));box-sizing:border-box;background:#fff;border-radius:0 22px 0 0;box-shadow:12px 0 40px rgba(31,42,90,.22);overflow-y:auto;overscroll-behavior:contain}
body.tel9 .t9-ouv-c>b{padding:2px 8px 8px;font:900 12px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8a91ad}
body.tel9 .t9-ouv-c button{flex:0 0 auto;display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:6px 10px;border:0;border-radius:14px;background:#f6f7fb;color:#1f2a5a;font:700 14.5px/1.2 Inter,system-ui,sans-serif;text-align:left}
body.tel9 .t9-ouv-c button.on{background:#fff1ec;color:#fa5a3c;box-shadow:inset 0 0 0 2px #ffcdbd}
body.tel9 .t9-ouv-c button em{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;font-style:normal}
body.tel9 .t9-ouv-c button em svg{width:19px;height:19px}
body.tel9 .t9-ouv-c button span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---------- Ressources : les ressources du site dans la barre du bas (ligne du haut), les pages à ajouter juste en dessous ---------- */
body.tel9 #dxSim{display:none!important}
body.tel9[data-t9o="fiches"] #dxSim{display:flex!important;position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:var(--t9p)!important;width:auto!important;height:auto!important;z-index:47;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:8px;padding:8px 10px!important;margin:0!important;box-sizing:border-box;background:#fff7f3!important;border:0!important;border-top:1px solid #ffd9cc!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;scrollbar-width:none;grid-column:auto!important;transform:none!important}
body.tel9 #dxSim::-webkit-scrollbar{display:none}
body.tel9 #dxSim>*{flex:0 0 auto!important;margin:0!important}
body.tel9 #dxSim .dx-sim-h,body.tel9 #dxSim .dx-sim-auto{display:none!important}
body.tel9 #dxSim .dx-puces{display:flex!important;flex-wrap:nowrap!important;gap:6px}
body.tel9 #dxSim .dx-sim-l{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;overflow:visible!important;max-height:none!important;height:auto!important;padding:0!important}
body.tel9 #dxSim .dx-sim-l>*{flex:0 0 auto!important;width:86px!important;min-width:0!important;margin:0!important}
body.tel9 #dxSim .dx-sim-rien{width:auto!important;white-space:normal;max-width:70vw;font-size:13px}
body.tel9 #dxSim label.dx-cherche{order:1!important;flex:0 0 138px!important;width:138px!important}
body.tel9 #dxSim .dx-puces{order:2!important}
body.tel9 #dxSim .dx-sim-l{order:3!important}
body.tel9 #dxSim .dx-puces>*{height:36px;white-space:nowrap}
body.tel9 #dxSim .dx-sim-l>.lae-sim-card{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;width:178px!important;height:74px!important;padding:5px 8px 5px 5px!important;box-sizing:border-box;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,42,90,.1)!important;overflow:hidden;transform:none!important;position:relative}
body.tel9 #dxSim .lae-sim-img{flex:0 0 43px!important;width:43px!important;height:64px!important;border-radius:8px!important;overflow:hidden;margin:0!important;aspect-ratio:auto!important}
body.tel9 #dxSim .lae-sim-img img{width:100%!important;height:100%!important;object-fit:cover}
body.tel9 #dxSim .lae-sv-btn,body.tel9 #dxSim .lae-ong{display:none!important}
body.tel9 #dxSim .lae-sim-t{flex:1 1 auto;min-width:0;padding:0!important;white-space:normal!important;display:block!important;height:auto!important}
body.tel9 #dxSim .lae-sim-t b{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:800 11px/1.2 Inter,system-ui,sans-serif!important;color:#1f2a5a!important;white-space:normal!important}
body.tel9 #dxSim .lae-sim-t small{display:none!important}
/* mes ressources choisies → leurs pages à ajouter */
body.tel9 #panneau .dx-fiches>button{flex:0 0 44px!important;width:44px!important;height:64px!important;border-radius:9px!important}
body.tel9 #panneau .dx-fiche-t{max-width:120px;white-space:normal!important;font:800 11.5px/1.2 Inter,sans-serif!important;color:#1f2a5a;align-self:center;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.tel9 #panneau .dx-fiche-pages{align-items:center}
body.tel9 #panneau .dx-fiche-pages>button{flex:0 0 auto!important;position:relative;width:50px!important;height:70px!important;padding:0!important;border-radius:9px!important;overflow:hidden;border:1.5px solid #e6e9f2!important;background:#fff!important}
body.tel9 #panneau .dx-fiche-pages>button.on{border-color:#fa5a3c!important}
body.tel9 #panneau .dx-fiche-pages .dx-fp-v,body.tel9 #panneau .dx-fiche-pages .dx-fp-v img{display:block;width:100%!important;height:100%!important;object-fit:cover}
body.tel9 #panneau .dx-fiche-pages>button i{position:absolute;right:3px;bottom:3px;min-width:16px;height:16px;border-radius:8px;background:#1f2a5a;color:#fff;font:800 10px/16px Inter,sans-serif;font-style:normal;text-align:center}
body.tel9 #dxSim .dx-puces{order:4!important}
body.tel9 #panneau .dx-lignes-r>button{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;height:54px!important;min-width:0!important;padding:6px 12px 6px 8px!important;text-align:left;background:#f6f7fb!important;border:0!important}
body.tel9 #panneau .dx-lignes-r .dx-lr-i{flex:0 0 36px;width:36px!important;height:36px!important;display:grid;place-items:center;overflow:hidden;border-radius:9px;position:static!important;margin:0!important}
body.tel9 #panneau .dx-lignes-r .dx-lr-i:empty{display:none}
body.tel9 #panneau .dx-lignes-r .dx-lr-i>*{max-width:100%;max-height:100%}
body.tel9 #panneau .dx-lignes-r>button>span:not(.dx-lr-i){display:block;min-width:0}
body.tel9 #panneau .dx-lignes-r b{display:block;font:800 12.5px/1.2 Inter,sans-serif!important;color:#1f2a5a;white-space:nowrap}
body.tel9 #panneau .dx-lignes-r small{display:block;font:600 10px/1.2 Inter,sans-serif!important;color:#8a91ad;white-space:nowrap}
body.tel9 #panneau .dx-lignes-r>button>i{flex:0 0 auto;position:static!important;margin:0 0 0 4px!important}
body.tel9 #panneau .dx-design h5{writing-mode:horizontal-tb!important;transform:none!important;max-height:none!important;max-width:86px;white-space:normal!important;line-height:1.25!important;display:flex;align-items:center;gap:4px}
body.tel9 #panneau .dx-design h5 svg{width:14px;height:14px;flex:none}
body.tel9 #panneau #gLogo{width:auto!important;margin:0!important;height:44px;padding:0 14px!important}
/* ---------- les réglages d'un élément choisi (taille, police, couleurs, position…) : la même ligne qui défile ---------- */
body.tel9 #panneau .ch{flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:3px!important;max-height:none}
body.tel9 #panneau .ch.duo{flex-direction:row!important;align-items:flex-end!important;gap:8px!important}
body.tel9 #panneau .ch.duo>div{display:flex;flex-direction:column;gap:3px}
body.tel9 #panneau .ch label,body.tel9 #panneau .ch>div>label{font:800 9.5px/1.1 Inter,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;color:#8a91ad!important;margin:0!important;white-space:nowrap}
body.tel9 #panneau input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),body.tel9 #panneau select{height:42px!important;min-width:64px;max-width:210px;font-size:16px!important;border-radius:12px!important;margin:0!important;box-sizing:border-box}
body.tel9 #panneau .ch.duo input{width:76px!important}
body.tel9 #panneau textarea{width:210px!important;height:46px!important;min-height:0!important;resize:none;font-size:16px!important;border-radius:12px!important;margin:0!important;box-sizing:border-box}
body.tel9 #panneau .teintes{align-items:center!important;gap:6px!important;max-height:none}
body.tel9 #panneau .teintes>*{flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:0!important;border-radius:50%!important;padding:0!important}
body.tel9 #panneau .rang{align-items:center!important;gap:6px!important}
body.tel9 #panneau .rang button{flex:0 0 auto;height:42px!important;min-width:40px;padding:0 10px!important;white-space:nowrap;border-radius:12px!important}
body.tel9 #panneau>.bascule,body.tel9 #panneau .bascule{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:8px;height:44px!important;padding:0 12px!important;margin:0!important;border-radius:13px!important;background:#f3f5fa!important;white-space:nowrap;font-size:12.5px}
body.tel9 #panneau label.coche{display:flex!important;align-items:center!important;gap:6px!important;height:42px!important;padding:0 12px!important;border-radius:12px!important;background:#f3f5fa!important;white-space:nowrap;font-size:12.5px;align-self:center}
/* ---------- v1.76 : les onglets posés sur le haut de la page (Élève · Corrigé, 1 · 2 · 3, En évaluation) ---------- */
#t9Ong{display:none}
body.tel9 #t9Ong:not([hidden]){position:absolute;z-index:6;height:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;padding:0 6px;box-sizing:border-box;pointer-events:none}
body.tel9 .t9-og{flex:0 0 auto;display:flex;align-items:flex-end;gap:2px;pointer-events:auto}
body.tel9 .t9-og button{display:flex;align-items:center;gap:4px;height:25px;padding:0 9px;border:0;border-radius:9px 9px 0 0;background:#dfe3ee;color:#4a5378;font:800 11px/1 Inter,system-ui,sans-serif;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:height .15s,background .15s}
body.tel9 .t9-og button.on{height:30px;background:#046441;color:#fff;box-shadow:0 -3px 10px rgba(4,100,65,.22)}
body.tel9 .t9-og button.t9-cor.on{background:#fd418a;box-shadow:0 -3px 10px rgba(253,65,138,.25)}
body.tel9 .t9-og-n button{padding:0 8px}
body.tel9 .t9-og-n button i{font-style:normal;font-weight:900}
body.tel9 .t9-og-n button b{font-weight:800}
body.tel9 .t9-og-n button.on{background:linear-gradient(90deg,#f0265c,#fa5a3c 60%,#ff8a3d);box-shadow:0 -3px 10px rgba(250,90,60,.28)}
body.tel9 .t9-og-n button.auto:not(.on){background:#eceff6;color:#9aa2bd}
body.tel9 .t9-og-e button{background:#1f2a5a;color:#fff;padding:0 8px}
body.tel9 .t9-og-e button svg{width:14px;height:14px}
body.tel9 #pages{top:calc((100% - var(--t9bd)) / 2 + 15px)!important}
body.tel9 #t9Rail2{height:104px}
body.tel9 #rail{bottom:calc(var(--t9b) + 104px)!important}
/* ============================================================
   v1.76 — TÉLÉPHONE : LE BUREAU (html.tel9x) — une vraie barre en bas, fixe, sur toute la largeur ; les sous-menus à gauche, sur une colonne
   ============================================================ */
html.tel9x body.docs-lae .dx-dock-zone{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;z-index:60;display:block!important}
html.tel9x body.docs-lae .dx-dock-poignee{display:none!important}
html.tel9x body.docs-lae .dx-dock-zone .dx-dock{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch;gap:2px!important;width:100%!important;max-width:none!important;margin:0!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;box-sizing:border-box;border-radius:20px 20px 0 0!important;border:0!important;border-top:1px solid #e6e9f2!important;background:#fff!important;box-shadow:0 -6px 22px rgba(31,42,90,.12)!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;transform:none!important;opacity:1!important;visibility:visible!important}
html.tel9x body.docs-lae .dx-dock-zone .dx-dock::-webkit-scrollbar{display:none}
html.tel9x body.docs-lae .dx-dock14 .dx-dock13-b{flex:1 0 68px!important;min-width:68px!important;max-width:none!important;height:58px!important}
html.tel9x body.docs-lae #dxBureau{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
html.tel9x body.docs-lae #dxVersion{bottom:calc(84px + env(safe-area-inset-bottom))!important}
html.tel9x body.docs-lae #dxHorsLigne8,html.tel9x body.docs-lae:not(.tel9) .dx-hl8p{bottom:calc(84px + env(safe-area-inset-bottom))!important}
html.tel9x body.docs-lae:not(.tel9) #dxEnvoi8{bottom:calc(118px + env(safe-area-inset-bottom))!important}
/* le sous-menu d'un bouton de la barre du bas : à gauche, UNE colonne qui défile */
html.tel9x .dx-pop.t9-gauche{position:fixed!important;left:0!important;right:auto!important;top:auto!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;width:min(80vw,310px)!important;max-width:none!important;max-height:min(66vh,560px)!important;border-radius:0 22px 22px 0!important;padding:12px 10px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;box-shadow:14px 0 44px rgba(31,42,90,.26)!important;animation:t9Gauche .2s ease-out both!important}
@keyframes t9Gauche{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
html.tel9x .dx-pop.t9-gauche>div{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:6px!important;grid-template-columns:none!important;width:auto!important;min-width:0!important}
html.tel9x .dx-pop.t9-gauche>div>*{width:100%!important;max-width:none!important;box-sizing:border-box;flex:0 0 auto}
html.tel9x .dx-pop.t9-gauche button{white-space:normal;text-align:left}
/* ---------- les épinglés, en rangée (téléphone) ---------- */
#t9Pins{display:none}
html.tel9x #t9Pins{display:block;position:relative;margin:6px 0 2px;padding:0}
html.tel9x #t9Pins h5{display:flex;align-items:center;gap:6px;margin:0 14px 8px;font:900 11.5px Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#046441}
html.tel9x #t9Pins h5 svg{width:15px;height:15px}
html.tel9x #t9Pins h5 i{min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:99px;background:#046441;color:#fff;font:900 11px/20px Inter,sans-serif;font-style:normal;text-align:center;letter-spacing:0}
html.tel9x .t9-pins-l{display:flex;gap:10px;padding:2px 14px 10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
html.tel9x .t9-pins-l::-webkit-scrollbar{display:none}
html.tel9x #t9Pins.t9-suite .t9-pins-l{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 64px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 64px),transparent 100%)}
html.tel9x .t9-pin{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:9px;width:168px;height:66px;padding:7px 10px 7px 7px;box-sizing:border-box;border:0;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(31,42,90,.1);text-align:left;color:#1f2a5a;-webkit-tap-highlight-color:transparent}
html.tel9x .t9-pin-v{flex:0 0 40px;width:40px;height:52px;display:grid;place-items:center;border-radius:9px;overflow:hidden;background:#f3f5fa}
html.tel9x .t9-pin-v.logo{background:none}html.tel9x .t9-pin-v img{max-width:100%;max-height:100%;object-fit:contain}
html.tel9x .t9-pin-v>span{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:none!important;border:0!important;border-radius:0!important;color:var(--c,#fa5a3c)}
html.tel9x .t9-pin-v svg{width:24px;height:24px}
html.tel9x .t9-pin-v .dx-mini{transform-origin:top left}
html.tel9x .t9-pin b{flex:1 1 auto;min-width:0;font:800 12.5px/1.25 Inter,system-ui,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
html.tel9x .t9-pins-fl{position:absolute;right:8px;top:calc(50% + 6px);width:38px;height:38px;display:none;place-items:center;border:2px solid #fff;border-radius:50%;background:#1f2a5a;color:#fff;box-shadow:0 6px 16px rgba(31,42,90,.3);padding:0;animation:t9Pousse 1.5s ease-in-out infinite}
html.tel9x .t9-pins-fl svg{width:18px;height:18px}
html.tel9x #t9Pins.t9-suite .t9-pins-fl{display:grid}
@keyframes t9Pousse{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){html.tel9x .t9-pins-fl{animation:none}}
html.tel9x #dxPins9{display:none!important}

/* v1.76 : la colonne des outils utilise toute sa largeur (plus de marge à droite), les onglets de version tiennent sur la largeur de la page */
body.tel9 #atelier #rail{padding:6px 4px!important;scrollbar-width:none}
body.tel9 #t9Ong:not([hidden]){padding:0 4px;gap:3px}
body.tel9 .t9-og{min-width:0}
body.tel9 .t9-og button{padding:0 7px}
body.tel9 .t9-og-n button{padding:0 7px}
body.tel9 .t9-og-e button{padding:0 7px;gap:3px}
/* v1.76 : l'outil Évaluation dans la barre du bas du téléphone : des cartes compactes, sur une ligne */
body.tel9 #panneau .dx-ev-hero,body.tel9 #panneau .dx-ev-drop,body.tel9 #panneau .dx-ev-carte{flex:0 0 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;height:60px!important;max-height:none!important;padding:0 10px!important;margin:0!important;border-radius:15px!important;box-sizing:border-box;white-space:nowrap;align-self:center}
body.tel9 #panneau .dx-ev-hero small,body.tel9 #panneau .dx-ev-drop small,body.tel9 #panneau .dx-ev-carte small{display:none!important}
body.tel9 #panneau .dx-ev-hero>b,body.tel9 #panneau .dx-ev-drop>b,body.tel9 #panneau .dx-ev-carte b{display:block;font:800 12.5px/1.2 Inter,system-ui,sans-serif!important;white-space:normal;max-width:104px;margin:0!important}
body.tel9 #panneau .dx-ev-hero-i,body.tel9 #panneau .dx-ev-drop-i,body.tel9 #panneau .dx-ev-c-i{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center;position:static!important;margin:0!important}
body.tel9 #panneau .dx-ev-hero-i svg,body.tel9 #panneau .dx-ev-drop-i svg,body.tel9 #panneau .dx-ev-c-i svg{width:20px;height:20px}
body.tel9 #panneau .dx-ev-go,body.tel9 #panneau .dx-ev-b{flex:0 0 auto!important;display:inline-flex!important;align-items:center;gap:6px;width:auto!important;height:40px!important;padding:0 12px!important;margin:0!important;border-radius:12px!important;white-space:nowrap;font-size:12.5px!important}
body.tel9 #panneau .dx-ev-src{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;margin:0!important;width:auto!important}
body.tel9 #panneau .dx-ev-src button{flex:0 0 auto!important;display:inline-flex!important;align-items:center;gap:5px;width:auto!important;height:40px!important;padding:0 10px!important;border-radius:12px!important;white-space:nowrap;font-size:12.5px!important}
body.tel9 #panneau .dx-ev-carte>div{display:block!important}
body.tel9 #panneau .dx-ev-types{align-items:center!important}
body.tel9 #panneau .dx-ev-types>button{flex:0 0 auto!important;display:flex!important;flex-direction:row!important;align-items:center;gap:6px;width:auto!important;height:54px!important;padding:0 13px!important;border-radius:14px!important;white-space:nowrap;font-size:13px!important}
body.tel9 #panneau .dx-ev-sur{align-self:center;align-items:center!important}
body.tel9 #panneau .dx-ev-sur>button{flex:0 0 auto!important;height:40px!important;padding:0 12px!important;white-space:nowrap}
body.tel9[data-t9o="evaluation"] #panneau h5{writing-mode:horizontal-tb!important;transform:none!important;max-height:none!important;max-width:78px;white-space:normal!important;line-height:1.3!important;align-self:center}
body.tel9[data-t9o="evaluation"] #panneau h5 .dx-ev-tot{display:block;color:#fa5a3c}
body.tel9 #atelier #panneau .dx-ev-hero{background:linear-gradient(135deg,#1f2a5a 0%,#3b4b8f 60%,#6e5fd8 100%)!important;color:#fff!important}
body.tel9 #atelier #panneau .dx-ev-hero>b{color:#fff!important;order:1}
body.tel9 #atelier #panneau .dx-ev-hero-i{order:0;background:rgba(255,255,255,.16)!important;border-radius:9px}
body.tel9 #atelier #panneau .dx-ev-go{order:2;height:38px!important;box-shadow:none!important}
body.tel9 #atelier #panneau .dx-ev-drop{background:#fff6f8!important;border:2px dashed #f7a3b8!important}
body.tel9 #atelier #panneau .dx-ev-carte{background:#f4f6fb!important}

/* v1.76 : épinglés sur ordinateur (retour de Pierre : « 2 lignes de descente », « saccadé », « coupé à droite au survol »)
   • UN seul repère de défilement : le rail ; la barre du navigateur est cachée ;
   • défilement fluide : le fondu des bords ne change plus pendant qu'on défile (il faisait tout repeindre), la liste a son propre calque,
     et pendant que ça défile les cartes ne réagissent plus au survol ;
   • plus rien de coupé à droite : la carte survolée grossit à peine, depuis son centre, la zone déborde davantage à droite et le rail s'écarte. */
.p9.p9-long:hover .p9-pile,.p9.p9-long.ouvert .p9-pile{scrollbar-width:none!important;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7px,#000 calc(100% - 18px),transparent 100%)!important;mask-image:linear-gradient(to bottom,transparent 0,#000 7px,#000 calc(100% - 18px),transparent 100%)!important;width:calc(var(--Wo) + 66px)!important;margin:-16px -50px -10px -16px!important;transform:translateZ(0);transition:none!important}
.p9.p9-long .p9-pile::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.p9.p9-long:hover .p9-rail,.p9.p9-long.ouvert .p9-rail{left:calc(var(--Wo) + 26px)}
.p9-rail i{top:0!important;transition:none!important;will-change:transform}
.p9.p9-long:hover .p9-c,.p9.p9-long.ouvert .p9-c{transform-origin:center}
.p9.p9-long .p9-c:hover,.p9.p9-long .p9-c:focus-visible{transform:scale(1.04)!important}
.p9.p9-defile .p9-c{pointer-events:none}

/* v1.76 : bureau sur petit écran — chaque icône redevient le repère de ce qu'elle contient. Avant, en disposition libre,
   le nom écrit SUR le dossier, le nombre d'éléments et l'étiquette (Évaluation…) d'un document se calaient sur toute la zone :
   ils se retrouvaient ailleurs (étiquette posée sur le premier dossier, noms des dossiers invisibles). */
@media (max-width:900px){#dxBureau .dx-bureau-zone>.dx-ico{position:relative!important;left:auto!important;top:auto!important}}

/* v1.77 : Étiquettes Laé sur téléphone — comme dans un document : plus de défilement vers le bas,
   on balaie à gauche / à droite pour changer de page, et chaque page se voit en entier. */
@media (max-width:760px){
  .etq .etq-zone{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none}
  .etq .etq-zone::-webkit-scrollbar{display:none}
  .etq .etq-pages{flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;width:max-content!important;max-width:none!important;gap:0!important;margin:0!important;padding:14px 0 0!important}
  .etq .etq-pw{flex:0 0 auto!important;margin:0 12px!important;scroll-snap-align:center;scroll-snap-stop:always}
}

/* ============================================================
   v1.78 (10 oct.) — retours de Pierre
   ============================================================ */
/* les niveaux : 1, 2, 3 (plus de « Facile / Moyen / Difficile ») */
.dx-pill.dx-pill-niv button{min-width:32px;justify-content:center;padding:0 10px;font-weight:900;font-size:13px!important}
/* les pastilles de synchro : cachées pour l'instant */
html:not(.dx-voir-synchro) .dx-hl8p{display:none!important}

/* ---- RESSOURCES : le panneau de droite (ordinateur) ---- */
.rs8{display:flex;flex-direction:column;min-height:0}
.rs8-s{margin-top:4px}
.rs8-s h5{display:flex;align-items:center;gap:6px;margin:12px 0 7px;font:800 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#8a91ad}
.rs8-s h5>.dx-i{width:14px;height:14px;flex:none}
.rs8-s h5>span{flex:1 1 auto}
.rs8-s h5 .dx-puces{display:flex;gap:4px;font-style:normal;text-transform:none;letter-spacing:0;flex-wrap:nowrap}
.rs8-moi .rs8-l{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scrollbar-width:thin;overscroll-behavior-x:contain}
.rs8-c{flex:0 0 auto;width:104px;display:flex;flex-direction:column;gap:5px;padding:4px 4px 6px;border:0;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(31,42,90,.12);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:box-shadow .15s,transform .15s}
.rs8-c:hover{box-shadow:0 8px 18px rgba(31,42,90,.2);transform:translateY(-2px)}
.rs8-v{display:block;position:relative;width:96px;height:136px;border-radius:8px;overflow:hidden;background:#f6f7fb;border:1px solid #eef0f6;flex:none}
.rs8-v img{display:block;width:100%;height:100%;object-fit:cover}
.rs8-v .dx-mini{pointer-events:none}
.rs8-t{display:block;min-width:0}
.rs8-t small{display:block;font:700 9px/1.2 Inter,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#8a91ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs8-t b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:800 11.5px/1.25 Inter,system-ui,sans-serif;color:#1f2a5a;word-break:break-word}
.rs8-ap{display:flex;flex-direction:column;min-height:0}
.rs8-ap .dx-inspi-page{margin-left:auto;margin-right:auto;max-width:100%}
.rs8-ap .dx-inspi-pdf img{display:block;width:100%;height:auto}
.rs8-vers{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 10px;flex-wrap:wrap}
.rs8-vers .dx-pill button{height:28px}
#dxSim.rs8-flash{animation:rs8Flash .8s ease-out}
@keyframes rs8Flash{0%{box-shadow:inset 0 0 0 3px #fa5a3c}100%{box-shadow:inset 0 0 0 3px rgba(250,90,60,0)}}

/* ---- RESSOURCES : téléphone — deux lignes en bas (mon bureau, puis le site), la loupe seule pour chercher ---- */
body.tel9 #atelier #dxSim{display:none!important}
body.tel9[data-t9o="fiches"] #atelier #panneau{display:none!important}
body.tel9[data-t9o="fiches"] #atelier #dxSim{display:block!important;position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;height:auto!important;max-height:none!important;z-index:47;margin:0!important;padding:8px 0 calc(8px + env(safe-area-inset-bottom))!important;box-sizing:border-box;background:#fff!important;border:0!important;border-top:1px solid #e6e9f2!important;border-radius:18px 18px 0 0;box-shadow:0 -6px 22px rgba(31,42,90,.1);overflow:visible!important}
body.tel9 #atelier #dxSim .rs8{position:relative;display:block!important;margin:0!important}
body.tel9 #atelier #dxSim .rs8>*{flex:none!important}
body.tel9 #atelier #dxSim .rs8>.dx-sim-h{display:none!important}
body.tel9 #atelier #dxSim .rs8-s{display:block!important;margin:0!important}
body.tel9 #atelier #dxSim .rs8-s h5{display:flex!important;align-items:center;gap:5px;height:26px;margin:0!important;padding:0 12px!important;font:800 10px/1 Inter,system-ui,sans-serif!important;letter-spacing:.07em;text-transform:uppercase;color:#8a91ad!important;writing-mode:horizontal-tb!important;transform:none!important;max-height:none!important;max-width:none!important}
body.tel9 #atelier #dxSim .rs8-s h5 .dx-puces{display:flex!important;gap:5px!important;order:0!important}
body.tel9 #atelier #dxSim .rs8-s h5 .dx-puces>*{height:22px!important;padding:0 8px!important;font-size:10.5px!important;border-radius:999px;white-space:nowrap}
body.tel9 #atelier #dxSim .rs8-l{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 12px 7px!important;margin:0!important;max-height:none!important;height:auto!important;order:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}
body.tel9 #atelier #dxSim .rs8-l::-webkit-scrollbar{display:none}
body.tel9 #atelier #dxSim .rs8-c{flex:0 0 auto!important;width:68px!important;padding:3px 3px 4px;gap:3px;border-radius:10px;box-shadow:0 2px 7px rgba(31,42,90,.14);transform:none!important;-webkit-tap-highlight-color:transparent}
body.tel9 #atelier #dxSim .rs8-v{width:60px;height:85px;border-radius:7px}
body.tel9 #atelier #dxSim .rs8-t small{display:none}
body.tel9 #atelier #dxSim .rs8-t b{display:block;-webkit-line-clamp:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:800 9.5px/1.3 Inter,system-ui,sans-serif}
body.tel9 #atelier #dxSim .dx-sim-rien{flex:0 0 auto;width:auto!important;max-width:74vw;margin:0!important;padding:10px 4px;font-size:12.5px;white-space:normal;color:#6b7390}
body.tel9 #atelier #dxSim label.rs8-q{position:absolute!important;right:10px;top:-3px;z-index:3;order:0!important;display:flex!important;align-items:center!important;flex:none!important;width:36px!important;height:30px!important;padding:0 9px!important;border-radius:10px!important;background:#f3f5fa!important;border:0!important;overflow:hidden;box-sizing:border-box;transition:width .18s ease}
body.tel9 #atelier #dxSim label.rs8-q .dx-i{flex:none;width:18px;height:18px}
body.tel9 #atelier #dxSim label.rs8-q input{flex:1 1 auto;min-width:0;width:100%;height:28px!important;border:0!important;background:transparent!important;font-size:16px!important;padding:0 0 0 7px!important;-webkit-appearance:none;appearance:none}
body.tel9 #atelier #dxSim label.rs8-q input::placeholder{color:transparent}
body.tel9 #atelier #dxSim label.rs8-q:focus-within,body.tel9 #atelier #dxSim label.rs8-q:has(input:not(:placeholder-shown)){width:min(64vw,250px)!important;background:#fff!important;box-shadow:0 0 0 2px #fa5a3c}
/* la ressource choisie : son aperçu prend la place du document (la colonne des outils reste là) */
body.tel9.rs8-vue[data-t9o="fiches"] #atelier #dxSim{top:var(--t9h)!important;left:var(--t9g)!important;bottom:0!important;border-radius:0!important;border-top:0!important;border-left:1px solid #e6e9f2!important;box-shadow:none!important;padding:10px 12px calc(14px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:48;background:#f4f6fb!important;touch-action:pan-y;overscroll-behavior:contain}
body.tel9 #atelier #dxSim .rs8-ap{display:flex!important;flex-direction:column;align-items:center;gap:9px}
body.tel9 #atelier #dxSim .rs8-ap>*{flex:none!important;margin:0!important;max-width:100%}
body.tel9 #atelier #dxSim .rs8-ap .dx-inspi-h,body.tel9 #atelier #dxSim .rs8-ap .rs8-vers,body.tel9 #atelier #dxSim .rs8-ap .dx-inspi-ajout{align-self:stretch}
body.tel9 #atelier #dxSim .rs8-ap .dx-inspi-aide{font-size:12px!important;line-height:1.35;text-align:center}
body.tel9 #atelier #dxSim .rs8-ap .dx-inspi-ajout{min-height:46px}
body.tel9 #atelier #dxSim .rs8-ap .dx-inspi-ret,body.tel9 #atelier #dxSim .rs8-ap .dx-inspi-site{min-width:40px;min-height:40px}

/* ---- les onglets posés sur la page : Élèves · Prof, 1 · 2 · 3, la loupe ---- */
body.tel9 #t9Ong:not([hidden]){z-index:30}
body.tel9 .t9-og button{touch-action:manipulation;justify-content:center;-webkit-user-select:none;user-select:none}
body.tel9 .t9-og-n button{min-width:30px;padding:0 10px;font:900 12.5px/1 Inter,system-ui,sans-serif}
body.tel9 .t9-og-z button{background:#fff;color:#1f2a5a;padding:0 8px;gap:3px;box-shadow:0 -2px 8px rgba(31,42,90,.14)}
body.tel9 .t9-og-z button.on{height:30px;background:#1f2a5a;color:#fff;box-shadow:0 -3px 10px rgba(31,42,90,.3)}
body.tel9 .t9-og-z svg{width:16px;height:16px;flex:none}
body.tel9 .t9-og-z b{font:900 11px/1 Inter,system-ui,sans-serif}
/* « Toutes les pages » : un bouton rond, sans texte, en bas à droite */
#t9Grille{display:none}
body.tel9 #t9Grille:not([hidden]){display:grid;place-items:center;position:absolute;right:10px;bottom:calc(var(--t9b) + 5px);z-index:45;width:38px;height:36px;padding:0;border:0;border-radius:12px;background:#fff;color:#1f2a5a;box-shadow:0 4px 14px rgba(31,42,90,.2);-webkit-tap-highlight-color:transparent}
body.tel9 #t9Grille svg{width:19px;height:19px}
body.tel9.t9-clavier #t9Grille{display:none!important}
/* la vue « Toutes les pages » sur téléphone : elle défile de haut en bas seulement, les pages par deux */
body.tel9 #grille{position:absolute!important;inset:auto!important;left:0!important;right:0!important;top:var(--t9h)!important;bottom:0!important;width:auto!important;height:auto!important;z-index:60!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 12px calc(24px + env(safe-area-inset-bottom))!important;margin:0!important;background:#eef1f7!important;box-sizing:border-box}
body.tel9 #grille .gr-tete{position:sticky;top:-10px;z-index:3;display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px;margin:-10px -12px 10px!important;padding:10px 12px!important;background:#eef1f7}
body.tel9 #grille .gr-tete div{flex:1 1 auto;min-width:0!important}
body.tel9 #grille .gr-tete b{font-size:16px!important}
body.tel9 #grille .gr-tete small{display:block;font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tel9 #grille .gr-pages{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px!important;align-items:start}
body.tel9 #grille .gr-carte{padding:6px!important;border:0!important;min-width:0;cursor:pointer;background:transparent}
body.tel9 #grille .gr-vue{max-width:100%}
body.tel9 #grille .gr-bas{gap:2px!important;margin-top:6px!important;flex-wrap:nowrap}
body.tel9 #grille .gr-bas small{display:none!important}
body.tel9 #grille .gr-bas b{flex:1 1 auto}
body.tel9 #grille .gr-bas button{flex:none;width:30px!important;height:30px!important;padding:0!important}
body.tel9 #grille .dx-gr-plus{width:100%!important;min-height:130px;height:auto!important;margin:6px 0 0!important}
.rs8-site h5{flex-wrap:wrap;row-gap:6px}
body.tel9 #atelier #dxSim .rs8-s h5{height:24px}
body.tel9 #atelier #dxSim .rs8-site h5{flex-wrap:nowrap}
body.tel9 #atelier #dxSim .rs8-l{min-height:124px}
body.tel9 #atelier #dxSim .rs8-c{width:74px!important}
body.tel9 #atelier #dxSim .rs8-v{width:66px;height:93px}
body.tel9 #atelier #dxSim .rs8-v .dx-mini{zoom:1.1}
body.tel9 #atelier #dxSim .rs8-t b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.2;min-height:23px}
body.tel9 #atelier #dxSim .rs8-ap .dx-inspi-aide{align-self:stretch;white-space:normal!important;display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
body.tel9 #atelier #dxSim .rs8-ap .dx-inspi-aide .dx-i{display:inline-block;vertical-align:-3px;width:15px;height:15px;margin-right:4px}

/* ---- v1.78 : plus rien de coupé dans la barre du bas du téléphone ---- */
/* l'interrupteur (Évaluation, bascules) retrouve son bouton rond au bon endroit */
body.tel9 #atelier #panneau .dx-switch,body.tel9 #atelier #t9Sous .dx-switch{position:relative!important;flex:none}
/* les noms des tuiles : sur deux lignes au lieu d'être tronqués */
body.tel9 #atelier #panneau .dx-tuiles1>button small,body.tel9 #atelier #panneau .dx-outils1>button small,body.tel9 #atelier #panneau .dx-lg1>button small,body.tel9 #atelier #panneau .dx-tuiles1>button b,body.tel9 #atelier #panneau .dx-outils1>button b,body.tel9 #atelier #panneau .dx-formes-b b{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px!important;line-height:1.12!important;text-align:center;text-overflow:clip}
body.tel9 #atelier #panneau .dx-outils1>button::after{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.12!important;text-align:center}
/* le sous-outil : ✕ · Réglages · variantes (qui défilent) · « Ajouter » ; le bouton Réglages n'est plus caché sous « Ajouter » */
body.tel9 #atelier #t9Sous .dx-sous-ong,body.tel9 #atelier #t9Sous .dx-outil-nom{display:none!important}
body.tel9 #atelier #t9Sous #dxSous{padding:7px 10px!important;gap:7px!important;scroll-padding-right:120px}
body.tel9 #atelier #t9Sous .dx-tuiles1{align-items:center!important;height:auto!important}
body.tel9 #atelier #t9Sous .dx-tuiles1>button{height:52px!important;min-height:0!important;width:84px!important}
body.tel9 #atelier #t9Sous .dx-sous-ajout{height:44px!important;margin-left:6px!important}
body.tel9 #atelier #t9Sous #dxSous::after{content:'';flex:0 0 2px}
/* Images : juste le bouton « + Ajouter des images » (rien à faire défiler tant qu'il n'y a pas d'image) */
body.tel9[data-t9o="images"] #atelier #panneau>p.aide{display:none!important}
body.tel9[data-t9o="images"] #atelier #panneau .dx-depot{flex:1 0 auto!important;min-width:176px;justify-content:center}
/* Cartable : la matière en entier, la recherche prend le reste */
body.tel9[data-t9o="cartable"] #atelier #panneau{grid-template-columns:auto minmax(96px,1fr) auto}
body.tel9[data-t9o="cartable"] #atelier #panneau>label.dx-cherche{width:auto!important;min-width:0}
body.tel9[data-t9o="cartable"] #atelier #panneau>.dx-sujets{max-width:42vw}

/* ---- v1.78 : le bureau sur téléphone ---- */
/* la barre des documents ouverts et la barre de recherche sont COLLÉES (plus de trou bleu entre les deux) */
html.tel9x #bord>.dx-h14{margin:0!important;border-radius:0 0 20px 20px!important}
html.tel9x #bord>nav.dxo{margin:0!important}
/* tout ce qui est SOUS les barres du bas est blanc, comme si la barre continuait (plus de bleu sous le dock ni sous les outils) */
html.tel9x,html.tel9x body.docs-lae{background-color:#fff!important}
html.tel9x #bord{background:linear-gradient(to top,#fff 0,#fff 72px,rgb(207,230,251) 72px)!important}
body.tel9 #atelier #panneau,body.tel9 #atelier #t9Bas .t9-l{padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}
/* les épinglés : sur téléphone aussi, un petit paquet flottant à gauche, toujours là ; on le touche, il s'ouvre en UNE colonne qui défile au doigt */
html.tel9x body #dxPins9:not([hidden]){display:block!important;z-index:58}
html.tel9x #t9Pins{display:none!important}
html.tel9x body #dxPins9.ouvert{left:6px!important}
html.tel9x body #dxPins9.ouvert .p9-pile{touch-action:pan-y!important;-webkit-overflow-scrolling:touch}
html.tel9x #bord>.dx-h14{top:0!important}
html.tel9x #bord>nav.dxo:not([hidden])~.dx-h14{top:44px!important}

/* ============================================================
   v1.78 — ÉTIQUETTES LAÉ sur téléphone : le MÊME dessin que dans un document
   (une ligne blanche en haut, les outils en colonne à gauche, les détails de l'outil choisi dans la barre fixe du bas)
   ============================================================ */
@media (max-width:760px){
  .etq .etq-h{background:#fff!important;color:#1f2a5a!important;height:52px!important;min-height:52px!important;padding:0 6px!important;gap:4px!important;border-bottom:1px solid #e6e9f2;box-shadow:none!important;box-sizing:border-box}
  .etq .etq-h .etq-logo{display:none!important}
  .etq .etq-h .etq-rb,.etq .etq-h .etq-hb,.etq .etq-h .etq-imp{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:0!important;padding:0!important;display:grid!important;place-items:center;border:0!important;border-radius:13px!important;background:#f3f5fa!important;color:#1f2a5a!important;box-shadow:none!important}
  .etq .etq-h .etq-imp{background:linear-gradient(90deg,#f0265c,#fa5a3c 60%,#ff8a3d)!important;color:#fff!important;box-shadow:0 4px 12px rgba(240,38,92,.3)!important}
  .etq .etq-h .etq-imp span,.etq .etq-h .etq-hb span{display:none!important}
  .etq .etq-h svg{width:21px!important;height:21px!important}
  .etq .etq-h .etq-titre{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:40px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:13px!important;background:#f3f5fa!important;color:#1f2a5a!important;font:800 16px Inter,system-ui,sans-serif!important;text-overflow:ellipsis;box-shadow:none!important}
  .etq .etq-h .etq-h-d{display:flex!important;gap:4px!important;margin:0!important;flex:none!important}
  /* le corps : la colonne à gauche, la page à droite, la barre en bas */
  .etq .etq-corps{position:relative!important;display:block!important;flex:1 1 auto;min-height:0;overflow:hidden!important;background:#eef1f7}
  .etq .etq-rail{position:absolute!important;left:0!important;top:0!important;bottom:var(--etqb,92px)!important;right:auto!important;width:64px!important;height:auto!important;z-index:5;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;padding:6px 4px!important;margin:0!important;background:#fff!important;border:0!important;border-right:1px solid #e6e9f2!important;border-radius:0!important;box-shadow:none!important;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;scrollbar-width:none}
  .etq .etq-rail::-webkit-scrollbar{display:none}
  .etq .etq-rail button{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:100%!important;min-height:48px!important;height:auto!important;padding:5px 0!important;margin:0!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#4a5378!important;font:700 8.8px/1.1 Inter,system-ui,sans-serif!important;letter-spacing:-.01em;box-shadow:none!important;white-space:nowrap;overflow:hidden;-webkit-tap-highlight-color:transparent}
  .etq .etq-rail button svg{width:21px!important;height:21px!important}
  .etq .etq-rail button span{font:inherit!important;color:inherit!important}
  .etq .etq-rail button.on{background:#fff1ec!important;color:#fa5a3c!important}
  .etq .etq-zone{position:absolute!important;left:64px!important;right:0!important;top:0!important;bottom:var(--etqb,92px)!important;width:auto!important;height:auto!important}
  .etq .etq-pan{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;height:auto!important;max-height:none!important;z-index:6;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;margin:0!important;background:#fff!important;border:0!important;border-top:1px solid #e6e9f2!important;border-radius:18px 18px 0 0!important;box-shadow:0 -6px 22px rgba(31,42,90,.1)!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;min-height:76px}
  .etq .etq-pan::-webkit-scrollbar{display:none}
  .etq .etq-pan>*{flex:0 0 auto!important;margin:0!important}
  .etq .etq-pan>h3,.etq .etq-pan>.etq-aide,.etq .etq-pan>.etq-vide{display:none!important}
  .etq .etq-pan>h4,.etq .etq-pan>.etq-lab{font:800 10px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;color:#8a91ad!important;white-space:nowrap;max-width:none}
  .etq .etq-pan>.etq-lab b{color:#1f2a5a}
  .etq .etq-pan input[type=range]{width:130px!important;margin:0!important}
  /* Design : une tuile par style */
  .etq .etq-pan .etq-dsg{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;grid-template-columns:none!important}
  .etq .etq-pan .etq-ds{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:4px;width:118px!important;height:66px!important;padding:5px!important;box-sizing:border-box;border-radius:14px!important;border:1.5px solid #e6e9f2!important;background:#fff!important;overflow:hidden}
  .etq .etq-pan .etq-ds.on{border-color:#fa5a3c!important;background:#fff1ec!important}
  .etq .etq-pan .etq-ds .etq-ex{display:block;width:100%;flex:1 1 auto;min-height:0;overflow:hidden}
  .etq .etq-pan .etq-ds .etq-ex+.etq-ex{display:none!important}
  .etq .etq-pan .etq-ds .etq-ex svg{display:block;width:100%!important;height:100%!important}
  .etq .etq-pan .etq-ds b{flex:none;font:700 10px/1.1 Inter,system-ui,sans-serif!important;color:#1f2a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  /* Étiquettes : les paquets à ajouter, puis chaque étiquette */
  .etq .etq-pan .etq-packs,.etq .etq-pan .etq-chips,.etq .etq-pan .etq-liste,.etq .etq-pan .etq-ics{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:6px!important;max-height:none!important;overflow:visible!important;grid-template-columns:none!important}
  .etq .etq-pan .etq-packs>*,.etq .etq-pan .etq-chips>*{flex:0 0 auto;white-space:nowrap}
  .etq .etq-pan .etq-packs button,.etq .etq-pan .etq-chips button{height:40px!important;padding:0 12px!important;border-radius:12px!important}
  .etq .etq-pan .etq-li{flex:0 0 auto!important;display:flex!important;align-items:center;gap:4px;width:176px!important;height:46px;padding:0 4px!important;box-sizing:border-box;border-radius:12px;background:#f6f7fb;margin:0!important}
  .etq .etq-pan .etq-li.on{box-shadow:0 0 0 2px #fa5a3c}
  .etq .etq-pan .etq-li input{flex:1 1 auto;min-width:0;width:auto!important;height:36px!important;font-size:16px!important;border:0!important;background:transparent!important;padding:0 4px!important}
  .etq .etq-pan .etq-li-ic,.etq .etq-pan .etq-li-x{flex:none;width:34px!important;height:34px!important}
  /* Dessins */
  .etq .etq-pan .etq-cherche{width:150px!important;height:42px!important;font-size:16px!important;border-radius:13px!important}
  .etq .etq-pan .etq-ics button{flex:0 0 auto!important;width:48px!important;height:48px!important;border-radius:12px!important}
  /* Prénoms */
  .etq .etq-pan textarea.etq-noms{width:190px!important;height:60px!important;min-height:0!important;font-size:16px!important;border-radius:12px!important;resize:none}
  .etq .etq-pan .etq-b2,.etq .etq-pan .etq-b3{width:auto!important;height:46px!important;padding:0 14px!important;border-radius:13px!important;white-space:nowrap;display:inline-flex!important;align-items:center;gap:6px}
  .etq .etq-pan .etq-bas{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap;height:44px;padding:0 10px;border-radius:12px;background:#f6f7fb}
  /* le petit éditeur de l'étiquette choisie : juste au-dessus de la barre du bas */
  .etq .etq-flot.bas{position:absolute!important;left:64px!important;right:0!important;bottom:var(--etqb,92px)!important;top:auto!important;width:auto!important;z-index:7;border-radius:14px 14px 0 0!important;margin:0!important}
}

@media (max-width:760px){
  .etq .etq-pan .etq-polices,.etq .etq-pan .etq-coul,.etq .etq-pan .etq-ligne{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:6px!important;width:auto!important;height:auto!important;max-height:none!important;grid-template-columns:none!important;overflow:visible!important}
  .etq .etq-pan .etq-polices button{flex:0 0 auto!important;width:96px!important;height:44px!important}
  .etq .etq-pan .etq-ligne>*{flex:0 0 auto;white-space:nowrap}
  .etq .etq-pages{min-height:100%;align-items:center!important;padding:0!important;box-sizing:border-box}
  /* la loupe des Étiquettes : en haut à droite ; agrandie, la page se déplace au doigt */
  .etq #etqZoom9{position:absolute;right:8px;top:8px;z-index:8;display:flex;align-items:center;gap:3px;height:34px;min-width:36px;padding:0 9px;box-sizing:border-box;border:0;border-radius:11px;background:#fff;color:#1f2a5a;box-shadow:0 4px 14px rgba(31,42,90,.22)}
  .etq #etqZoom9.on{background:#1f2a5a;color:#fff}.etq #etqZoom9 svg{width:17px;height:17px;flex:none}.etq #etqZoom9 b{font:900 11px/1 Inter,system-ui,sans-serif}.etq #etqZoom9 b:empty{display:none}
  .etq[data-z9] .etq-zone{overflow:auto!important;scroll-snap-type:none!important;touch-action:pan-x pan-y}
  .etq[data-z9] .etq-pages{align-items:flex-start!important;padding:10px 0!important}
  .etq[data-z9="1.6"] .etq-pw{zoom:1.6}.etq[data-z9="2.4"] .etq-pw{zoom:2.4}
}
#etqZoom9{display:none}

/* ============================================================
   v1.78 — AGENDA LAÉ sur téléphone : SON interface à lui (ce n'est pas un document → pas de colonne ni de barre d'outils)
   une ligne en haut (retour · ouverts · ‹ période › · aujourd'hui), les 4 vues + « Plus » en bas, le « + » pour écrire ;
   la mise en forme n'apparaît que pendant qu'on écrit. L'ordinateur n'est pas touché.
   ============================================================ */
@media (max-width:760px){
  .jr2.jr9-tel{background:#fff!important}
  .jr2.jr9-tel>nav.dxo{display:none!important}
  .jr2.jr9-tel .jr3-h{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;row-gap:0!important;gap:4px!important;height:52px!important;min-height:52px!important;padding:0 6px!important;background:#fff!important;color:#1f2a5a!important;border-bottom:1px solid #e6e9f2!important;box-shadow:none!important;box-sizing:border-box;transform:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .jr2.jr9-tel .jr3-h .jr2-titre,.jr2.jr9-tel .jr3-h .jr3-burger,.jr2.jr9-tel .jr3-h .jr2-h-d,.jr2.jr9-tel .jr3-sous,.jr2.jr9-tel .jr3-mob{display:none!important}
  .jr2.jr9-tel .jr3-h>.cl-b,.jr2.jr9-tel .jr3-h .jr3-nav>.cl-b,.jr2.jr9-tel .jr3-h .jr2-auj{flex:0 0 40px!important;width:40px!important;min-width:0!important;height:40px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center;border:0!important;border-radius:13px!important;background:#f3f5fa!important;color:#1f2a5a!important;box-shadow:none!important}
  .jr2.jr9-tel .jr3-h svg{width:21px;height:21px}
  .jr2.jr9-tel .jr3-h .jr3-nav{order:0!important;flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important}
  .jr2.jr9-tel .jr3-h .jr3-nav>[data-jr="prec"]{order:1}
  .jr2.jr9-tel .jr3-h .jr3-nav>.jr3-per{order:2;flex:1 1 auto;min-width:0;text-align:center;font:800 15px/1.15 Inter,system-ui,sans-serif!important;color:#1f2a5a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jr2.jr9-tel .jr3-h .jr3-nav>[data-jr="suiv"]{order:3}
  .jr2.jr9-tel .jr3-h .jr3-nav>.jr2-auj{order:4;background:#1f2a5a!important;color:#fff!important}
  .jr2.jr9-tel .jr3-h .jr3-auj-l{display:none!important}
  .jr2.jr9-tel .jr3-h .jr3-auj-c{display:block!important;font:900 14px/1 Inter,system-ui,sans-serif;color:inherit;border:0;background:none;width:auto;height:auto}
  /* en bas : les vues + Plus (une vraie barre fixe, blanche jusqu'en bas) */
  .jr2.jr9-tel .jr3-vues{order:0!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:40;display:flex!important;flex:none!important;justify-content:space-between;gap:2px!important;margin:0!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;background:#fff!important;border:0!important;border-top:1px solid #e6e9f2!important;border-radius:18px 18px 0 0!important;box-shadow:0 -6px 22px rgba(31,42,90,.1)!important;box-sizing:border-box}
  .jr2.jr9-tel .jr3-vues button{flex:1 1 0!important;min-width:0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:50px!important;padding:4px 2px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#4a5378!important;font:700 10px/1.1 Inter,system-ui,sans-serif!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
  .jr2.jr9-tel .jr3-vues button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .jr2.jr9-tel .jr3-vues button.on{background:#fff1ec!important;color:#fa5a3c!important}
  .jr2.jr9-tel .jr3-corps{padding:0 0 calc(64px + env(safe-area-inset-bottom))!important;box-sizing:border-box}
  .jr2.jr9-tel .jr3-vue{padding-bottom:10px!important}
  .jr2.jr9-tel .jr3-fab{bottom:calc(76px + env(safe-area-inset-bottom))!important;right:14px!important;background:linear-gradient(135deg,#f0265c,#fa5a3c 60%,#ff8a3d)!important;color:#fff!important;box-shadow:0 8px 20px rgba(240,38,92,.35)!important}
  /* la mise en forme : seulement pendant qu'on écrit, sur une ligne, au-dessus du clavier */
  .jr2.jr9-tel #jrBarre{display:none!important}
  .jr2.jr9-tel.jr9-ecrit #jrBarre,.jr2.jr9-tel.jr3-ecrit #jrBarre{display:flex!important;position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:var(--kb9,0px)!important;z-index:45;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:auto!important;height:auto!important;margin:0!important;padding:7px 10px!important;background:#fff!important;border:0!important;border-top:1px solid #e6e9f2!important;border-radius:0!important;box-shadow:0 -6px 18px rgba(31,42,90,.12)!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;box-sizing:border-box;touch-action:pan-x}
  .jr2.jr9-tel #jrBarre::-webkit-scrollbar{display:none}
  .jr2.jr9-tel #jrBarre>*{flex:0 0 auto!important}
  .jr2.jr9-tel #jrBarre button{min-width:40px;min-height:40px;border-radius:11px}
  .jr2.jr9-tel #jrBarre .jr2-pal{display:flex!important;flex-wrap:nowrap!important;gap:5px}
  .jr2.jr9-tel #jrBarre .jr2-pal button{min-width:32px!important;min-height:32px!important;width:32px;height:32px;border-radius:50%!important;padding:0!important}
  html.kb9-on .jr2.jr9-tel .jr3-vues,html.kb9-on .jr2.jr9-tel .jr3-fab,.jr2.jr9-tel.jr9-ecrit .jr3-fab{display:none!important}
  html:not(.kb9-on) .jr2.jr9-tel.jr9-ecrit #jrBarre,html:not(.kb9-on) .jr2.jr9-tel.jr3-ecrit #jrBarre{bottom:calc(62px + env(safe-area-inset-bottom))!important}
  /* « Plus » : une colonne à gauche */
  .jr9-plus{position:fixed;inset:0;z-index:4000}
  .jr9-fond{position:absolute;inset:0;background:rgba(20,26,58,.32)}
  .jr9-c{position:absolute;left:0;top:0;bottom:0;width:min(78vw,300px);display:flex;flex-direction:column;gap:5px;padding:18px 10px calc(16px + env(safe-area-inset-bottom));background:#fff;border-radius:0 22px 22px 0;box-shadow:14px 0 44px rgba(31,42,90,.26);overflow-y:auto;box-sizing:border-box;animation:t9Gauche .2s ease-out}
  .jr9-c>b{font:800 11.5px Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a91ad;margin:0 6px 6px}
  .jr9-c button{flex:none;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px;border:0;border-radius:13px;background:#f6f7fb;color:#1f2a5a;font:800 14px Inter,system-ui,sans-serif;text-align:left}
  .jr9-c em{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;color:#fa5a3c;font-style:normal}
  .jr9-c em svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
}
.jr9-plus{display:none}
@media (max-width:760px){.jr9-plus{display:block}}
@media (max-width:760px){
  .jr2.jr9-tel .jr3-h>.cl-b.jr3-burger{display:none!important}
  .jr2.jr9-tel .jr3-h .jr3-nav{flex-direction:row!important}
  body:has(.jr2.jr9-tel:not([hidden])) #dxVersion{display:none!important}
}
body.tel9 #atelier #t9Sous .dx-formes-b{width:auto!important;min-width:0!important;max-width:210px;flex:0 0 auto!important}
body.tel9 #atelier #t9Sous .dx-tuiles1{height:56px!important;max-height:56px!important;padding:0!important;overflow:visible}
body.tel9 #atelier #t9Sous .dx-tuiles1>button{height:52px!important;max-height:52px!important;aspect-ratio:auto!important}
body.tel9[data-t9o="cartable"] #atelier #panneau .dx-mat-b{max-width:172px!important}