.training-path { --training-accent: #b85c38; } .training-home { max-width: 1180px; padding-top:.65rem; padding-bottom:5rem; } .training-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; margin:1rem 0 1.4rem; padding:1.5rem 0; } .training-hero h1 { margin:.35rem 0; font-size:clamp(2rem,4vw,3.4rem); } .training-hero p { max-width:720px; margin:.4rem 0 0; font-size:1.08rem; } .training-hero-actions { display:flex; gap:.55rem; flex-wrap:wrap; justify-content:flex-end; } .training-workflow { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; margin:0 0 1.25rem; } .training-workflow a { display:grid; grid-template-columns:2.2rem 1fr; gap:.1rem .65rem; align-items:center; padding:1rem; border:1px solid #ded7ce; border-radius:15px; background:#fffdfa; color:inherit; text-decoration:none; } .training-workflow a:hover { border-color:#b85c38; transform:translateY(-1px); } .training-workflow span { grid-row:1/3; display:grid; place-items:center; width:2.2rem; height:2.2rem; border-radius:50%; background:#f2ded3; color:#71341e; font-weight:850; } .training-workflow strong,.training-workflow small { grid-column:2; } .training-workflow small { color:var(--text-muted); } .training-workflow-compact { margin-top:1rem; } .training-create { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(440px,1.2fr); gap:2rem; align-items:start; } .training-create label { display:grid; gap:.35rem; } .training-create .training-check { display:flex; align-items:center; gap:.45rem; margin:.8rem 0; } .training-cohorts { margin:2rem 0; } .training-cohort-card { color:inherit; text-decoration:none; border-top:4px solid #b85c38; } .training-cohort-card h3 { font-size:1.35rem; margin:.8rem 0 .3rem; } .training-card-tools { display:flex; gap:.35rem; flex-wrap:wrap; margin:1rem 0; } .training-card-tools span { padding:.3rem .55rem; border-radius:999px; background:#f3ece5; font-size:.82rem; } .training-library,.training-gateway { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; } .training-game-preview > span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:9px; background:#f2ded3; color:#71341e; font-weight:800; } .training-create-panel { margin:.75rem 0; padding:0; overflow:hidden; } .training-create-panel > summary { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.8rem 1rem; cursor:pointer; list-style:none; } .training-create-panel > summary::-webkit-details-marker { display:none; } .training-create-panel > summary > span:first-child { display:flex; align-items:center; gap:.8rem; } .training-create-panel > summary strong { font-size:1.05rem; } .training-create-panel[open] > summary { border-bottom:1px solid var(--border-soft); } .training-create-panel .training-create { padding:1rem; } .training-games-catalog { margin-top:1rem; } .training-games-catalog > .flex-between { margin-bottom:.5rem; } .training-games-catalog .grid { gap:.55rem; } .training-games-catalog .training-game-preview { display:flex; align-items:center; gap:.75rem; min-height:78px; padding:.8rem; } .training-games-catalog .training-game-preview > span { flex:0 0 2.5rem; width:2.5rem; height:2.5rem; font-size:1.2rem; } .training-games-catalog .training-game-preview h3 { margin:0 0 .1rem; font-size:1rem; } .training-games-catalog .training-game-preview small { color:var(--muted); } .training-home > .training-hero { align-items:center; margin:0 0 .65rem; padding:.45rem 0; } .training-home > .training-hero h1 { font-size:clamp(1.7rem,3vw,2.45rem); } .training-home > .training-hero p { font-size:.95rem; } .training-home .training-workflow { gap:.55rem; margin-bottom:.65rem; } .training-home .training-workflow a { padding:.7rem; } .training-home .training-cohorts { margin:1rem 0; } .training-home .training-cohort-card { padding:1rem; } .training-home .training-cohort-card h3 { margin:.45rem 0 .15rem; } .training-home .training-library { padding:.85rem 1rem; } .training-home .training-library h2 { font-size:1.15rem; } .training-home .training-library p { display:inline; font-size:.85rem; } .training-resource-hub { display:grid; grid-template-columns:1.5fr .75fr .75fr; gap:.6rem; margin:.45rem 0 .7rem; } .training-resource-hub a { display:flex; align-items:center; gap:.7rem; min-height:74px; padding:.8rem 1rem; border:1px solid var(--border); border-radius:var(--radius-lg); color:var(--ink); background:var(--white); box-shadow:var(--shadow); text-decoration:none; } .training-resource-hub a:hover { border-color:var(--green); box-shadow:var(--shadow-md); } .training-resource-hub span { display:grid; place-items:center; flex:0 0 2.5rem; width:2.5rem; height:2.5rem; border-radius:10px; color:var(--white); background:var(--green); font-size:1.25rem; } .training-resource-hub strong,.training-resource-hub small { display:block; } .training-resource-hub small { color:var(--muted); } .training-resource-main b { margin-left:auto; color:var(--green); } .training-resource-tile { flex-wrap:wrap; } .training-resource-tile small { flex-basis:100%; margin-left:3.2rem; margin-top:-1.4rem; } .training-document-examples { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:.6rem 0; padding:.8rem 1rem; border-radius:var(--radius-lg); background:var(--green-bg); } .training-document-examples h2 { margin:.1rem 0 0; font-size:1.05rem; } .training-example-links { display:flex; gap:.45rem; flex-wrap:wrap; } .training-example-links a { padding:.55rem .75rem; border-radius:9px; color:var(--white); background:var(--green); font-weight:750; } .training-simulator { max-width:1180px; } .simulator-setup { max-width:760px; margin:0 auto; } .simulator-players { display:flex; gap:.55rem; flex-wrap:wrap; margin:1rem 0; } .simulator-players button { display:flex; align-items:center; gap:.45rem; padding:.65rem .85rem; border:1px solid #d9d2c8; border-radius:999px; background:#fff; color:inherit; cursor:pointer; font-weight:700; } .simulator-players button span { display:grid; place-items:center; width:1.55rem; height:1.55rem; border-radius:50%; background:#eee8e1; } .simulator-players button.active { border-color:#b85c38; box-shadow:0 0 0 2px #f2ded3; } .simulator-players button.done span { background:#dfeadd; color:#315331; } .simulator-columns { align-items:start; } .simulator-brief { margin-top:1rem; } .simulator-brief h2 { margin:.25rem 0; } .tetris-header { display:flex; justify-content:space-between; gap:1.5rem; align-items:center; margin-top:1rem; } .tetris-timer { display:block; margin-top:.7rem; font-size:1.5rem; font-weight:850; color:#71341e; } .tetris-layout { display:grid; grid-template-columns:minmax(300px,540px) minmax(240px,1fr); gap:1rem; align-items:start; margin-top:1rem; } .tetris-board-card { background:#25272b; color:#fff; } .tetris-board { display:grid; grid-template-columns:repeat(10,1fr); aspect-ratio:1/2; max-height:64vh; margin:auto; border:4px solid #17191c; background:#111316; } .tetris-board i { display:block; border:1px solid rgba(255,255,255,.045); } .tetris-board i:not(.c0) { border:2px solid rgba(255,255,255,.28); box-shadow:inset 0 0 8px rgba(0,0,0,.22); } .tetris-board i.ideal { position:relative; z-index:2; background:#ef3f3f !important; border-color:#ffb0b0 !important; box-shadow:0 0 12px #ff3434, inset 0 0 5px rgba(255,255,255,.55); animation:tetrisIdeal 1s ease-out; } @keyframes tetrisIdeal { 0%,45%{opacity:1;transform:scale(.88)} 100%{opacity:.15;transform:scale(1)} } .tetris-board .c1,.tetris-piece-preview .c1{background:#36b9c9}.tetris-board .c2,.tetris-piece-preview .c2{background:#e5b93e}.tetris-board .c3,.tetris-piece-preview .c3{background:#9a66c7}.tetris-board .c4,.tetris-piece-preview .c4{background:#dd7b3f}.tetris-board .c5,.tetris-piece-preview .c5{background:#63ad62}.tetris-board .c6,.tetris-piece-preview .c6{background:#4f75c5}.tetris-board .c7,.tetris-piece-preview .c7{background:#ce5959} .tetris-controls { display:grid; grid-template-columns:repeat(5,1fr); gap:.4rem; margin-top:.8rem; } .tetris-controls button { min-height:44px; border:0; border-radius:9px; background:#fff; color:#222; font-size:1.2rem; font-weight:850; cursor:pointer; } .tetris-controls .tetris-drop { background:#d36f47; color:#fff; font-size:.8rem; } .tetris-piece-preview { display:grid; grid-template-columns:repeat(4,24px); grid-template-rows:repeat(4,24px); gap:2px; width:102px; height:102px; margin:1rem 0; place-content:center; } .tetris-piece-preview i { aspect-ratio:1; border-radius:3px; } .tetris-scores { display:grid; gap:.4rem; } .tetris-scores div { display:flex; justify-content:space-between; padding:.65rem .75rem; border-radius:9px; background:#f3eee8; } .tetris-scores div.active { background:#f2ded3; color:#71341e; box-shadow:inset 3px 0 #b85c38; } .tetris-feedback { min-height:80px; padding:.8rem; border-radius:10px; background:#faf4ee; } .tetris-feedback .btn { margin-top:.75rem; } .tetris-controls button:disabled { opacity:.35; cursor:not-allowed; } .chain-hero { display:flex; justify-content:space-between; align-items:center; gap:2rem; margin-top:1rem; } .chain-bank { flex:0 0 160px; display:grid; place-items:center; padding:1rem; border-radius:16px; background:#35206d; color:#fff; } .chain-bank strong { font-size:2.4rem; line-height:1; margin:.3rem 0; } .chain-bank span,.chain-bank small { opacity:.8; } .chain-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:1rem; margin-top:1rem; align-items:start; } .chain-ladder { display:flex; flex-direction:column; gap:.25rem; padding:0; list-style:none; } .chain-ladder li { padding:.45rem .7rem; border-radius:8px; background:#eee8f5; color:#55466b; text-align:center; font-weight:800; } .chain-ladder li.active { background:#d36f47; color:#fff; transform:scale(1.04); } .chain-ladder li.passed { background:#dfeadd; color:#315331; } .chain-question > p { font-size:1.35rem; font-weight:700; line-height:1.4; } .chain-choices { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin:1rem 0; } .chain-choices button { min-height:64px; padding:.8rem; border:1px solid #d8d0e5; border-radius:12px; background:#fff; color:inherit; font-weight:750; cursor:pointer; } .chain-choices button:hover { border-color:#5d35b5; background:#f5f1fb; } .interview-pool { display:grid; gap:.65rem; border:0; padding:0; } .interview-pool legend { margin-bottom:.7rem; font-weight:800; } .interview-pool label { display:grid; grid-template-columns:auto 1fr; align-items:start; gap:.65rem; padding:.9rem; border:1px solid #ddd5ca; border-radius:12px; background:#fffdfa; cursor:pointer; } .interview-pool label:has(input:checked) { border-color:#6a43bd; box-shadow:0 0 0 2px #e8ddfa; } .interview-verdict { padding:.75rem; border-radius:9px; } .interview-verdict.good { background:#e5f2e3; color:#28522b; }.interview-verdict.medium { background:#fff0d8; color:#6c4815; }.interview-verdict.bad { background:#f8dede; color:#742a2a; } /* Univers de jeu originaux : références aux jeux de plateau et aux quiz TV, tout en conservant une lecture calme et professionnelle. */ .game-popup { background:radial-gradient(circle at 50% 0,#fff 0,#f5f0e9 58%,#ece4d9 100%); } .game-popup .training-simulator,.game-popup .training-game-page { min-height:100vh; } .game-popup .card { box-shadow:0 10px 26px rgba(47,34,24,.09); } .game-popup .simulator-brief,.game-popup .training-game-hero { overflow:hidden; position:relative; border:0; color:#fff; background:linear-gradient(125deg,#263b63,#68418a 58%,#bd5f45); } .game-popup .simulator-brief::after,.game-popup .training-game-hero::after { content:""; position:absolute; right:-55px; top:-75px; width:230px; height:230px; border:32px solid rgba(255,255,255,.09); border-radius:50%; } .game-popup .simulator-brief .eyebrow,.game-popup .training-game-hero .eyebrow,.game-popup .simulator-brief .badge { color:#fff; } .game-popup .training-round { position:relative; z-index:1; color:#1f2430; background:rgba(255,255,255,.92); } .game-popup .simulator-players { justify-content:center; padding:.6rem; border-radius:18px; background:#292d3d; box-shadow:0 8px 22px rgba(25,25,35,.18); } .game-popup .simulator-players button { min-width:116px; justify-content:center; border:2px solid transparent; color:#f8f6f0; background:#3b4054; } .game-popup .simulator-players button span { color:#202432; background:#f1c658; } .game-popup .simulator-players button.active { border-color:#f1c658; background:#5f397e; box-shadow:0 0 18px rgba(241,198,88,.4); } /* Entretien relais : cartes-réponses à collectionner et à comparer. */ .game-theme-interview_relay .simulator-columns,.game-theme-interview_relay.training-game-page { counter-reset:answer-card; } .game-theme-interview_relay .interview-pool { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; } .game-theme-interview_relay .interview-pool legend { padding:.75rem 1rem; border-radius:12px; color:#fff; background:#263b63; } .game-theme-interview_relay .interview-pool label { counter-increment:answer-card; position:relative; display:block; min-height:180px; padding:3.25rem 1rem 1rem; border:3px solid #e8dfd1; border-radius:16px; background:linear-gradient(145deg,#fffdf7,#f5ecdb); box-shadow:0 7px 0 #d9cbb7,0 13px 20px rgba(55,41,27,.12); transition:.18s ease; } .game-theme-interview_relay .interview-pool label::before { content:counter(answer-card,upper-alpha); position:absolute; top:.75rem; left:.75rem; display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; color:#fff; background:#bd5f45; font-weight:900; } .game-theme-interview_relay .interview-pool label:hover { transform:translateY(-3px); } .game-theme-interview_relay .interview-pool label:has(input:checked) { border-color:#68418a; background:#f7f0ff; box-shadow:0 7px 0 #68418a,0 0 0 4px #e7d7f7; } .game-theme-interview_relay .interview-pool input { position:absolute; opacity:0; } .game-theme-interview_relay .training-private { border:0; border-radius:14px; color:#fff; background:#bd5f45; box-shadow:inset 0 -4px rgba(93,38,25,.18); } /* Objet mystère : cartes d'indices, ambiance enquête. */ .game-theme-fragmented_clue .simulator-columns,.game-theme-fragmented_clue.training-game-page { padding:1rem; border-radius:22px; background:repeating-linear-gradient(0deg,#164e57,#164e57 28px,#174850 29px,#174850 30px); } .game-theme-fragmented_clue .training-private { border:2px dashed #b8783f; border-left:9px solid #b8783f; color:#33281f; background:#fff1c9; transform:rotate(-.5deg); box-shadow:3px 5px 0 rgba(35,30,20,.14); } .game-theme-fragmented_clue .training-move { border:0; background:#fff1c9; box-shadow:4px 5px 0 rgba(30,36,28,.18); } .mystery-answer { display:flex; align-items:center; gap:1rem; padding:1rem; border:2px dashed #b8783f; border-radius:14px; background:#fff1c9; } .mystery-answer > span { display:grid; place-items:center; flex:0 0 3.2rem; width:3.2rem; height:3.2rem; border-radius:10px; color:#fff; background:#1c5961; font-size:1.7rem; font-weight:900; } .mystery-answer label { flex:1; } .mystery-answer input { text-align:center; font-size:1.7rem; font-weight:900; letter-spacing:.2em; } .mystery-shared-answer { display:grid; place-items:center; width:3.5rem; height:3.5rem; margin:.7rem auto; border:4px double #1c5961; border-radius:9px; color:#1c5961; background:#fff; font-size:2rem; font-weight:950; } .mystery-lock { grid-column:1/-1; margin-top:1rem; padding:1.2rem; border:5px solid #a97037; border-radius:18px; background:linear-gradient(145deg,#ead096,#b77a39); box-shadow:inset 0 0 0 3px #ffe9b2,0 10px 22px rgba(43,31,18,.22); text-align:center; } .mystery-slots { display:flex; justify-content:center; gap:.45rem; margin:1rem 0; } .mystery-slots i { display:grid; place-items:center; width:3rem; height:3.5rem; border:3px solid #30343b; border-radius:8px; color:#f7d970; background:#20242a; box-shadow:inset 0 0 10px #000; font-size:1.7rem; font-style:normal; font-weight:900; } .mystery-lock form { display:flex; justify-content:center; align-items:end; gap:.6rem; } .mystery-lock label { text-align:left; } .mystery-lock input { max-width:180px; text-align:center; font-size:1.35rem; font-weight:900; letter-spacing:.22em; } /* Constellation : jetons de compétences reliés visuellement. */ .game-theme-skills_constellation .simulator-columns,.game-theme-skills_constellation.training-game-page { padding:1rem; border-radius:24px; background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.7) 0 2px,transparent 3px),linear-gradient(145deg,#172c4d,#3d366c); background-size:42px 42px,auto; } .game-theme-skills_constellation .training-move { border:3px solid #9ad4d6; border-radius:50%; min-height:185px; display:grid; place-content:center; text-align:center; background:#f7ffff; box-shadow:0 0 0 7px rgba(154,212,214,.18),0 0 25px rgba(154,212,214,.22); } /* Boussole : plateau de décision avec repères impact/urgence. */ .game-theme-priority_compass .simulator-columns,.game-theme-priority_compass.training-game-page { padding:1rem; border-radius:22px; background:linear-gradient(90deg,transparent 49.7%,rgba(104,65,138,.22) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(104,65,138,.22) 50%,transparent 50.3%),#f4ebd8; } .game-theme-priority_compass .training-move { border:0; border-radius:13px 13px 13px 3px; background:#fff7ad; box-shadow:3px 5px 0 rgba(82,65,27,.17); } /* Chaîne des savoirs : plateau de quiz lumineux. */ .chain-hero { border:0; color:#fff; background:linear-gradient(120deg,#121832,#37246b 55%,#711c5c); box-shadow:0 10px 30px rgba(31,19,70,.25); } .chain-bank { border:2px solid #f3d35f; background:radial-gradient(circle,#8c347a,#341b68 70%); box-shadow:0 0 22px rgba(243,211,95,.35),inset 0 0 22px rgba(255,255,255,.12); } .chain-bank strong { color:#fff4a2; text-shadow:0 0 10px rgba(255,226,92,.75); } .chain-layout { padding:1rem; border-radius:22px; background:linear-gradient(145deg,#171b36,#292055); box-shadow:0 12px 32px rgba(26,20,57,.25); } .chain-layout > .card { border-color:#6b5b9b; } .chain-question { color:#fff; background:radial-gradient(circle at 50% 15%,#4c3b86,#211a49 70%); } .chain-question > p { padding:1.1rem; border:1px solid #7366aa; border-radius:14px; text-align:center; background:rgba(8,10,32,.42); } .chain-choices button { position:relative; color:#fff; border:2px solid #876fc1; border-radius:999px; background:linear-gradient(180deg,#43327c,#231b55); box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 0 #151039; } .chain-choices button:nth-of-type(1)::before,.chain-choices button:nth-of-type(2)::before,.chain-choices button:nth-of-type(3)::before,.chain-choices button:nth-of-type(4)::before { display:inline-grid; place-items:center; width:1.7rem; height:1.7rem; margin-right:.55rem; border-radius:50%; color:#261b55; background:#f3d35f; font-weight:900; } .chain-choices button:nth-of-type(1)::before{content:"A"}.chain-choices button:nth-of-type(2)::before{content:"B"}.chain-choices button:nth-of-type(3)::before{content:"C"}.chain-choices button:nth-of-type(4)::before{content:"D"} .chain-choices button:hover { color:#231b55; border-color:#f3d35f; background:#fff4a2; transform:translateY(-2px); } .chain-ladder li { border:1px solid #d8caee; background:#f4edff; } .chain-ladder li.active { color:#231b55; background:#f3d35f; box-shadow:0 0 14px rgba(243,211,95,.65); } /* La palette de jeu hérite toujours du thème choisi pour l’espace. */ .game-popup { --game-primary:var(--green); --game-dark:var(--green-dark); --game-accent:var(--orange); --game-soft:var(--green-bg); background:radial-gradient(circle at 50% 0,var(--white),var(--beige-light) 58%,var(--beige)); } .game-popup .card { box-shadow:var(--shadow-md); } .game-popup .simulator-brief,.game-popup .training-game-hero { background:linear-gradient(125deg,var(--game-dark),var(--game-primary) 62%,var(--game-accent)); } .game-popup .simulator-players { padding:.45rem; border-radius:var(--radius-lg); background:var(--game-dark); box-shadow:var(--shadow-md); } .game-popup .simulator-players button { min-width:104px; color:var(--white); background:color-mix(in srgb,var(--game-primary) 62%,var(--game-dark)); } .game-popup .simulator-players button span { color:var(--game-dark); background:var(--yellow); } .game-popup .simulator-players button.active { border-color:var(--yellow); background:var(--game-primary); box-shadow:0 0 14px color-mix(in srgb,var(--yellow) 45%,transparent); } .game-theme-interview_relay .interview-pool legend { background:var(--game-dark); } .game-theme-interview_relay .interview-pool label::before { background:var(--game-accent); } .game-theme-interview_relay .interview-pool label:has(input:checked) { border-color:var(--game-primary); background:var(--game-soft); box-shadow:0 7px 0 var(--game-primary),0 0 0 4px color-mix(in srgb,var(--game-primary) 22%,transparent); } .game-theme-interview_relay .training-private { background:var(--game-accent); } .game-theme-fragmented_clue .simulator-columns,.game-theme-fragmented_clue.training-game-page { background:repeating-linear-gradient(0deg,var(--game-dark),var(--game-dark) 28px,color-mix(in srgb,var(--game-dark) 88%,#fff) 29px,color-mix(in srgb,var(--game-dark) 88%,#fff) 30px); } .mystery-answer > span { background:var(--game-dark); } .mystery-shared-answer { color:var(--game-dark); border-color:var(--game-dark); } .mystery-lock { border-color:var(--game-accent); background:linear-gradient(145deg,var(--yellow-bg),var(--yellow)); box-shadow:inset 0 0 0 3px var(--beige-light),var(--shadow-lg); } .game-theme-skills_constellation .simulator-columns,.game-theme-skills_constellation.training-game-page { background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.7) 0 2px,transparent 3px),linear-gradient(145deg,var(--game-dark),var(--game-primary)); background-size:42px 42px,auto; } .game-theme-priority_compass .simulator-columns,.game-theme-priority_compass.training-game-page { background:linear-gradient(90deg,transparent 49.7%,color-mix(in srgb,var(--game-primary) 24%,transparent) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,color-mix(in srgb,var(--game-primary) 24%,transparent) 50%,transparent 50.3%),var(--beige); } .chain-hero { background:linear-gradient(120deg,var(--game-dark),var(--game-primary) 60%,var(--game-accent)); box-shadow:var(--shadow-lg); } .chain-bank { border-color:var(--yellow); background:radial-gradient(circle,var(--game-primary),var(--game-dark) 70%); } .chain-layout { background:linear-gradient(145deg,var(--game-dark),var(--game-primary)); box-shadow:var(--shadow-lg); } .chain-question { background:radial-gradient(circle at 50% 15%,var(--game-primary),var(--game-dark) 70%); } .chain-choices button { border-color:var(--green-light); background:linear-gradient(180deg,var(--game-primary),var(--game-dark)); box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 0 color-mix(in srgb,var(--game-dark) 78%,#000); } .game-popup .unified-navbar,.game-popup .petal-wheel,.game-popup .petal-launcher,.game-popup .nav-reveal,.game-popup .conversation-ticker,.game-popup .ticker-show,.game-popup .messenger-fab,.game-popup #messenger-panel,.game-popup #sg-chat-btn,.game-popup #sg-chat-panel,.game-popup a[href^="/feedback"],.game-popup .gafam-strip { display:none !important; } .game-popup main { padding-top:0 !important; } .game-popup .fb-layout { display:block; max-width:none; margin:0; } .game-popup .fb-center { max-width:none; } .game-popup .training-simulator,.game-popup .training-game-page { width:min(100% - 1rem,1320px); max-width:1320px; padding-top:.35rem; } .game-popup .training-simulator > a { display:inline-block; margin:.1rem 0; font-size:.8rem; } .game-popup .training-simulator > .training-hero { align-items:center; gap:.75rem; margin:.15rem 0 .45rem; padding:.25rem 0; } .game-popup .training-simulator > .training-hero h1 { margin:0; font-size:clamp(1.2rem,2.4vw,1.7rem); } .game-popup .training-simulator > .training-hero p { max-width:760px; margin:.1rem 0; font-size:.82rem; line-height:1.35; } .game-popup .training-simulator > .training-hero .eyebrow { font-size:.65rem; } .game-popup .training-simulator:has(#sim-stage:not([hidden]),#tetris-stage:not([hidden]),#chain-stage:not([hidden])) > a { display:none; } .game-popup .training-simulator:has(#sim-stage:not([hidden]),#tetris-stage:not([hidden]),#chain-stage:not([hidden])) > .training-hero { display:grid; grid-template-columns:1fr auto; } .game-popup .training-simulator:has(#sim-stage:not([hidden]),#tetris-stage:not([hidden]),#chain-stage:not([hidden])) > .training-hero .eyebrow, .game-popup .training-simulator:has(#sim-stage:not([hidden]),#tetris-stage:not([hidden]),#chain-stage:not([hidden])) > .training-hero p { display:none; } .game-popup .simulator-brief { margin-top:.25rem; padding:.8rem 1rem; } .game-popup .simulator-brief h2 { font-size:1.2rem; } .game-popup .simulator-brief > p { margin:.15rem 0; font-size:.88rem; } .game-popup .simulator-brief .training-round { margin-top:.45rem; padding:.5rem .7rem; } .game-popup .simulator-players { margin:.45rem 0; } .game-popup .simulator-columns { gap:.55rem; } .game-popup .simulator-columns > .card { padding:1rem; } .training-path > .flex-between { gap: 1rem; align-items: flex-start; } .training-path-list { display: grid; gap: .9rem; margin-top: 1.25rem; } .training-module { position: relative; border: 1px solid #e1ddd5; border-radius: 16px; background: #fffdfa; padding: 1.1rem; } .training-path-list > .training-module { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: .9rem; } .training-module-number { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #f2ded3; color: #71341e; font-weight: 800; } .training-module h3 { margin: .45rem 0 .35rem; } .training-module-goal { font-size: 1.05rem; } .training-module-actions { display: flex; gap: .3rem; flex-wrap: wrap; } .training-module-actions form { margin: 0; } .training-deliverable { border-left: 3px solid var(--training-accent); padding: .45rem .7rem; background: #faf3ee; border-radius: 0 8px 8px 0; } .training-assign { margin-top: .85rem; } .training-assign summary, .training-catalog > summary { cursor: pointer; font-weight: 750; color: #71341e; } .training-assign form { margin-top: .8rem; } .training-module fieldset { display: flex; gap: .45rem 1rem; flex-wrap: wrap; border: 0; padding: .6rem 0; } .training-module fieldset label { display: inline-flex; align-items: center; gap: .35rem; } .training-catalog { margin-top: 1.25rem; border-top: 1px solid #e5e0d8; padding-top: 1rem; } .training-domain-title { margin: 1.35rem 0 .65rem; color: #71341e; } .training-module-picker { display: flex; flex-direction: column; } .training-module-picker .btn { margin-top: auto; align-self: flex-start; } .training-empty { padding: 1.4rem; border: 1px dashed #c9bbae; border-radius: 14px; background: #fffaf6; } .training-content-nav { position: sticky; top: .5rem; z-index: 5; display: flex; gap: .35rem; width: fit-content; margin: 1rem auto; padding: .35rem; border: 1px solid #ddd6cc; border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: 0 5px 18px rgba(57,43,33,.08); } .training-content-nav a { padding: .55rem .8rem; border-radius: 10px; color: #382d25; font-weight: 750; text-decoration: none; } .training-content-nav a:hover { background: #f5e8df; color: #71341e; } .training-assignment-list { display: grid; gap: .7rem; margin: 1rem 0; } .training-assignment { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1rem; border: 1px solid #e1ddd5; border-radius: 14px; background: #fffdfa; } .training-assignment h3 { margin: .4rem 0; } .training-assignment form { min-width: 180px; } .training-interview-brief, .training-interview-fields { padding: .75rem; border-radius: 10px; background: #f6eee8; } .training-interview-fields { display: grid; gap: .55rem; } .training-tip { display: flex; gap: .75rem; padding: 1rem; border: 1px solid #e4ded5; border-radius: 14px; background: #fffdfa; } .training-tip > span { display: grid; flex: 0 0 2rem; place-items: center; width: 2rem; height: 2rem; border-radius: 8px; background: #efe5dc; color: #71341e; font-weight: 800; } .training-tip h3 { margin: 0 0 .35rem; font-size: 1rem; } .training-tip p { margin: 0; } .training-game-title { display: flex; gap: 1rem; align-items: center; } .training-game-title > span { display: grid; place-items: center; flex: 0 0 3.5rem; width: 3.5rem; height: 3.5rem; border-radius: 15px; background: #f0ded2; color: #71341e; font-size: 1.8rem; } .training-game-title h1 { margin: 0; } .training-round { display: flex; gap: .7rem; align-items: baseline; margin-top: 1rem; padding: .8rem 1rem; border-radius: 12px; background: #f7f0ea; } .training-private { border-left: 4px solid #b85c38; padding: .75rem 1rem; background: #fff8f3; } .training-game-form { display: grid; gap: .85rem; } .training-game-results { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: .7rem; margin: 1rem 0; } .training-move { padding: .9rem; border: 1px solid #e1ddd5; border-radius: 13px; background: #fffdfa; } .training-move p { margin: .5rem 0; } .tetris-piece { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; margin-top: .6rem; border-radius: 8px; background: #d36f47; color: white; font-size: 1.25rem; font-weight: 900; } .priority-score { display: flex; gap: .4rem; flex-wrap: wrap; } .priority-score span { padding: .3rem .5rem; border-radius: 7px; background: #efe5dc; font-size: .85rem; } .training-game-finished { padding: 1rem; border-radius: 12px; background: #e9f1e8; color: #294729; } .training-dispatch fieldset { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 1rem 0; border: 1px solid #e1ddd5; border-radius: 12px; } .training-dispatch fieldset label { display: inline-flex; gap: .35rem; align-items: center; } .training-mission-list { display: grid; gap: .8rem; margin-top: 1rem; } .training-mission { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; } .training-mission.is-complete { opacity: .72; } .training-mission-actions { display: flex; flex-wrap: wrap; gap: .45rem; } .training-mission-actions form { margin: 0; } .attendance-session-list { display: grid; gap: .65rem; margin-top: 1rem; } .attendance-session-list .training-assignment { color: inherit; text-decoration: none; align-items: center; } .attendance-session-list small { display: block; margin-top: .3rem; color: var(--text-muted); } .attendance-sign form { display: grid; gap: .85rem; } .attendance-confirm { display: flex; align-items: flex-start; gap: .55rem; } .attendance-table { width: 100%; border-collapse: collapse; margin-top: 1rem; } .attendance-table th, .attendance-table td { padding: .7rem; border-bottom: 1px solid #e1ddd5; text-align: left; } .attendance-table code { font-size: .8rem; } @media (max-width: 720px) { .training-hero,.training-library,.training-gateway { display:block; } .training-hero-actions { justify-content:flex-start; margin-top:1rem; } .training-workflow { grid-template-columns:1fr 1fr; } .training-resource-hub { grid-template-columns:1fr; } .training-document-examples { display:block; } .training-example-links { margin-top:.7rem; } .training-create { grid-template-columns:1fr; gap:1rem; } .tetris-header { display:block; } .tetris-layout { grid-template-columns:1fr; } .chain-hero { display:block; } .chain-bank { margin-top:1rem; } .chain-layout { grid-template-columns:1fr; } .chain-choices { grid-template-columns:1fr; } .game-theme-interview_relay .interview-pool { grid-template-columns:1fr; } .game-popup .training-simulator,.game-popup .training-game-page { width:calc(100% - .5rem); } .game-popup .training-simulator > .training-hero { display:grid; grid-template-columns:1fr auto; } .game-popup .training-simulator > .training-hero p { display:none; } .game-popup .simulator-players { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; } .game-popup .simulator-players button { flex:0 0 auto; min-width:92px; padding:.5rem .6rem; } .game-popup .simulator-columns { grid-template-columns:1fr; } .mystery-lock form { align-items:stretch; flex-direction:column; } .mystery-lock input { max-width:none; } .mystery-slots i { width:2.45rem; height:2.9rem; } .training-path > .flex-between { display: block; } .training-path > .flex-between form { margin-top: .75rem; } .training-path-list > .training-module { grid-template-columns: 1fr; } .training-module-actions { margin-top: .6rem; } .training-content-nav { position: static; width: auto; overflow-x: auto; justify-content: flex-start; } .training-content-nav a { white-space: nowrap; } .training-assignment { display: block; } .training-assignment form { margin-top: .75rem; } .training-mission { display: block; } .training-mission-actions { margin-top: .8rem; } .attendance-table { display: block; overflow-x: auto; } } @media (max-height:760px) and (min-width:721px) { .game-popup .training-simulator > .training-hero { display:none; } .game-popup .simulator-brief { padding:.55rem .8rem; } .game-popup .simulator-brief > p { display:none; } .game-popup .simulator-players button { padding:.42rem .65rem; } .game-popup .simulator-columns > .card { padding:.75rem; } } /* Mode jeu plein écran : aucune largeur artificiellement perdue. */ .game-popup main,.game-popup .fb-layout,.game-popup .fb-center { width:100%; max-width:none !important; } .game-popup .training-simulator,.game-popup .training-game-page { width:100%; max-width:none !important; margin:0; padding:.3rem .4rem .6rem; } .game-popup .page-trail{position:fixed;top:72px;left:max(.5rem,calc(var(--sidebar-width,0px) + .5rem));z-index:40;width:auto;margin:0;padding:0;border:0;background:transparent}.game-popup .page-trail ol{display:none}.game-popup .page-trail button{box-shadow:0 4px 16px rgba(0,0,0,.18);background:#fff}.game-popup main{padding-top:.25rem!important} .priority-legend{display:grid;gap:.35rem;padding:.85rem 1rem;border-left:5px solid var(--game-primary);background:#fff}.priority-legend span{font-size:.92rem}.game-theme-priority_compass .training-game-results{position:relative;min-height:360px;padding:2rem;background:linear-gradient(90deg,transparent 49.7%,var(--game-primary) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,var(--game-primary) 50%,transparent 50.3%),#fff}.game-theme-priority_compass .training-game-results::before{content:"IMPORTANCE 1 → 4";position:absolute;left:.5rem;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:900;color:var(--game-primary)}.game-theme-priority_compass .training-game-results::after{content:"URGENCE 1 → 4";position:absolute;left:50%;bottom:.4rem;transform:translateX(-50%);font-weight:900;color:var(--game-primary)} .constellation-guide{padding:1rem;border:1px solid #9ad4d6;border-radius:12px;background:#effcfc}.constellation-guide p{margin:.35rem 0 0}.constellation-node{display:grid;gap:.45rem}.constellation-node b{font-size:1.15rem;color:#173b63}.constellation-node span{padding:.5rem;border-radius:9px;background:#eaf7f7}.constellation-node em{font-size:.85rem;color:#5d35b5}.game-theme-skills_constellation .training-game-results{position:relative}.game-theme-skills_constellation .training-move{border-radius:44% 56% 48% 52%;min-height:210px;box-shadow:0 0 0 6px rgba(154,212,214,.18),0 0 28px rgba(154,212,214,.28)} .quiz-arena{padding:1rem;border:2px solid var(--game-primary);border-radius:18px;background:linear-gradient(145deg,#fff,var(--game-soft))}.quiz-prompt{font-size:1.35rem;font-weight:850;text-align:center}.game-theme-job_jeopardy .quiz-arena{color:#fff;background:linear-gradient(145deg,#07165c,#1737a4)}.game-theme-pyramid_job .quiz-arena{clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);padding:2rem 3rem;background:linear-gradient(180deg,#fff8d5,#e6c05a)} .motus-board{display:grid;gap:1rem;padding:1.2rem;border:3px solid #174b78;border-radius:16px;background:#eaf4fb}.motus-cells,.motus-result{display:flex;flex-wrap:wrap;gap:.3rem}.motus-cells i,.motus-result i{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:7px;color:#fff;background:#1767a0;font:900 1.5rem ui-monospace,monospace;font-style:normal;box-shadow:inset 0 -5px rgba(0,0,0,.18)}.motus-cells i:first-child,.motus-result.correct i{background:#c53c34}.motus-result{justify-content:center;margin:.8rem 0}.motus-result:not(.correct) i{background:#d29b2f} .game-theme-fragmented_clue.training-game-page{align-content:start}.game-theme-fragmented_clue .training-game-hero{min-height:auto}.game-theme-fragmented_clue .training-game-results{align-content:start} .training-cohort-page{--training-line:color-mix(in srgb,var(--green) 22%,#aebbb7);--training-panel:color-mix(in srgb,var(--white) 96%,var(--green-bg));background:transparent}.training-cohort-page>.card,.training-cohort-page>section.card{border:1px solid var(--training-line);background:var(--training-panel);box-shadow:0 4px 0 color-mix(in srgb,var(--green) 8%,transparent)}.training-cohort-page>.card+section,.training-cohort-page>section+section{margin-top:1.5rem;padding-top:1.5rem}.training-preparation{border-top:5px solid var(--green)!important}.training-mode-badge{display:inline-flex;align-items:center;border:1px solid var(--green-light);border-radius:999px;padding:.45rem .75rem;color:var(--green-dark);background:var(--green-bg);font-size:.78rem;font-weight:800}.training-topic-picker{display:grid;gap:.7rem;margin-top:1rem}.training-topic-picker details{border:1px solid var(--training-line,var(--border));border-radius:14px;background:var(--white);overflow:hidden}.training-topic-picker summary{display:flex;justify-content:space-between;padding:1rem 1.1rem;cursor:pointer;font-weight:850}.training-topic-picker summary span{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:var(--green-bg);color:var(--green)}.training-module-choice-grid,.training-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:.1rem .8rem .8rem}.training-module-choice-grid>a,.training-advice-grid>a{display:flex;flex-direction:column;gap:.35rem;min-height:145px;padding:1rem;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:var(--surface-soft)}.training-module-choice-grid>a:hover,.training-advice-grid>a:hover{border-color:var(--green);background:var(--green-bg);transform:translateY(-1px)}.training-module-choice-grid small,.training-advice-grid small{color:var(--muted);line-height:1.4}.training-module-choice-grid b,.training-advice-grid>a>span:last-child{margin-top:auto;color:var(--green);font-size:.8rem}.training-path>.training-catalog{display:none}.training-advice-library{border-top:5px solid var(--orange)!important}.training-advice-grid>a{min-height:125px}.training-invite-card textarea{font-family:inherit;line-height:1.7}.training-reader{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.2rem 0 4rem}.training-reader-head{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:1.6rem 1.8rem;border-bottom:5px solid var(--green);border-radius:18px 18px 0 0;color:var(--ink);background:var(--white);box-shadow:var(--shadow-sm)}.training-reader-head h1{margin:.35rem 0;font-size:clamp(2rem,4vw,3.3rem)}.training-reader-head p{max-width:760px;margin:0;font-size:1.12rem;line-height:1.55}.training-reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1.25rem;margin-top:1.25rem}.training-reader-paper,.training-reader-actions{border:1px solid color-mix(in srgb,var(--green) 20%,var(--border));border-radius:18px;background:var(--white);box-shadow:var(--shadow-sm)}.training-reader-paper{padding:clamp(1.25rem,3vw,2.5rem)}.training-reader-paper>section{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid color-mix(in srgb,var(--green) 18%,var(--border))}.training-reader-paper>section:first-child{padding-top:0}.training-reader-paper>section:last-of-type{border-bottom:0}.training-reader-paper h2{margin:0 0 .55rem}.training-reader-paper p,.training-reader-paper li{font-size:1.05rem;line-height:1.75}.training-reader-step{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:var(--green);font-weight:900}.training-reader-actions{position:sticky;top:78px;align-self:start;padding:1.25rem}.training-reader-actions fieldset{max-height:230px;overflow:auto;margin:1rem 0}.training-reader-actions label{display:block;margin:.65rem 0}.training-reader-callout{margin-top:1.5rem;padding:1rem 1.2rem;border-left:5px solid var(--orange);background:var(--yellow-bg)} .training-module-rich>section{align-items:start}.training-section-wide{min-width:0}.training-section-intro{margin:-.15rem 0 1.15rem;color:var(--muted)}.training-check-list{display:grid;gap:.55rem;margin:.4rem 0;padding:0;list-style:none}.training-check-list li{position:relative;padding-left:1.8rem}.training-check-list li:before{content:"✓";position:absolute;left:0;top:.05rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;color:#fff;background:var(--green);font-size:.72rem;font-weight:900}.training-timeline{display:grid;border-top:2px solid color-mix(in srgb,var(--green) 45%,var(--border))}.training-timeline>article{display:grid;grid-template-columns:96px 1fr;gap:1rem;padding:1.05rem 0;border-bottom:1px solid color-mix(in srgb,var(--green) 26%,var(--border))}.training-timeline time{height:max-content;padding:.35rem .5rem;border-left:4px solid var(--green);color:var(--green-dark);background:color-mix(in srgb,var(--green-bg) 72%,#fff);font-size:.8rem;font-weight:900}.training-timeline h3{margin:0 0 .65rem;font-size:1.08rem}.training-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.training-role-grid p{margin:0;padding:.75rem;border:1px solid color-mix(in srgb,var(--green) 20%,var(--border));border-radius:8px;background:var(--surface-soft);font-size:.91rem;line-height:1.5}.training-role-grid p:last-child{background:color-mix(in srgb,var(--green-bg) 62%,#fff)}.training-role-grid b{display:block;margin-bottom:.25rem;color:var(--green-dark);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.training-recruiter-note{display:grid;grid-template-columns:42px 1fr;gap:.8rem;padding:1rem;border:1px solid color-mix(in srgb,var(--green) 35%,var(--border));border-left:6px solid var(--green);background:color-mix(in srgb,var(--green-bg) 65%,#fff)}.training-recruiter-note>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:var(--green);font-size:1.3rem}.training-recruiter-note p{margin:0!important}.training-progressive{display:grid;gap:.65rem}.training-progressive details{border:1px solid color-mix(in srgb,var(--green) 28%,var(--border));border-radius:10px;background:var(--surface-soft);overflow:hidden}.training-progressive summary{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;cursor:pointer;color:var(--green-dark);background:color-mix(in srgb,var(--green-bg) 58%,#fff);font-weight:900}.training-progressive summary span{font-size:1.25rem}.training-progressive details[open] summary span{transform:rotate(45deg)}.training-progressive details>ul,.training-progressive details>.training-example{margin:0;padding:1rem 1.2rem 1.1rem 2.2rem}.training-progressive li{margin:.4rem 0;line-height:1.55}.training-example{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.training-example>div{padding:.9rem;border-left:4px solid var(--border);background:#fff}.training-example>div:last-child{border-left-color:var(--green);background:color-mix(in srgb,var(--green-bg) 50%,#fff)}.training-example p{margin:.35rem 0 0!important;font-size:.96rem!important;line-height:1.55!important}.training-deliverable{padding:1rem 1.2rem;border:2px solid var(--green);background:color-mix(in srgb,var(--green-bg) 68%,#fff)}.training-deliverable p{margin:.25rem 0 0!important} .game-theme-fragmented_clue.training-game-page{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.15fr);grid-template-rows:auto 1fr;gap:.7rem;padding:.5rem!important}.game-theme-fragmented_clue>.training-game-hero{grid-column:1/-1;margin:0}.game-theme-fragmented_clue>.card:not(.training-game-hero){margin:0}.game-theme-fragmented_clue>.card:last-of-type{min-height:0;overflow:auto}.game-theme-fragmented_clue .training-game-results{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))} /* Jeux TV et jeux de mots : chaque fenêtre possède son propre décor, sans réutiliser la présentation d’un formulaire classique. */ .game-theme-job_jeopardy .simulator-columns,.game-theme-job_jeopardy.training-game-page{padding:1rem;border-radius:22px;background:linear-gradient(145deg,#07165c,#1737a4 65%,#254fc0)} .game-theme-job_jeopardy .training-move,.game-theme-job_jeopardy .quiz-arena{border:2px solid #f4cf5b;color:#fff;background:linear-gradient(145deg,#11266e,#07144e);box-shadow:0 5px 0 #050b2c} .game-theme-job_jeopardy .quiz-arena{position:relative;overflow:hidden}.game-theme-job_jeopardy .quiz-arena::before{content:"JEOPARDY";display:block;margin:-.2rem 0 1rem;color:#f4cf5b;font-size:.72rem;font-weight:900;letter-spacing:.2em;text-align:center} .game-theme-champion_quiz .simulator-columns,.game-theme-champion_quiz.training-game-page{padding:1rem;border-radius:22px;background:linear-gradient(145deg,#a52b15,#ef6f1c 55%,#f5bf35)} .game-theme-champion_quiz .quiz-arena{border:3px solid #fff1bb;background:radial-gradient(circle at 50% 0,#eea32e,#8b1e1e 70%);box-shadow:0 8px 0 #702016} .game-theme-champion_quiz .training-move{border:2px solid #f9d36a;background:#fff7df;box-shadow:0 4px 0 #bd7329} .game-theme-motus_job .simulator-columns,.game-theme-motus_job.training-game-page{padding:1rem;border-radius:22px;background:linear-gradient(135deg,#062b62,#1268a3 56%,#e8f4ff)} .game-theme-motus_job .motus-board{border:5px solid #092c5a;border-radius:20px;background:linear-gradient(180deg,#0a5593,#082a5d);box-shadow:inset 0 0 0 3px #6eb9ea,0 8px 0 #041936} .game-theme-motus_job .motus-board p,.game-theme-motus_job .motus-board label{color:#fff}.game-theme-motus_job .motus-cells i,.game-theme-motus_job .motus-result i{border:2px solid rgba(255,255,255,.55);border-radius:5px;background:#1578b4;box-shadow:inset 0 -5px rgba(1,21,49,.2),0 2px 0 #031b38}.game-theme-motus_job .motus-cells i:first-child,.game-theme-motus_job .motus-result.correct i{background:#e5483f}.game-theme-motus_job .training-move{border-color:#72c4ee;background:#eaf6ff} .game-theme-pyramid_job .simulator-columns,.game-theme-pyramid_job.training-game-page{padding:1rem;border-radius:22px;background:linear-gradient(180deg,#fff8da,#e2b74b 78%,#9d5d22)} .game-theme-pyramid_job .quiz-arena{position:relative;border:3px solid #783d16;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);padding:2.6rem 3rem;background:linear-gradient(180deg,#fff8d5,#e2a943);box-shadow:0 8px 0 #783d16}.game-theme-pyramid_job .quiz-arena::before{content:"PYRAMIDE";display:block;margin:-1rem 0 1rem;color:#783d16;font-size:.74rem;font-weight:900;letter-spacing:.22em;text-align:center}.game-theme-pyramid_job .training-move{border-color:#d59735;background:#fffaf0;box-shadow:0 4px 0 #b67620} .live-quiz-page{min-height:100vh;padding:.75rem max(1rem,3vw) 4rem;background:radial-gradient(circle at 15% 0,#4b2c89,#17112f 48%,#0d0920);color:#fff}.live-quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1320px;margin:0 auto;padding:.3rem 0 .8rem}.live-quiz-back{color:#fff;text-decoration:none;font-size:.85rem}.live-quiz-brand{display:flex;align-items:center;gap:.55rem;font-size:1.1rem}.live-quiz-brand span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;color:#24154d;background:#f5cf58}.live-quiz-code{display:grid;justify-items:end;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.1)}.live-quiz-code small{font-size:.62rem;letter-spacing:.15em;opacity:.75}.live-quiz-code strong{color:#f5cf58;letter-spacing:.12em}.live-quiz-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;max-width:1320px;margin:1.1rem auto 1rem}.live-quiz-heading h1{margin:.25rem 0;font-size:clamp(1.8rem,4vw,3.3rem)}.live-quiz-heading p{max-width:760px;margin:.3rem 0;color:#d9d2ed}.live-quiz-progress{display:flex;align-items:baseline;gap:.15rem;white-space:nowrap}.live-quiz-progress strong{color:#f5cf58;font-size:2.8rem;line-height:1}.live-quiz-progress span{color:#ddd5f2}.live-quiz-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;max-width:1320px;margin:0 auto}.live-quiz-question.card,.live-quiz-scoreboard.card,.live-quiz-coach.card{border:1px solid #6a579f;background:#fff;color:#1f1538;box-shadow:0 10px 25px rgba(0,0,0,.22)}.live-quiz-question{padding:clamp(1rem,3vw,2.2rem)}.live-quiz-question-meta{display:flex;justify-content:space-between;gap:1rem;color:#6c5c8d;font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.live-quiz-question h2{margin:1.5rem auto 1.3rem;max-width:900px;font-size:clamp(1.5rem,3vw,2.7rem);line-height:1.2;text-align:center}.live-quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.live-quiz-choice{display:flex;align-items:center;gap:.8rem;min-height:74px;padding:1rem;border:0;border-radius:12px;color:#fff;font-size:1rem;font-weight:800;text-align:left;cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.28);transition:transform .15s,filter .15s}.live-quiz-choice:hover{transform:translateY(-3px);filter:brightness(1.1)}.live-quiz-choice.choice-0{background:#e34b4b}.live-quiz-choice.choice-1{background:#2e8bca}.live-quiz-choice.choice-2{background:#e4a72f}.live-quiz-choice.choice-3{background:#45a566}.live-quiz-choice.choice-4{background:#7857bd}.live-quiz-letter{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:50%;color:#29203d;background:#fff;font-weight:950}.live-quiz-hint,.live-quiz-wait{margin:1.1rem 0 0;padding:.75rem 1rem;border-radius:10px;color:#584b76;background:#f1edfa}.live-quiz-next{display:flex;justify-content:center;margin-top:1rem}.live-quiz-sidebar{display:grid;align-content:start;gap:1rem}.live-quiz-scoreboard,.live-quiz-coach{padding:1rem}.live-quiz-sidebar-title{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline;margin-bottom:.8rem;color:#594b75;font-size:.75rem;font-weight:900;letter-spacing:.1em}.live-quiz-sidebar-title small{letter-spacing:0;font-weight:500}.live-quiz-scoreboard ol{display:grid;gap:.35rem;padding:0;margin:0;list-style:none}.live-quiz-scoreboard li{display:grid;grid-template-columns:1.8rem 1fr auto;gap:.5rem;align-items:center;padding:.55rem .5rem;border-radius:8px;background:#f4f0fb}.live-quiz-scoreboard li:first-child{color:#45300a;background:#fff1a8}.live-quiz-rank{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;color:#fff;background:#6e55a7;font-size:.75rem;font-weight:900}.live-quiz-scoreboard b{color:#503b86}.live-quiz-empty{display:block!important;color:#6b5b83;font-size:.88rem}.live-quiz-coach{color:#493c67!important;background:#eee9f8!important}.live-quiz-coach h3{margin:.5rem 0 .3rem}.live-quiz-coach p{margin:0;line-height:1.55}.live-quiz-finished{max-width:700px;margin:10vh auto 0;padding:2rem;text-align:center;color:#281745}.live-quiz-trophy{display:grid;place-items:center;width:4rem;height:4rem;margin:0 auto .7rem;border-radius:50%;color:#2e2050;background:#f5cf58;font-size:2.2rem}.live-quiz-final-ranking{display:grid;gap:.35rem;max-width:420px;margin:1.2rem auto;padding:0;list-style:none;text-align:left}.live-quiz-final-ranking li{display:flex;justify-content:space-between;padding:.65rem .8rem;border-radius:9px;background:#f2eff8}.live-quiz-final-ranking li:first-child{background:#fff1a8} @media(max-width:850px){.live-quiz-grid{grid-template-columns:1fr}.live-quiz-sidebar{grid-template-columns:1fr 1fr}.live-quiz-heading{align-items:start;flex-direction:column}.live-quiz-progress{position:absolute;right:1rem;margin-top:-3.2rem}} @media(max-width:560px){.live-quiz-page{padding-inline:.6rem}.live-quiz-topbar{font-size:.8rem}.live-quiz-brand{display:none}.live-quiz-choices,.live-quiz-sidebar{grid-template-columns:1fr}.live-quiz-question-meta{display:grid;gap:.25rem}.live-quiz-question h2{margin-top:1rem}.live-quiz-progress{position:static;margin:0}.live-quiz-heading{margin-top:.5rem}} @media(max-width:900px){.training-module-choice-grid,.training-advice-grid{grid-template-columns:1fr 1fr}.training-reader-layout{grid-template-columns:1fr}.training-reader-actions{position:static}.game-theme-fragmented_clue.training-game-page{grid-template-columns:1fr}} @media(max-width:620px){.training-module-choice-grid,.training-advice-grid{grid-template-columns:1fr}.training-reader{width:calc(100% - 1rem)}.training-reader-head{flex-direction:column;padding:1.1rem}.training-reader-paper{padding:1rem}.training-reader-paper>section{grid-template-columns:36px 1fr}.training-reader-step{width:34px;height:34px}.training-timeline>article{grid-template-columns:1fr}.training-role-grid,.training-example{grid-template-columns:1fr}} .training-enrollment-list{display:grid;gap:.45rem;margin:.8rem 0 1rem}.training-enrollment-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.7rem;align-items:center;padding:.75rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.training-enrollment-list small{display:block;color:var(--muted);margin-top:.2rem}.training-lifecycle-dialog{width:min(620px,calc(100vw - 2rem));border:0;border-radius:22px;padding:0;box-shadow:0 28px 90px #001d1766}.training-lifecycle-dialog::backdrop{background:#062f2878;backdrop-filter:blur(4px)}.training-lifecycle-dialog>div{padding:clamp(1.4rem,4vw,2.5rem);border-top:7px solid var(--green);color:var(--ink);background:var(--white)}.training-lifecycle-dialog h2{font-size:clamp(1.6rem,4vw,2.3rem);margin:.4rem 0}.training-lifecycle-dialog p{font-size:1.05rem;line-height:1.65}.training-reader-buttons{display:grid;gap:.55rem}.training-enrollments>details{border-top:1px solid var(--border);padding-top:.8rem}.training-enrollments>details summary{cursor:pointer;font-weight:850} @media(max-width:620px){.training-enrollment-list>div{grid-template-columns:1fr auto}.training-enrollment-list>div>a{grid-column:1/-1}} .game-popup .training-simulator:has(#sim-stage:not([hidden]),#tetris-stage:not([hidden]),#chain-stage:not([hidden])) > .training-hero { display:none !important; } .game-popup .training-simulator:has(#sim-stage:not([hidden]),#tetris-stage:not([hidden]),#chain-stage:not([hidden])) { padding-top:.15rem; } .candidate-hub{width:min(1220px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 5rem}.candidate-hero{display:flex;justify-content:space-between;gap:2rem;padding:2rem;border:1px solid color-mix(in srgb,var(--green) 45%,var(--border));border-top:7px solid var(--green);background:#fff}.candidate-hero h1{margin:.3rem 0}.candidate-hero p{margin:0;color:var(--muted)}.candidate-hero-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.candidate-person-picker{padding:1rem 1.2rem;border-inline:1px solid var(--border);background:var(--green-bg)}.candidate-person-picker label{display:flex;gap:1rem;align-items:center;font-weight:800}.candidate-person-picker select{max-width:360px}.candidate-tabs{display:flex;gap:0;border:1px solid var(--green);background:#fff;overflow:auto}.candidate-tabs a{padding:.9rem 1.15rem;border-right:1px solid var(--border);color:var(--ink);font-weight:800;white-space:nowrap}.candidate-tabs a:hover{color:#fff;background:var(--green)}.candidate-kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin:1.2rem 0;background:var(--green);border:1px solid var(--green)}.candidate-kpis div{display:grid;gap:.2rem;padding:1rem;background:#fff}.candidate-kpis b{font-size:1.6rem;color:var(--green)}.candidate-kpis span{font-size:.78rem}.candidate-section{margin:1.5rem 0;padding:1.4rem;border:1px solid color-mix(in srgb,var(--green) 45%,var(--border));border-left:6px solid var(--green);background:color-mix(in srgb,var(--green-bg) 42%,#fff)}.candidate-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;border-bottom:2px solid color-mix(in srgb,var(--green) 45%,var(--border))}.candidate-section-title h2{margin:.25rem 0}.candidate-section-title p{margin:.2rem 0 1rem;color:var(--muted)}.candidate-section-title details{position:relative}.candidate-section-title details[open]{width:min(620px,90vw)}.candidate-form{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--green);background:#fff}.candidate-form label,.candidate-document label{display:grid;gap:.3rem;font-weight:750}.candidate-pipeline{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.candidate-column{min-height:190px;padding:.7rem;border-top:5px solid var(--green);background:color-mix(in srgb,var(--green-bg) 55%,#fff)}.candidate-column h3{display:flex;justify-content:space-between;margin:.2rem;font-size:.94rem}.candidate-column h3 span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;color:#fff;background:var(--green)}.candidate-card{margin:.7rem 0;border:1px solid var(--border);background:#fff}.candidate-card summary{display:grid;gap:.22rem;padding:.75rem;cursor:pointer}.candidate-card summary span,.candidate-card summary small{color:var(--muted)}.candidate-card form{display:grid;gap:.55rem;padding:.75rem;border-top:1px solid var(--border)}.candidate-card label{display:grid;gap:.2rem;font-size:.8rem;font-weight:750}.candidate-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.candidate-document,.candidate-new-doc{border:1px solid var(--green);background:#fff}.candidate-document>summary{display:flex;gap:.8rem;align-items:center;padding:1rem;cursor:pointer}.candidate-document>summary div{display:grid}.candidate-document>summary small{color:var(--muted)}.candidate-doc-kind{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--green);font-weight:900}.candidate-document form,.candidate-new-doc{display:grid;gap:.7rem;padding:1rem}.candidate-document textarea[name=content]{font-family:ui-monospace,monospace;line-height:1.55}.candidate-feedback{padding:.8rem;border-left:5px solid var(--green);background:var(--green-bg)}.candidate-split{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.candidate-searches{display:grid;align-content:start;gap:.65rem}.candidate-searches>a{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--green);background:#fff}.candidate-searches>a:hover{color:#fff;background:var(--green)}.candidate-searches aside{padding:1rem;border-left:5px solid var(--green);background:#fff}.candidate-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.candidate-resource-grid>a{padding:1rem;border:1px solid var(--green);background:#fff;color:var(--ink)}.candidate-resource-grid>a:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.candidate-resource-grid h3{margin:.7rem 0}.candidate-resource-grid p{color:var(--muted)} @media(max-width:900px){.candidate-hero,.candidate-section-title{flex-direction:column}.candidate-kpis{grid-template-columns:repeat(3,1fr)}.candidate-doc-grid,.candidate-resource-grid{grid-template-columns:1fr 1fr}.candidate-split{grid-template-columns:1fr}} @media(max-width:620px){.candidate-hub{width:calc(100% - 1rem)}.candidate-kpis{grid-template-columns:repeat(2,1fr)}.candidate-doc-grid,.candidate-resource-grid{grid-template-columns:1fr}.candidate-section{padding:.9rem}.candidate-hero{padding:1.2rem}} .training-reader-head-actions{display:grid;justify-items:end;gap:.6rem}.training-assignment-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.interview-studio{width:min(1400px,calc(100% - 2rem));margin:0 auto;padding:1.2rem 0 5rem}.interview-studio>header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 0;border-bottom:3px solid var(--green)}.interview-studio h1{margin:.25rem 0}.studio-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(350px,.6fr);gap:1rem;margin-top:1rem}.studio-camera,.studio-method{position:relative;padding:1rem;border:1px solid var(--green);background:#fff}.studio-camera video{width:100%;max-height:68vh;object-fit:contain;background:#061b19}.studio-timer{position:absolute;top:1.8rem;right:1.8rem;padding:.45rem .7rem;border-radius:8px;color:#fff;background:#071f1dcc;font:800 1.2rem ui-monospace,monospace}.studio-controls{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}.studio-camera fieldset{display:grid;gap:.55rem;margin:1rem 0;padding:1rem;border:1px solid var(--green)}.studio-camera fieldset label{display:flex;gap:.55rem;align-items:flex-start}.studio-difficulty{display:flex;gap:.4rem;margin-bottom:1rem}.studio-difficulty a{padding:.55rem .7rem;border:1px solid var(--green);color:var(--green);font-weight:800}.studio-difficulty a.active{color:#fff;background:var(--green)}.studio-method ol{max-height:48vh;overflow:auto;padding-left:1.4rem}.studio-method li{margin:.5rem 0}.studio-method li button{width:100%;padding:.7rem;text-align:left;border:1px solid var(--border);background:var(--surface-soft);cursor:pointer}.studio-method li button:hover,.studio-method li button:focus{border-color:var(--green);background:var(--green-bg)}.studio-coach{padding:1rem;border-left:5px solid var(--green);background:var(--green-bg)}.studio-recordings{margin-top:1.2rem;padding:1rem;border:1px solid var(--green);background:#fff}.studio-recordings article{display:inline-block;width:min(350px,100%);margin:.5rem}.studio-recordings video{width:100%}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.training-reader-head-actions{justify-items:start}}@media(max-width:620px){.interview-studio>header{flex-direction:column}.interview-studio{width:calc(100% - 1rem)}.studio-camera,.studio-method{padding:.7rem}} .game-popup .tetris-header { margin:.1rem 0 .35rem; padding:.55rem .8rem; } .game-popup .tetris-header h2 { margin:.05rem 0; font-size:1.15rem; } .game-popup .tetris-header p { margin:0; font-size:.82rem; line-height:1.25; } .game-popup .tetris-header .eyebrow { font-size:.62rem; } .game-popup .tetris-header label { font-size:.75rem; } .game-popup .tetris-timer { margin-top:.2rem; font-size:1.15rem; } .game-popup .tetris-layout { grid-template-columns:minmax(340px,calc((100vh - 145px)/2)) minmax(480px,1fr); gap:.45rem; margin-top:0; } .game-popup .tetris-board-card { padding:.55rem; } .game-popup .tetris-board { width:auto; height:calc(100vh - 172px); max-height:none; } .game-popup .tetris-controls { margin-top:.35rem; } .game-popup .tetris-board-card > .text-muted { margin:.2rem 0 0; font-size:.68rem; } .game-popup .tetris-layout > aside { align-content:start; padding:.8rem; } @media (min-width:1500px) { .game-popup .tetris-layout { grid-template-columns:minmax(360px,calc((100vh - 145px)/2)) 1fr; } .game-popup .tetris-layout > aside { display:grid; grid-template-columns:minmax(150px,.32fr) minmax(360px,1fr); grid-template-rows:auto auto auto auto; gap:.35rem 1.2rem; } .game-popup .tetris-layout > aside > .eyebrow { grid-column:1; grid-row:1; } .game-popup .tetris-piece-preview { grid-column:1; grid-row:2; margin:.4rem 0; } .game-popup .tetris-layout > aside > h3:first-of-type { grid-column:2; grid-row:1; } .game-popup .tetris-scores { grid-column:2; grid-row:2; } .game-popup .tetris-layout > aside > h3:nth-of-type(2) { grid-column:1/-1; grid-row:3; margin-top:.35rem; } .game-popup .tetris-feedback { grid-column:1/-1; grid-row:4; } .game-popup .tetris-layout > aside > details { grid-column:1/-1; grid-row:5; } } @media (max-width:900px) { .game-popup .tetris-layout { grid-template-columns:1fr; } .game-popup .tetris-board { height:min(68vh,720px); } } /* Tetris présenté comme un jeu, avec deux consoles latérales autour du plateau. */ @media (min-width:700px) { body.game-popup.tetris-running { overflow:hidden; background:#202327; } .tetris-running main,.tetris-running .fb-layout,.tetris-running .fb-center,.tetris-running .training-simulator { height:100vh; overflow:hidden; } .tetris-running .training-simulator { padding:.3rem; } .tetris-running #tetris-stage { display:grid; grid-template-columns:minmax(190px,250px) minmax(300px,calc((100vh - 1rem)/2)) minmax(270px,1fr); gap:.4rem; height:calc(100vh - .6rem); padding:.4rem; border-radius:18px; background:#25282d; } .tetris-running #tetris-stage[hidden] { display:none; } .tetris-running .tetris-header { grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:stretch; height:100%; margin:0; padding:1rem; color:#fff; border:1px solid #41464d; border-radius:13px; background:#30343a; box-shadow:none; } .tetris-running .tetris-header h2,.tetris-running .tetris-header strong { color:#fff; } .tetris-running .tetris-header h2 { margin:.8rem 0; font-size:clamp(1.2rem,2vw,1.75rem); } .tetris-running .tetris-header p { color:#d5d9de; font-size:.82rem; line-height:1.4; } .tetris-running .tetris-header > div:last-child { margin-top:auto; padding-top:1rem; border-top:1px solid #50555d; } .tetris-running .tetris-header select { width:100%; color:var(--ink); background:#fff; } .tetris-running .tetris-timer { display:grid; place-items:center; min-height:78px; margin:.65rem 0 0; border-radius:12px; color:#fff; background:var(--game-accent); font-size:2.1rem; font-variant-numeric:tabular-nums; } .tetris-running .tetris-layout { display:contents; } .tetris-running .tetris-board-card { grid-column:2; grid-row:1; display:flex; flex-direction:column; justify-content:center; min-width:0; height:100%; padding:.45rem; border:1px solid #41464d; border-radius:13px; box-shadow:none; } .tetris-running .tetris-board { flex:1 1 auto; width:auto; height:auto; max-height:calc(100vh - 116px); min-height:0; } .tetris-running .tetris-controls { flex:0 0 46px; width:100%; } .tetris-running .tetris-board-card > .text-muted { height:15px; overflow:hidden; color:#abb0b6; } .tetris-running .tetris-layout > aside { grid-column:3; grid-row:1; display:block; height:100%; overflow:auto; padding:1rem; border:1px solid #41464d; border-radius:13px; background:#30343a; color:#fff; box-shadow:none; } .tetris-running .tetris-layout > aside h3 { color:#fff; } .tetris-running .tetris-layout > aside .tetris-scores div { color:var(--ink); } .tetris-running .tetris-layout > aside .tetris-feedback { color:var(--ink); } } @media print { .attendance-page > a, .attendance-sign, .attendance-page .btn, header.site-header, .sidebar, .bottom-ticker { display: none !important; } .attendance-page { max-width: none !important; } .attendance-page .card { box-shadow: none; border: 1px solid #bbb; } } /* Tableau de bord pédagogique */ .training-statistics{width:min(1480px,calc(100% - 2rem));margin:0 auto;padding:1.15rem 0 5rem}.training-stats-head{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.5rem 0 1rem;border-bottom:3px solid color-mix(in srgb,var(--green) 28%,var(--border))}.training-stats-head h1{margin:.2rem 0;font-size:clamp(1.8rem,3vw,2.7rem)}.training-stats-head p{margin:0;color:var(--muted)}.training-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;margin:1rem 0}.training-kpis article{display:flex;flex-direction:column;min-height:128px;padding:1rem;border:1px solid color-mix(in srgb,var(--green) 20%,var(--border));border-top:4px solid var(--green);border-radius:14px;background:var(--white);box-shadow:var(--shadow-sm)}.training-kpis span{font-size:.8rem;font-weight:800;color:var(--muted)}.training-kpis strong{margin:auto 0 .2rem;font-size:clamp(1.8rem,3vw,2.5rem);color:var(--ink)}.training-kpis small{color:var(--muted)}.training-stats-alerts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.training-stats-alerts>div{display:flex;gap:.5rem 1rem;align-items:center;padding:.8rem 1rem;border:1px solid #e7b991;border-left:5px solid var(--orange);border-radius:12px;background:var(--yellow-bg)}.training-stats-alerts span{color:var(--muted);font-size:.88rem}.training-stats-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.training-stats-panel,.training-stats-cohorts{border:1px solid color-mix(in srgb,var(--green) 20%,var(--border));background:var(--white)}.training-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.training-panel-title h2{margin:.2rem 0 0;font-size:1.3rem}.training-panel-title>strong{font-size:2rem;color:var(--green)}.training-usage-list{display:grid;gap:.75rem}.training-usage-list>div{display:grid;grid-template-columns:110px 1fr 34px;gap:.75rem;align-items:center}.training-usage-list progress,.training-stats-cohorts progress{width:100%;height:10px;accent-color:var(--green)}.training-mini-kpis{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.training-mini-kpis span{padding:.45rem .65rem;border-radius:999px;background:var(--green-bg);font-size:.8rem}.training-popular-list{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.training-popular-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.55rem;border-radius:10px;background:var(--surface-soft)}.training-popular-list li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--green);color:white;font-weight:900}.training-popular-list em{font-style:normal;color:var(--muted);font-size:.8rem}.training-stats-cohorts{margin-top:1rem}.training-stats-table-wrap{overflow:auto}.training-stats-cohorts table{width:100%;border-collapse:collapse}.training-stats-cohorts th,.training-stats-cohorts td{padding:.75rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.training-stats-cohorts th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.training-stats-cohorts td small{display:block;margin-top:.2rem;color:var(--muted)}.training-stats-cohorts td:nth-child(5){display:grid;grid-template-columns:minmax(90px,1fr) auto;gap:.5rem;align-items:center}.training-alert-pill,.training-ok-pill{display:inline-flex;padding:.35rem .55rem;border-radius:999px;font-size:.75rem;font-weight:850;white-space:nowrap}.training-alert-pill{color:#763719;background:#f9ddc7}.training-ok-pill{color:var(--green-dark);background:var(--green-bg)}.training-stats-empty{padding:1.2rem;border:1px dashed var(--border);border-radius:12px;color:var(--muted);background:var(--surface-soft)} @media(max-width:1100px){.training-kpis{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.training-statistics{width:calc(100% - 1rem);padding-top:.5rem}.training-stats-head{align-items:flex-start;flex-direction:column}.training-kpis{grid-template-columns:repeat(2,1fr)}.training-kpis article{min-height:110px}.training-stats-alerts,.training-stats-grid{grid-template-columns:1fr}.training-stats-alerts>div{align-items:flex-start;flex-direction:column}.training-stats-cohorts th:nth-child(2),.training-stats-cohorts td:nth-child(2),.training-stats-cohorts th:nth-child(4),.training-stats-cohorts td:nth-child(4){display:none}} @media(max-width:430px){.training-kpis{grid-template-columns:1fr 1fr;gap:.45rem}.training-kpis article{padding:.75rem}.training-usage-list>div{grid-template-columns:90px 1fr 28px}} /* Agenda emploi et documentation formateur */ .employment-calendar,.trainer-guide{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 6rem;color:var(--ink)} .employment-calendar>header,.trainer-guide>header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.4rem;border-bottom:4px solid var(--green);background:color-mix(in srgb,var(--green) 13%,white)} .employment-calendar h1,.trainer-guide h1{margin:.25rem 0;font-size:clamp(2rem,4vw,3.2rem)}.employment-calendar header p,.trainer-guide header p{margin:0;color:var(--muted)} .calendar-source-note{margin:1rem 0;padding:1rem 1.2rem;border-left:5px solid var(--green);background:var(--white)}.calendar-source-note p{margin:.25rem 0}.calendar-source-note a{font-weight:800;color:var(--green-dark)} .employment-calendar section{margin-top:1.5rem;padding-top:.4rem;border-top:2px solid color-mix(in srgb,var(--green) 45%,var(--border))}.employment-event-list{display:grid;gap:.65rem}.employment-event-list article{display:grid;grid-template-columns:74px 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid color-mix(in srgb,var(--green) 40%,var(--border));border-radius:8px;background:var(--white)}.employment-event-list time{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-right:1px solid var(--border);font-size:.78rem}.employment-event-list time b{font-size:1.8rem;color:var(--green)}.employment-event-list h3{margin:.35rem 0}.employment-event-list p,.employment-event-list small{color:var(--muted)} .trainer-guide>header{display:block}.trainer-guide>nav{position:sticky;top:64px;z-index:3;display:flex;gap:.35rem;overflow:auto;padding:.65rem;background:var(--white);border:1px solid var(--border)}.trainer-guide>nav a{padding:.55rem .75rem;border-radius:6px;font-weight:800;white-space:nowrap;color:var(--green-dark)}.trainer-guide>nav a:hover{background:var(--green-bg)}.trainer-guide>section{display:grid;grid-template-columns:58px 1fr;gap:1rem;margin-top:1rem;padding:1.35rem;border:1px solid color-mix(in srgb,var(--green) 35%,var(--border));border-radius:8px;background:var(--white)}.trainer-guide>section>span{display:grid;place-items:center;width:48px;height:48px;border-radius:6px;background:var(--green);color:white;font-weight:900}.trainer-guide section h2{margin:0 0 .6rem}.trainer-guide li{margin:.45rem 0}.trainer-guide aside{margin-top:1rem;padding:1rem;border-left:4px solid var(--green);background:color-mix(in srgb,var(--green) 8%,white)}.trainer-guide aside p{margin:.25rem 0}.trainer-guide>footer{margin-top:1rem;padding:1.4rem;background:var(--green-dark);color:white}.trainer-guide>footer h2,.trainer-guide>footer p{color:white} @media(max-width:700px){.employment-calendar,.trainer-guide{width:calc(100% - 1rem);padding-top:.5rem}.employment-calendar>header{align-items:flex-start;flex-direction:column}.employment-event-list article{grid-template-columns:58px 1fr}.employment-event-list article>a{grid-column:1/-1}.trainer-guide>section{grid-template-columns:1fr}.trainer-guide>section>span{width:42px;height:42px}} /* Vidéos de découverte */ .training-videos{width:min(1220px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 6rem}.training-videos>header{padding:1.5rem;border-bottom:4px solid var(--green);background:color-mix(in srgb,var(--green) 13%,white)}.training-videos h1{margin:.25rem 0;font-size:clamp(2rem,4vw,3.2rem)}.training-videos>header p{margin:0;color:var(--muted)}.training-videos>section{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(480px,1.25fr);gap:1.5rem;align-items:center;margin-top:1rem;padding:1.4rem;border:1px solid color-mix(in srgb,var(--green) 42%,var(--border));border-radius:8px;background:var(--white)}.training-videos h2{margin:.35rem 0;font-size:1.65rem}.training-videos li{margin:.4rem 0}.training-videos video{display:block;width:100%;aspect-ratio:16/9;border:2px solid var(--green-dark);border-radius:7px;background:#062f2c}.training-videos>footer{display:flex;gap:.7rem;margin-top:1rem;padding:1.2rem;background:color-mix(in srgb,var(--green) 13%,white)} @media(max-width:850px){.training-videos{width:calc(100% - 1rem);padding-top:.5rem}.training-videos>section{grid-template-columns:1fr}.training-videos>footer{align-items:stretch;flex-direction:column}} /* Même langage d’icônes dans la barre haute et le menu formation */ .unified-navbar .nav-center{gap:1px}.unified-navbar .training-nav-tab{width:46px;min-width:46px;height:46px;padding:0;border:1px solid transparent;border-radius:7px;color:rgba(255,255,255,.9)}.training-top-symbol{display:grid;place-items:center;width:30px;height:30px;font:1.55rem/1 Arial,sans-serif}.unified-navbar .training-nav-tab:hover{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.16);color:#fff}.unified-navbar .training-nav-tab.active,.unified-navbar .training-nav-tab[aria-current="page"]{border-color:rgba(255,255,255,.65);background:#fff;color:var(--green-dark)}.unified-navbar .training-nav-tab:after{content:attr(title);position:absolute;top:calc(100% + 9px);left:50%;z-index:500;transform:translate(-50%,-4px);width:max-content;max-width:220px;padding:.45rem .65rem;border:1px solid color-mix(in srgb,var(--green) 55%,#fff);background:#fff;color:var(--green-dark);font-size:.75rem;font-weight:800;line-height:1.2;box-shadow:0 5px 18px #002d2938;opacity:0;pointer-events:none;transition:.15s}.unified-navbar .training-nav-tab:hover:after,.unified-navbar .training-nav-tab:focus-visible:after{opacity:1;transform:translate(-50%,0)} .unified-navbar .nav-right{gap:2px}.unified-navbar .nav-icon-btn{width:44px;height:44px;position:relative}.unified-navbar .nav-icon-btn>svg{width:22px;height:22px}.unified-navbar .nav-icon-btn:after{content:attr(title);position:absolute;top:calc(100% + 9px);left:50%;z-index:500;transform:translate(-50%,-4px);width:max-content;max-width:220px;padding:.45rem .65rem;border:1px solid color-mix(in srgb,var(--green) 55%,#fff);background:#fff;color:var(--green-dark);font-size:.75rem;font-weight:800;line-height:1.2;box-shadow:0 5px 18px #002d2938;opacity:0;pointer-events:none;transition:.15s}.unified-navbar .nav-icon-btn:hover:after,.unified-navbar .nav-icon-btn:focus-visible:after{opacity:1;transform:translate(-50%,0)} /* Accueil métier des espaces de formation */ .training-workbench{width:min(1240px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 6rem}.training-workbench>header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:1.6rem;border:1px solid color-mix(in srgb,var(--green) 55%,var(--border));border-bottom:4px solid var(--green);background:color-mix(in srgb,var(--green) 16%,white)}.training-workbench>header h1{margin:.25rem 0;font-size:clamp(2rem,4vw,3.3rem)}.training-workbench>header p{max-width:760px;margin:.25rem 0;color:var(--muted)} .workbench-alert{display:flex;align-items:flex-start;gap:1rem;margin-top:1rem;padding:1rem 1.2rem;border-left:5px solid var(--green);background:color-mix(in srgb,var(--green) 11%,white)}.workbench-alert b{min-width:max-content;color:var(--green-dark)}.workbench-alert p{margin:0} .workbench-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:1rem;border:1px solid color-mix(in srgb,var(--green) 52%,var(--border));background:color-mix(in srgb,var(--green) 52%,var(--border))}.workbench-grid article{min-width:0;padding:1.35rem;background:#fff}.workbench-grid article>span{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:var(--green)}.workbench-grid h2{margin:.45rem 0;font-size:1.35rem}.workbench-grid p{min-height:5.4em;margin:.35rem 0 1rem;color:var(--muted)}.workbench-grid nav{display:grid;gap:.45rem}.workbench-grid a{display:block;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--green) 38%,var(--border));background:color-mix(in srgb,var(--green) 6%,white);font-weight:700;text-decoration:none}.workbench-grid a:hover{border-color:var(--green);background:color-mix(in srgb,var(--green) 16%,white)}.workbench-grid.candidate p{min-height:4.4em} .workbench-admin{margin-top:1rem;border:1px solid color-mix(in srgb,var(--green) 55%,var(--border));background:color-mix(in srgb,var(--green) 17%,white)}.workbench-admin>header{padding:1.2rem 1.35rem;border-bottom:2px solid color-mix(in srgb,var(--green) 60%,var(--border))}.workbench-admin h2{margin:.25rem 0}.workbench-admin>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:color-mix(in srgb,var(--green) 52%,var(--border))}.workbench-admin article{padding:1.25rem;background:#fff}.workbench-admin article>b{display:grid;width:34px;height:34px;place-items:center;background:var(--green);color:#fff}.workbench-admin h3{margin:.65rem 0 .35rem}.workbench-admin p{min-height:7.5em;color:var(--muted)}.workbench-admin a{font-weight:800} .workbench-bottom{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;margin-top:1rem}.workbench-bottom article{padding:1.3rem;border:1px solid color-mix(in srgb,var(--green) 52%,var(--border));background:#fff}.workbench-bottom h2{margin-top:0}.workbench-bottom article>a:not(.btn){display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid color-mix(in srgb,var(--green) 28%,var(--border));text-decoration:none}.workbench-bottom small{color:var(--muted)} @media(max-width:1000px){.workbench-grid,.workbench-admin>div{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-grid p,.workbench-admin p{min-height:0}}@media(max-width:680px){.training-workbench{width:calc(100% - 1rem);padding-top:.5rem}.training-workbench>header,.workbench-alert{align-items:stretch;flex-direction:column}.workbench-alert b{min-width:0}.workbench-grid,.workbench-admin>div,.workbench-bottom{grid-template-columns:1fr}} /* Repères communs en tête de page */ .page-trail{display:flex;align-items:center;gap:.8rem;width:min(1240px,calc(100% - 2rem));margin:.7rem auto 0;padding:.5rem .65rem;border-bottom:1px solid color-mix(in srgb,var(--green) 35%,var(--border));font-size:.76rem;color:var(--muted)}.page-trail button{border:1px solid color-mix(in srgb,var(--green) 42%,var(--border));background:#fff;color:var(--green-dark);padding:.38rem .6rem;font:inherit;font-weight:800;cursor:pointer}.page-trail ol{display:flex;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none}.page-trail li+li:before{content:'›';margin-right:.35rem;color:var(--green)}.page-trail a{color:inherit;text-decoration:none}.page-trail a:hover{color:var(--green-dark);text-decoration:underline}@media(max-width:680px){.page-trail{width:calc(100% - 1rem);overflow:auto;white-space:nowrap}} /* Modèles de formation réutilisables */ .training-template-library{margin:1rem 0;padding:1.2rem;border:1px solid color-mix(in srgb,var(--green) 55%,var(--border));background:color-mix(in srgb,var(--green) 14%,white)}.training-template-library>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:2px solid color-mix(in srgb,var(--green) 45%,var(--border));padding-bottom:1rem}.training-template-library h2{margin:.25rem 0}.training-template-library details{min-width:260px}.training-template-library summary{list-style:none;cursor:pointer}.training-template-library details[open]{width:min(760px,100%)}.training-template-library details form{margin-top:.8rem;padding:1rem;border:1px solid var(--green);background:#fff}.training-template-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;overflow:auto;gap:1px;background:var(--border)}.training-template-modules label{display:flex;gap:.6rem;padding:.65rem;background:#fff}.training-template-modules small{display:block;color:var(--muted)}.training-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:1rem;background:color-mix(in srgb,var(--green) 48%,var(--border))}.training-template-grid article{padding:1rem;background:#fff}.training-template-grid article>span{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--green)}.training-template-grid form{display:grid;gap:.55rem}.training-template-empty{grid-column:1/-1;margin:0;padding:1rem;background:#fff}@media(max-width:850px){.training-template-library>header{flex-direction:column}.training-template-library details{width:100%}.training-template-grid{grid-template-columns:1fr}.training-template-modules{grid-template-columns:1fr}}