#spf-expos{--ink:#1A1A1A;--accent:#EA3900;--sand:#EAE4DA;--line:#ded7cb;--muted:#6b665e;max-width:1120px;margin:0 auto;color:var(--ink);font-size:16px;line-height:1.6;text-align:left}
#spf-expos *{box-sizing:border-box}
#spf-expos .ex-intro{font-size:18px;color:var(--muted);max-width:66ch;margin:0 0 20px}
#spf-expos .ex-intro a,#spf-expos .ex-presentation a{color:var(--accent)}
#spf-expos .ex-kit{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--sand);border-left:4px solid var(--accent);padding:16px 18px;margin:0 0 26px}
#spf-expos .ex-kit span{font-size:14.5px;color:var(--muted)}
#spf-expos .ex-kit-btn{display:inline-block;background:var(--ink);color:#fff!important;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:999px;transition:background .15s}
#spf-expos .ex-kit-btn:hover{background:var(--accent)}
#spf-expos .ex-filtres{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
#spf-expos .ex-filtres input,#spf-expos .ex-filtres select{font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px}
#spf-expos .ex-filtres input{flex:1 1 280px;min-width:0}
#spf-expos .ex-filtres input:focus,#spf-expos .ex-filtres select:focus{outline:2px solid var(--accent);outline-offset:1px}
#spf-expos h2{font-family:"Bebas Neue",Oswald,"Arial Narrow",Impact,sans-serif;font-size:30px;line-height:1.1;letter-spacing:.045em;text-transform:uppercase;margin:44px 0 2px}
#spf-expos .ex-sec:first-of-type h2{margin-top:6px}
#spf-expos .ex-sous{font-size:14.5px;color:var(--muted);margin:0 0 18px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
#spf-expos .ex-vide{background:var(--sand);padding:20px 22px;border-left:4px solid var(--accent)}
#spf-expos .ex-toggle{appearance:none;border:1px solid var(--line);background:var(--sand);color:var(--ink);font:inherit;font-size:14px;font-weight:600;border-radius:999px;padding:9px 18px;cursor:pointer;margin-bottom:18px}
#spf-expos .ex-toggle:hover{border-color:var(--accent);color:var(--accent)}
#spf-expos .ex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
#spf-expos .ex-carte.ex-off{display:none}
#spf-expos .ex-lien{display:block;text-decoration:none;color:inherit}
#spf-expos .ex-affiche{position:relative;display:block;aspect-ratio:3/4;background:var(--sand);overflow:hidden;border:1px solid var(--line)}
#spf-expos .ex-affiche img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
#spf-expos .ex-lien:hover .ex-affiche img{transform:scale(1.035)}
#spf-expos .ex-noaffiche{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Bebas Neue",Oswald,Impact,sans-serif;font-size:64px;color:#b7b0a6}
#spf-expos .ex-badge{position:absolute;left:0;top:14px;background:var(--accent);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px}
#spf-expos .ex-txt{display:block;padding:14px 2px 0}
#spf-expos .ex-date{display:block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}
#spf-expos .ex-titre{display:block;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:3px}
#spf-expos .ex-lien:hover .ex-titre{color:var(--accent)}
#spf-expos .ex-auteur{display:block;font-size:15px;color:var(--ink)}
#spf-expos .ex-lieu{display:block;font-size:14px;color:var(--muted);margin-top:3px}
#spf-expos .ex-single-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
#spf-expos .ex-single-affiche img{width:100%;height:auto;display:block;border:1px solid var(--line)}
#spf-expos .ex-statut{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;margin:0 0 14px;background:var(--sand);color:var(--muted)}
#spf-expos .ex-statut-en_cours{background:var(--accent);color:#fff}
#spf-expos .ex-single-auteur{font-size:20px;font-weight:700;margin:0 0 18px}
#spf-expos .ex-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0 0 22px;font-size:15.5px}
#spf-expos .ex-dl dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}
#spf-expos .ex-dl dd{margin:0}
#spf-expos .ex-presentation{max-width:68ch;margin:34px 0 0;font-size:17px}
#spf-expos .ex-page-membre a{color:var(--accent)}
#spf-expos .ex-retour{margin-top:40px;padding-top:18px;border-top:1px solid var(--line)}
#spf-expos .ex-retour a{color:var(--muted);text-decoration:none;font-size:15px}
#spf-expos .ex-retour a:hover{color:var(--accent)}
@media(max-width:980px){#spf-expos .ex-grid{grid-template-columns:repeat(2,1fr)}#spf-expos .ex-single-grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){#spf-expos .ex-grid{grid-template-columns:1fr;gap:26px}#spf-expos h2{font-size:25px}#spf-expos .ex-filtres input,#spf-expos .ex-filtres select{flex:1 1 100%}}
#spf-expos .spf-partage{margin:38px 0 0;padding:22px 24px;background:var(--sand);border-left:4px solid var(--accent)}
#spf-expos .sp-legende{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
#spf-expos .sp-rangee{display:flex;flex-wrap:wrap;gap:10px}
#spf-expos .sp-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;padding:0;transition:background .15s,color .15s,border-color .15s,transform .15s}
#spf-expos .sp-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-2px)}
#spf-expos .sp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#spf-expos .sp-btn svg{fill:currentColor;display:block}
#spf-expos .sp-telecharger{background:var(--accent);border-color:var(--accent);color:#fff}
#spf-expos .sp-telecharger:hover{background:var(--ink);border-color:var(--ink)}
#spf-expos .sp-etat{display:block;min-height:20px;margin-top:10px;font-size:13.5px;font-weight:600;color:var(--accent)}
#spf-expos.spf-renc .ex-affiche{aspect-ratio:3/4}
#spf-expos.spf-renc .ex-date{color:var(--accent)}
#spf-expos .ex-statut-aujourdhui{background:var(--accent);color:#fff}
@media(max-width:600px){#spf-expos .spf-partage{padding:18px 16px}#spf-expos .sp-btn{width:42px;height:42px}}
#spf-expos .ex-erreur{border-left-color:#b3261e;background:#fdecea}
#spf-expos.spf-gestion .gs-bloc{border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin:0 0 20px;background:#fff}
#spf-expos.spf-gestion .gs-tete{display:flex;gap:18px;align-items:flex-start}
#spf-expos.spf-gestion .gs-vignette{width:84px;height:112px;object-fit:cover;border:1px solid var(--line);flex:0 0 auto}
#spf-expos.spf-gestion .gs-titre-bloc{flex:1;min-width:0}
#spf-expos.spf-gestion .gs-type{margin:0 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
#spf-expos.spf-gestion .gs-bloc h3{font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}
#spf-expos.spf-gestion .gs-statut{display:inline-block;margin:0;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px;background:var(--sand);color:var(--muted)}
#spf-expos.spf-gestion .gs-publish{background:#1A1A1A;color:#fff}
#spf-expos.spf-gestion .gs-pending{background:#f4c542;color:#3b2f00}
#spf-expos.spf-gestion .gs-draft{background:var(--line);color:var(--muted)}
#spf-expos.spf-gestion .gs-voir{margin:8px 0 0;font-size:14px}
#spf-expos.spf-gestion .gs-voir a{color:var(--accent)}
#spf-expos.spf-gestion .gs-modifier{margin:18px 0 0;border-top:1px solid var(--line);padding-top:14px}
#spf-expos.spf-gestion .gs-modifier summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none}
#spf-expos.spf-gestion .gs-modifier summary::-webkit-details-marker{display:none}
#spf-expos.spf-gestion .gs-modifier summary:before{content:"+ ";color:var(--accent);font-weight:700}
#spf-expos.spf-gestion .gs-modifier[open] summary:before{content:"– "}
#spf-expos.spf-gestion .gs-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:16px}
#spf-expos.spf-gestion .gs-form label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.03em;color:var(--muted);margin:0}
#spf-expos.spf-gestion .gs-form input[type=text],#spf-expos.spf-gestion .gs-form textarea{display:block;width:100%;font:inherit;font-size:15px;font-weight:400;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;padding:9px 12px;margin-top:5px}
#spf-expos.spf-gestion .gs-form input[type=text]:focus,#spf-expos.spf-gestion .gs-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
#spf-expos.spf-gestion .gs-form label:first-child,#spf-expos.spf-gestion .gs-fichier,#spf-expos.spf-gestion .gs-aide,#spf-expos.spf-gestion .gs-form button{grid-column:1/-1}
#spf-expos.spf-gestion .gs-opt{font-weight:400;text-transform:none;letter-spacing:0}
#spf-expos.spf-gestion .gs-aide{font-size:13px;color:var(--muted);margin:0}
#spf-expos.spf-gestion .gs-aide a{color:var(--accent)}
#spf-expos.spf-gestion .gs-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#spf-expos.spf-gestion .gs-mini{margin:0}
#spf-expos.spf-gestion .gs-btn{appearance:none;font:inherit;font-size:13.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:11px 20px;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s}
#spf-expos.spf-gestion .gs-btn-1{background:var(--accent);color:#fff}
#spf-expos.spf-gestion .gs-btn-1:hover{background:var(--ink)}
#spf-expos.spf-gestion .gs-btn-2{background:transparent;color:var(--ink);border-color:var(--ink)}
#spf-expos.spf-gestion .gs-btn-2:hover{background:var(--ink);color:#fff}
#spf-expos.spf-gestion .gs-btn-3{background:transparent;color:#b3261e;border-color:#e3b4b0}
#spf-expos.spf-gestion .gs-btn-3:hover{background:#b3261e;color:#fff;border-color:#b3261e}
#spf-expos .gs-lien-auteur{margin:26px 0 0;font-size:14.5px}
#spf-expos .gs-lien-auteur a{color:var(--accent)}
@media(max-width:700px){#spf-expos.spf-gestion .gs-form{grid-template-columns:1fr}#spf-expos.spf-gestion .gs-tete{gap:14px}#spf-expos.spf-gestion .gs-vignette{width:64px;height:86px}}
