@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--orange:#ff6b00;--dark:#111;--muted:#717171;--line:#e8e8e8;--paper:#f6f6f6;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#181818;font-family:'DM Sans',sans-serif}h1,h2,h3,h4,.brand,.bigscore{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.top{background:#111;color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #303030}.nav{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:17px 24px;gap:18px}.brand{font-size:24px;font-weight:900;letter-spacing:-1.2px}.brand span{color:var(--orange)}.links{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.links a{font-size:13px;color:#ddd;font-weight:700}.links a:hover{color:var(--orange)}.btn{background:var(--orange);color:#111;border:0;border-radius:8px;padding:12px 19px;font-weight:800;display:inline-block}.btn:hover{filter:brightness(.94)}.btn.secondary{background:#242424;color:white}.btn.outline{background:white;border:1px solid #ddd}.container{max-width:1250px;margin:auto;padding:32px 24px}.hero{background:#111;color:white;overflow:hidden}.hero-inner{max-width:1250px;margin:auto;min-height:450px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:70px 24px}.eyebrow{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:12px}.hero h1{font-size:clamp(50px,7vw,100px);letter-spacing:-5px;line-height:.94;margin:18px 0}.hero h1 span{color:var(--orange)}.hero p{max-width:520px;color:#bbb;font-size:17px;line-height:1.7}.hero-art{border-radius:20px;min-height:315px;background:radial-gradient(circle at 65% 40%,#ff8c29 0,#ff6b00 24%,transparent 25%),linear-gradient(130deg,#303030,#161616);position:relative;overflow:hidden;display:flex;align-items:end;padding:35px}.hero-art:after{content:'VOLLEY';position:absolute;top:5%;left:-6%;font:900 120px Outfit;color:#ffffff09;transform:rotate(-20deg)}.hero-art strong{font:900 65px Outfit;line-height:.9;z-index:1}.section-title{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:20px 0}.section-title h2{font-size:32px;margin:0;letter-spacing:-1px}.muted{color:var(--muted)}.small{font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 3px 12px #00000004}.card h3{margin:4px 0 14px;font-size:22px}.tag{background:#fff1e6;color:#b84c00;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase;display:inline-block}.darkcard{background:#171717;color:white;border-color:#303030}.darkcard .muted{color:#aaa}.score{display:flex;justify-content:space-between;align-items:center;gap:15px}.bigscore{font-size:42px;font-weight:900;color:var(--orange)}.kpi{font:900 44px Outfit;margin:10px 0 0}.page-title{font-size:clamp(32px,4vw,55px);margin:0 0 8px;letter-spacing:-2px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.table th{font-size:11px;text-transform:uppercase;color:#777;letter-spacing:1px}.form{display:grid;gap:15px}.form label{display:grid;gap:7px;font-size:13px;font-weight:700}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff}.form textarea{min-height:100px}.checkboxes{display:flex;flex-wrap:wrap;gap:15px}.checkboxes label{display:flex;align-items:center;gap:6px}.checkboxes input{width:auto}.pill{display:inline-block;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;background:#eee}.pill.match{background:#fff0e3;color:#a94c00}.pill.training{background:#e8f4ff;color:#165b92}.events{display:grid;gap:12px}.event{display:flex;align-items:center;justify-content:space-between;gap:15px;border-left:4px solid var(--orange);padding:14px 18px;background:white;border-radius:7px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.event strong{display:block}.event .date{font-weight:800;color:var(--orange);font-size:13px}.filterbar{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.filterbar label{background:white;border:1px solid #ddd;padding:8px 12px;border-radius:99px;font-size:13px;cursor:pointer}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.cal-head{text-align:center;padding:10px;font-weight:800;color:#777;font-size:12px}.cal-day{min-height:100px;background:#fff;border:1px solid #eee;border-radius:8px;padding:7px;overflow:hidden}.cal-day.empty{background:transparent;border:0}.cal-day .num{font-size:12px;font-weight:800}.cal-item{display:block;background:#fff1e5;color:#9c4300;border-radius:4px;font-size:10px;padding:4px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-item.match{background:#222;color:#fff}.notice{padding:14px 17px;border-radius:8px;background:#fff2df;border:1px solid #ffdbad;margin-bottom:18px}.footer{background:#111;color:#aaa;margin-top:70px;padding:35px 24px}.footer-inner{max-width:1250px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer strong{color:white}.form-width{max-width:580px}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.orange{color:var(--orange)}.conflict{color:#b33900;font-weight:800;font-size:12px}.hero-stat{display:flex;gap:20px;margin-top:26px}.hero-stat strong{font:900 28px Outfit}.hero-stat span{font-size:12px;color:#aaa}.no-data{padding:25px;background:white;border:1px dashed #ccc;border-radius:12px;color:#777}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-row select{padding:8px;border:1px solid #ddd;border-radius:6px}@media(max-width:850px){.hero-inner,.split{grid-template-columns:1fr}.hero-art{min-height:230px}.grid{grid-template-columns:repeat(2,1fr)}.links{gap:12px}.nav{align-items:flex-start;flex-direction:column}.cal-day{min-height:75px}.hero h1{letter-spacing:-3px}}@media(max-width:540px){.grid,.grid.two{grid-template-columns:1fr}.container{padding:24px 15px}.nav{padding:15px}.hero-inner{padding:45px 18px}.cal-day{min-height:60px;padding:3px}.cal-item{font-size:8px;padding:2px}.section-title h2{font-size:25px}}

