/* MasterStudy - Modes d'affichage accessibles La classe acc-mode-* est posee sur par le JS selon le choix eleve. */ /* ---------- Selecteur de mode ---------- */ .acc-switcher{ display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap; background:#ffffff;border:1px solid #d8dee7;border-radius:40px; padding:8px 12px;box-shadow:0 4px 14px rgba(20,40,80,.10); font-family:"Segoe UI",Roboto,Arial,sans-serif; } .acc-switcher-label{font-size:.9rem;font-weight:600;color:#445;} .acc-btn{ border:1px solid #d8dee7;background:#f4f6f9;color:#445; border-radius:30px;padding:7px 16px;font-size:.92rem;font-weight:600;cursor:pointer;transition:.15s; } .acc-btn:hover{background:#e7ecf3;} .acc-btn.is-active{background:#1c6dd0;border-color:#1c6dd0;color:#fff;} .acc-switcher-float{position:fixed;right:18px;bottom:18px;z-index:9999;} .acc-switcher-inline{margin:14px 0;} /* ---------- Presentation : largeur de lecture confortable ---------- */ .acc-variant,.acc-activities,.acc-ai,.acc-switcher-inline{max-width:820px;margin-left:auto;margin-right:auto;} .acc-variant.acc-standard{font-size:1.05rem;line-height:1.7;color:#243140;} .acc-variant.acc-standard h2{color:#13447D;border-bottom:2px solid #eef1f5;padding-bottom:6px;margin:1.6em 0 .6em;font-size:1.35rem;} .acc-variant.acc-standard h3{color:#1c6dd0;margin:1.1em 0 .4em;} .acc-variant.acc-standard p{margin:.7em 0;} .acc-variant.acc-standard ul{margin:.6em 0 1em;padding-left:1.4em;} .acc-variant.acc-standard li{margin:.35em 0;} .acc-variant.acc-standard table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.97rem;border:none;} .acc-variant.acc-standard th{background:#1c6dd0;color:#fff;padding:9px 11px;text-align:left;border:1px solid #1c6dd0;} .acc-variant.acc-standard td{border:1px solid #d8dee7;padding:9px 11px;vertical-align:top;} .acc-variant.acc-standard tr:nth-child(even) td{background:#f7f9fc;} /* ---------- Bascule des variantes ---------- */ .acc-variant.acc-tdah{display:none;} .acc-mode-tdah .acc-variant.acc-standard{display:none;} .acc-mode-tdah .acc-variant.acc-tdah{display:block;} /* ---------- Mode Dyslexie : repli large (contenu MasterStudy nu) ---------- */ .acc-mode-dys .masterstudy-lesson__content, .acc-mode-dys .stm-lms-lesson__content, .acc-mode-dys .lesson-content, .acc-mode-dys .ms_lms_lesson_text{ font-family:"OpenDyslexic",Verdana,"Trebuchet MS","Comic Sans MS",sans-serif !important; font-size:1.18rem !important;line-height:2 !important;letter-spacing:.04em !important; word-spacing:.14em !important;color:#2a2a2a !important;background:#fbf7ee !important; border-radius:10px;padding:14px 18px; } /* ---------- Mode Dyslexie : variantes balisees ---------- */ .acc-mode-dys .acc-variant.acc-standard{ font-family:"OpenDyslexic",Verdana,"Trebuchet MS","Comic Sans MS",sans-serif !important; font-size:1.18rem !important;line-height:2 !important;letter-spacing:.04em !important; word-spacing:.14em !important;color:#2a2a2a !important;background:#fbf7ee !important; border-radius:10px;padding:14px 18px;max-width:66ch; } .acc-mode-dys .acc-variant.acc-standard p, .acc-mode-dys .acc-variant.acc-standard li{line-height:2 !important;max-width:66ch;text-align:left !important;} .acc-mode-dys .acc-variant.acc-standard em, .acc-mode-dys .acc-variant.acc-standard i{font-style:normal !important;font-weight:700;} .acc-mode-dys .acc-variant.acc-standard h2, .acc-mode-dys .acc-variant.acc-standard h3{color:#9a4a00 !important;line-height:1.5 !important;} /* ---------- Mode TDAH : mise en page ---------- */ .acc-mode-tdah .acc-variant.acc-standard{font-size:1.08rem;line-height:1.75;} .acc-mode-tdah .acc-variant.acc-tdah h2{background:#1f9d63;color:#fff;padding:8px 14px;border-radius:8px;font-size:1.1rem;margin-top:24px;} .acc-mode-tdah .acc-variant.acc-tdah .bloc{border:2px solid #dfeee7;border-radius:12px;padding:14px 16px;margin:14px 0;} .acc-mode-tdah .acc-variant.acc-tdah .duree{display:inline-block;background:#e6f6ee;color:#1f9d63;font-weight:700;font-size:.8rem;padding:3px 10px;border-radius:20px;margin-bottom:8px;} .acc-mode-tdah .acc-variant.acc-tdah .objectif{font-weight:700;color:#1f9d63;margin:0 0 10px;} .acc-mode-tdah .acc-variant.acc-tdah .cle{background:#fff3cf;font-weight:700;padding:1px 5px;border-radius:4px;} .acc-mode-tdah .acc-variant.acc-tdah ul.check{list-style:none;padding-left:0;} .acc-mode-tdah .acc-variant.acc-tdah ul.check li{padding:7px 0 7px 34px;position:relative;line-height:1.4;} .acc-mode-tdah .acc-variant.acc-tdah ul.check li::before{content:"\2610";position:absolute;left:6px;top:3px;font-size:1.2rem;color:#1f9d63;} .acc-mode-tdah .acc-variant.acc-tdah ul.check li.done::before{content:"\2611";color:#1f9d63;} .acc-mode-tdah .acc-variant.acc-tdah .pause{text-align:center;color:#e8820c;font-weight:700;margin:18px 0;} .acc-mode-tdah .acc-variant.acc-tdah .retenir{background:#eafaf1;border:2px solid #1f9d63;border-radius:12px;padding:12px 16px;margin:14px 0;} /* ---------- Cases a cocher cliquables (tous modes) ---------- */ ul.check > li{cursor:pointer;user-select:none;transition:opacity .15s;} ul.check > li:hover{background:#f3faf6;border-radius:6px;} ul.check > li.done{opacity:.7;text-decoration:line-through;text-decoration-color:#9cc6b0;} /* ---------- Activites ---------- */ .acc-act-title{color:#13447d;border-bottom:2px solid #eef1f5;padding-bottom:6px;} .acc-quiz,.acc-cloze{background:#f7f9fc;border:1px solid #e1e7ef;border-radius:12px;padding:16px 18px;margin:16px 0;} .acc-quiz-eval{background:#fef6f0;border-color:#f3d5bd;} .acc-quiz h3,.acc-cloze h3{margin-top:0;color:#13447d;} .acc-q{margin:14px 0;padding-bottom:6px;border-bottom:1px dashed #e1e7ef;} .acc-q-text{margin:0 0 8px;} .acc-choice{display:block;padding:6px 8px;border-radius:6px;cursor:pointer;} .acc-choice:hover{background:#eef3fb;} .acc-feedback{font-weight:600;margin-top:6px;min-height:1.1em;font-size:.92rem;} .acc-feedback.ok{color:#1f9d63;} .acc-feedback.ko{color:#d23c3c;} .acc-check-btn{background:#1c6dd0;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-weight:600;cursor:pointer;margin-top:8px;} .acc-check-btn:hover{background:#13447d;} .acc-score{font-weight:700;margin-top:8px;color:#13447d;} .acc-blank{border:none;border-bottom:2px solid #1c6dd0;background:#fff;padding:2px 6px;min-width:120px;font-size:1rem;margin:0 3px;} .acc-blank.ok{border-color:#1f9d63;background:#eafaf1;} .acc-blank.ko{border-color:#d23c3c;background:#fdeaea;} .acc-cloze-text{line-height:2.2;} .acc-mode-tdah .acc-choice{font-size:1.05rem;padding:9px 10px;border:1px solid #e1e7ef;margin:5px 0;} .acc-mode-tdah .acc-check-btn{font-size:1.05rem;padding:12px 22px;} .acc-mode-dys .acc-quiz,.acc-mode-dys .acc-cloze{font-family:"OpenDyslexic",Verdana,"Trebuchet MS",sans-serif;background:#fbf7ee;line-height:1.9;letter-spacing:.03em;} /* ---------- Aide IA ---------- */ .acc-ai{margin:26px 0;} .acc-ai-toggle{background:#6b3fd4;color:#fff;border:none;border-radius:30px;padding:11px 22px;font-weight:700;cursor:pointer;font-size:1rem;box-shadow:0 4px 12px rgba(107,63,212,.25);} .acc-ai-toggle:hover{background:#542db0;} .acc-ai-panel{margin-top:14px;border:2px solid #e6def8;border-radius:14px;padding:14px;background:#faf8ff;}