.photo{width:100%;height:230px;object-fit:cover;border-radius:12px}.links{flex-wrap:wrap}.form-width{max-width:680px}.grid .card{min-width:0}@media(max-width:800px){.links{gap:8px}.links a{font-size:12px}}


/* ========================================================
   NUC JUNIOR — Design refresh / Orange & noir, novembre 2026
   Présentation uniquement : conserve les fonctionnalités PHP.
   ======================================================== */
:root{--orange:#ff6b00;--orange-light:#ff9b45;--dark:#101114;--muted:#6c727c;--line:#e7e8eb;--paper:#f5f6f8;--white:#fff;--shadow:0 16px 45px rgba(15,19,28,.055)}
html{scroll-behavior:smooth}body{background:var(--paper);color:#1a1c20;-webkit-font-smoothing:antialiased;line-height:1.55}::selection{background:#ff9a4c;color:#141414}
:focus-visible{outline:3px solid #ff8d38;outline-offset:3px}a,button,input,select,textarea{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s,color .2s}
.top{background:rgba(16,17,20,.98);border-bottom:1px solid #35363b;box-shadow:0 8px 26px #0002}.nav{max-width:1380px;padding:16px 28px;gap:22px}.brand{font-size:25px;white-space:nowrap;letter-spacing:-1.5px}.links{gap:7px 11px}.links>a:not(.btn){font-size:12px;letter-spacing:.01em;color:#e0e0e3;padding:10px 8px;border-radius:8px}.links>a:not(.btn):hover{background:#ffffff12;color:#ff9b45}.links .btn{font-size:12px;padding:10px 15px}.btn{border-radius:10px;box-shadow:0 5px 16px #ff6b0026;min-height:42px}.btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 9px 22px #ff6b0036}.btn.secondary{box-shadow:none;background:#292a30}.btn.outline{box-shadow:none}.container{max-width:1280px;padding:45px 28px}.hero{background:radial-gradient(ellipse at 76% 42%,#383028 0%,#1a1a1e 43%,#0e0f12 83%);position:relative}.hero:before{content:'';position:absolute;inset:0;opacity:.24;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0,transparent 75px,#ffffff08 76px,#ffffff08 77px)}.hero-inner{position:relative;max-width:1280px;min-height:520px;padding:78px 28px;grid-template-columns:1.13fr .87fr}.hero h1{font-size:clamp(54px,7vw,100px);line-height:.93;letter-spacing:-.065em}.hero p{font-size:18px;max-width:560px;color:#d1d1d5}.hero-art{min-height:355px;border:1px solid #ffffff22;border-radius:26px;box-shadow:0 30px 65px #0005;background:radial-gradient(circle at 65% 38%,#ff9e47 0,#ff6b00 21%,#d95500 26%,transparent 27%),radial-gradient(ellipse at 72% 25%,#663513 0%,transparent 60%),linear-gradient(135deg,#36383c,#101114)}.hero-art strong{font-size:clamp(45px,5vw,75px);text-shadow:0 8px 20px #0005}.eyebrow{letter-spacing:.18em}.hero-stat{gap:30px;flex-wrap:wrap}.hero-stat strong{font-size:32px}.hero-stat span{display:block}.section-title{margin:28px 0 20px}.section-title h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.045em}.page-title{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;line-height:1.05;margin:8px 0 17px}.grid{gap:20px}.card{border:1px solid #e8e9ec;border-radius:18px;padding:26px;background:#fff;box-shadow:var(--shadow)}.card:hover{box-shadow:0 20px 50px rgba(15,19,28,.095)}.card h3{font-size:23px;letter-spacing:-.035em}.darkcard{background:linear-gradient(145deg,#24252b,#111215);border-color:#35363a;box-shadow:0 18px 35px #1112}.tag{border-radius:100px;background:#fff0e5;color:#ad4800;padding:7px 12px;letter-spacing:.06em}.bigscore{font-size:clamp(34px,4vw,52px)}.kpi{font-size:clamp(38px,4vw,55px);letter-spacing:-.04em;color:#111}.table-wrap{border-radius:18px}.table th{background:#fafafa;font-weight:800}.table th,.table td{padding:16px 15px}.table tbody tr:hover{background:#fff7f1}.form{gap:18px}.form label{font-size:13px;color:#363b43}.form input,.form select,.form textarea{padding:13px 14px;border-radius:10px;border:1px solid #d9dce1;min-height:44px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--orange);outline:0;box-shadow:0 0 0 4px #ff6b001a}.form textarea{min-height:125px}.pill{padding:6px 11px}.event{border-radius:13px;padding:17px 20px;box-shadow:0 6px 20px #00000008}.event:hover{transform:translateX(3px);box-shadow:0 12px 25px #00000010}.event .date{font-size:12px;letter-spacing:.04em}.filterbar label{padding:9px 15px;border-color:#e2e3e7}.filterbar label:has(input:checked){background:#fff0e6;border-color:#ff8d39;color:#9a4200}.calendar{gap:7px}.cal-head{padding:12px 4px}.cal-day{min-height:112px;border-radius:12px;border-color:#e9eaee;padding:10px}.cal-day:hover{border-color:#ffad72;box-shadow:0 5px 14px #0000000a}.cal-day .num{font-size:13px}.cal-item{border-radius:6px;padding:5px 7px;font-weight:700}.notice{border-radius:12px}.no-data{border-radius:14px;background:#fff}.footer{background:#101114;margin-top:85px;padding:50px 28px;border-top:4px solid var(--orange)}.footer-inner{max-width:1280px}.photo{height:245px;border-radius:12px}.split{gap:24px}.orange{color:#e55c00}
@media(max-width:1150px){.nav{flex-wrap:wrap}.links{gap:4px 7px}.links>a:not(.btn){padding:7px 6px}.hero-inner{min-height:460px}}
@media(max-width:850px){.nav{align-items:flex-start;flex-direction:column}.hero-inner{padding:55px 22px;gap:22px}.hero-art{min-height:245px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar{gap:4px}.cal-day{min-height:80px;padding:6px}}
@media(max-width:540px){.nav{padding:13px 16px}.links{width:100%;gap:3px 5px}.links>a:not(.btn){font-size:11px}.links .btn{padding:9px 11px}.container{padding:30px 16px}.hero-inner{padding:48px 17px}.hero h1{font-size:clamp(45px,13vw,70px);letter-spacing:-.055em}.hero p{font-size:15px}.hero-art{min-height:200px;padding:24px}.hero-art strong{font-size:48px}.grid,.grid.two{grid-template-columns:1fr}.card{padding:20px}.section-title h2{font-size:27px}.cal-day{min-height:64px;padding:3px;border-radius:7px}.cal-item{font-size:8px;padding:3px}.table th,.table td{padding:11px 9px}.footer{margin-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}