/* cours-autonome.css — cours en ligne pour le travail en autonomie (mapse.fr) Partagé par les pages *_cours.html générées depuis la bibliothèque PSE. Réglages d'accessibilité portés par des variables sur . */ @font-face{font-family:'Comic Neue';font-style:normal;font-weight:400;font-display:swap; src:url(../fonts/files/comic-neue-b36999c369.woff2) format('woff2')} @font-face{font-family:'Comic Neue';font-style:normal;font-weight:700;font-display:swap; src:url(../fonts/files/comic-neue-e59ab96bd5.woff2) format('woff2')} :root{ --fs:18px; --lh:1.6; --ls:0em; --ws:0em; --police:Verdana,"DejaVu Sans",Arial,sans-serif; --fond:#ffffff; --fond2:#f4f7fa; --texte:#1a1a1a; --doux:#4f5761; --bleu:#1b4f72; --bleu-clair:#e8f1f8; --trait:#b9c6d2; --vert:#0b6b3a; --vert-clair:#e6f4ec; --rouge:#a4262c; --rouge-clair:#fbeaea; --ambre:#7a5a12; --ambre-clair:#fdf4dc; --violet:#5b3a86; --violet-clair:#f1ebf8; --focus:#c2410c; --lu:#fff2a8; --lu-texte:#1a1a1a; } html[data-theme="contraste"]{ --fond:#000; --fond2:#0d0d0d; --texte:#fff; --doux:#e6e6e6; --bleu:#ffe14d; --bleu-clair:#1a1a1a; --trait:#fff; --vert:#7dffb0; --vert-clair:#062413; --rouge:#ff9b9b; --rouge-clair:#2a0909; --ambre:#ffd479; --ambre-clair:#1f1705; --violet:#e0c2ff; --violet-clair:#1a1024; --focus:#00e5ff; --lu:#ffe14d; --lu-texte:#000; } html[data-theme="sombre"]{ --fond:#15191e; --fond2:#1d232a; --texte:#eef1f4; --doux:#b8c2cc; --bleu:#8cc4ee; --bleu-clair:#1f2d3a; --trait:#475563; --vert:#8fe0b0; --vert-clair:#16301f; --rouge:#ffaaa5; --rouge-clair:#3a1a1a; --ambre:#f3cf7a; --ambre-clair:#33290f; --violet:#d3b8f5; --violet-clair:#2a2036; --focus:#ffb86b; --lu:#5a4b00; --lu-texte:#fff; } html[data-theme="creme"]{ --fond:#fbf5e6; --fond2:#f3ead3; --texte:#222; --doux:#55503f; --bleu:#1b4f72; --bleu-clair:#ece6d2; --trait:#c9bd9c; } html[data-police="atkinson"]{--police:"Atkinson Hyperlegible",Verdana,Arial,sans-serif} html[data-police="comic"]{--police:"Comic Neue","Comic Sans MS","Trebuchet MS",sans-serif} html[data-police="arial"]{--police:Arial,Helvetica,sans-serif} html[data-police="serif"]{--police:Georgia,"Times New Roman",serif} *{box-sizing:border-box} /* la barre est collante et passe à 2 ou 3 rangées sur écran étroit : la marge de défilement doit couvrir sa hauteur réelle, sinon le titre visé se cache dessous. */ html{scroll-behavior:smooth;scroll-padding-top:calc(var(--barre-h, 9.5rem) + .75rem)} body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--police); font-size:var(--fs);line-height:var(--lh);letter-spacing:var(--ls);word-spacing:var(--ws); text-align:left;-webkit-text-size-adjust:100%} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} :focus-visible{outline:3px solid var(--focus);outline-offset:3px} a{color:var(--bleu)} .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .saut{position:absolute;left:-9999px;top:0;z-index:100;background:var(--bleu);color:var(--fond);padding:.6rem 1rem} .saut:focus{left:.5rem;top:.5rem} button,select,input,textarea{font:inherit;letter-spacing:inherit;word-spacing:inherit} button{cursor:pointer} /* ── barre de réglages ── */ .barre{position:sticky;top:0;z-index:40;background:var(--bleu);color:#fff; box-shadow:0 2px 6px rgba(0,0,0,.25)} html[data-theme="contraste"] .barre,html[data-theme="sombre"] .barre{color:#000} .barre .rangee{max-width:62rem;margin:0 auto;padding:.45rem .75rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center} .barre button,.barre select{font-size:.8em;min-height:2.6rem;border-radius:.35rem; border:2px solid currentColor;background:transparent;color:inherit;padding:.25rem .7rem} .barre button:hover{background:rgba(255,255,255,.18)} .barre button[aria-pressed="true"]{background:#fff;color:var(--bleu);font-weight:bold} html[data-theme="contraste"] .barre button[aria-pressed="true"]{background:#000;color:#ffe14d} .barre .groupe{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap} .barre .lbl{font-size:.75em;font-weight:bold;margin-right:.1rem} .barre .espace{flex:1} .panneau{background:var(--fond2);color:var(--texte);border-bottom:3px solid var(--bleu)} .panneau .grille{max-width:62rem;margin:0 auto;padding:.8rem .9rem;display:grid; grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.7rem 1rem} .panneau label,.panneau .lbl-champ{display:block;font-size:.8em;font-weight:bold;margin-bottom:.2rem} .panneau select,.panneau button{width:100%;min-height:2.6rem;font-size:.85em;border:2px solid var(--trait); border-radius:.35rem;background:var(--fond);color:var(--texte);padding:.25rem .5rem} .panneau .taille{display:flex;gap:.3rem;align-items:center} .panneau .taille button{width:3rem;font-weight:bold} .panneau .taille output{flex:1;text-align:center;font-weight:bold} /* ── lecteur audio flottant ── */ #lecteur{position:fixed;left:50%;bottom:.8rem;transform:translateX(-50%);z-index:60; background:var(--texte);color:var(--fond);border-radius:2rem;padding:.35rem .5rem .35rem 1rem; display:flex;gap:.4rem;align-items:center;box-shadow:0 4px 18px rgba(0,0,0,.35);max-width:calc(100% - 1rem)} #lecteur[hidden]{display:none} #lecteur span{font-size:.8em;white-space:nowrap} #lecteur button{min-width:2.8rem;min-height:2.8rem;border-radius:1.4rem;border:2px solid var(--fond); background:transparent;color:var(--fond);font-size:.9em} .lu{background:var(--lu)!important;color:var(--lu-texte)!important;border-radius:.2rem; box-shadow:0 0 0 .25rem var(--lu)} /* ── mise en page ── */ .zone{max-width:62rem;margin:0 auto;padding:1rem 1rem 7rem} .fil{font-size:.8em;margin:.3rem 0 .8rem} header.cours{border-bottom:4px solid var(--bleu);padding:.6rem 0 1rem;margin-bottom:1rem} .surtitre{font-size:.75em;letter-spacing:.06em;text-transform:uppercase;color:var(--bleu);font-weight:bold} h1{font-size:1.6em;line-height:1.25;margin:.3rem 0} .theme{color:var(--doux);font-size:.9em;margin:.2rem 0} .objectif{background:var(--bleu-clair);border-left:6px solid var(--bleu);padding:.6rem .9rem;margin-top:.7rem} .sommaire{border:2px solid var(--trait);border-radius:.5rem;padding:.7rem 1rem;margin:1rem 0;background:var(--fond2)} .sommaire h2{font-size:1em;margin:0 0 .4rem} .sommaire ol{margin:.2rem 0;padding-left:1.4rem} .sommaire li{margin:.25rem 0} .progression{margin-top:.6rem;font-size:.85em} .jauge{height:.8rem;background:var(--fond);border:2px solid var(--trait);border-radius:.5rem;overflow:hidden;margin-top:.25rem} .jauge>span{display:block;height:100%;background:var(--vert);width:0} section.seance{margin-top:2rem} .seance-tete{background:var(--bleu);color:#fff;padding:.8rem 1rem;border-radius:.4rem} html[data-theme="contraste"] .seance-tete,html[data-theme="sombre"] .seance-tete{color:#000} .seance-tete .num{font-size:.75em;letter-spacing:.1em;text-transform:uppercase} .seance-tete h2{font-size:1.25em;margin:.15rem 0;line-height:1.3} .seance-tete .obj{font-size:.85em} .seance-tete .actions button,.seance-tete .actions button.audio{border-color:currentColor;color:inherit;background:transparent;font-weight:bold} .seance-tete .actions button.audio[data-etat="lecture"],.seance-tete .actions button.audio[data-etat="pause"]{background:#fff;color:var(--bleu)} .bandeau{margin:1.6rem 0 .8rem;padding:.45rem .8rem;border-left:6px solid var(--violet); background:var(--violet-clair);color:var(--violet);font-size:.95em;letter-spacing:.05em} .chapeau{font-weight:bold;margin:1.2rem 0 .3rem;font-size:1em} /* ── cartes ── */ .carte{border:2px solid var(--trait);border-radius:.5rem;margin:1rem 0;overflow:hidden;background:var(--fond)} .carte>.etiq{background:var(--fond2);border-bottom:2px solid var(--trait);padding:.45rem .9rem;font-weight:bold; display:flex;flex-wrap:wrap;gap:.3rem .7rem;align-items:baseline;margin:0;font-size:1em;line-height:1.35} h3.q-num{margin:0;font-size:1em} h3.bandeau{font-weight:bold} .boite h4{font-size:.9em} .barre .panneau{max-height:70vh;overflow:auto} .q .item{border-left-width:4px} .carte.doc{border-color:var(--bleu)} .carte.doc>.etiq{background:var(--bleu-clair);border-color:var(--bleu);color:var(--bleu)} .carte.situation{border-color:var(--violet)} .carte.situation>.etiq{background:var(--violet-clair);border-color:var(--violet);color:var(--violet)} .carte.encadre{border-color:var(--ambre);border-left-width:8px} .carte.encadre>.etiq{background:var(--ambre-clair);color:var(--ambre);border-color:var(--ambre)} .carte.notions{border-color:var(--vert)} .carte.notions>.etiq{background:var(--vert-clair);color:var(--vert);border-color:var(--vert)} .carte.eval{border-color:var(--vert);border-width:3px} .carte.eval>.etiq{background:var(--vert);color:#fff;border-color:var(--vert)} html[data-theme="contraste"] .carte.eval>.etiq,html[data-theme="sombre"] .carte.eval>.etiq{color:#000} .corps{padding:.7rem 1rem} .corps p{margin:.45rem 0} .corps ul{margin:.3rem 0;padding-left:1.3rem} .src{font-size:.75em;color:var(--doux);padding:0 1rem .7rem} figure.illus{margin:.3rem 1rem .8rem} .illus .zoom{display:block;width:100%;padding:0;border:2px solid var(--trait);background:#fff;border-radius:.3rem;cursor:zoom-in} .illus img{display:block;width:100%;height:auto} .illus figcaption{font-size:.8em;margin-top:.35rem} .illus details{margin-top:.3rem} .illus summary{cursor:pointer;color:var(--bleu);font-weight:bold} .img-absente{border:2px dashed var(--ambre);background:var(--ambre-clair);color:var(--ambre);padding:.8rem;font-size:.85em} dl.lexique{margin:0} dl.lexique dt{font-weight:bold;color:var(--vert);margin-top:.5rem} dl.lexique dd{margin:0 0 .2rem 0} /* tableaux */ .tabw{overflow-x:auto;margin:.5rem 0} table.t{border-collapse:collapse;width:100%;min-width:30rem;font-size:.92em} table.t th,table.t td{border:2px solid var(--trait);padding:.45rem .55rem;vertical-align:top;text-align:left} table.t th{background:var(--bleu-clair);color:var(--texte)} table.t td.donne{background:var(--fond2)} table.t td.coche{text-align:center;vertical-align:middle} table.t input[type=text],table.t textarea{width:100%;min-width:8rem} .sol{display:block;margin-top:.3rem;font-size:.85em;color:var(--vert);font-weight:bold} .sol.ko{color:var(--rouge)} /* correction des champs de saisie : juste, faux, ou réponse manquante */ input[type=text].juste,textarea.juste,select.choix.juste{border-color:var(--vert);background:var(--vert-clair)} input[type=text].faux,textarea.faux,select.choix.faux{border-color:var(--rouge);background:var(--rouge-clair)} table.t td.juste{background:var(--vert-clair)} table.t td.faux{background:var(--rouge-clair)} input[type=text].manque,textarea.manque,select.choix.manque{border-style:dashed;border-color:var(--rouge);background:var(--rouge-clair)} table.t td.manque{background:var(--rouge-clair)} .manque-note{display:block;margin-top:.25rem;font-size:.85em;color:var(--rouge);font-weight:bold} .manque-note.en-ligne{display:inline-block;margin:0 0 0 .3rem;vertical-align:baseline} /* questions */ .q{border:2px solid var(--trait);border-radius:.5rem;padding:.8rem 1rem;margin:1rem 0;background:var(--fond)} .q.fait-juste{border-color:var(--vert)} .q.fait-revoir{border-color:var(--ambre)} .q-tete{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:baseline} .q-num{font-weight:bold;color:var(--bleu);min-width:2rem} .q-comp{font-size:.7em;font-weight:bold;border:2px solid var(--bleu);color:var(--bleu);border-radius:.3rem;padding:0 .35rem} .q-etat{margin-left:auto;font-size:.75em;font-weight:bold} .q-txt{margin:.35rem 0 .5rem} .saisie{margin:.4rem 0} textarea,input[type=text],select.choix{width:100%;background:var(--fond);color:var(--texte); border:2px solid var(--doux);border-radius:.35rem;padding:.5rem .6rem;min-height:2.8rem} textarea{resize:vertical;min-height:4.5em} input[type=text].trou{display:inline-block;width:auto;min-width:9ch;max-width:100%;padding:.15rem .4rem;min-height:2.2rem;margin:.1rem 0} .opt{display:flex;gap:.6rem;align-items:flex-start;padding:.45rem .6rem;margin:.3rem 0;border:2px solid var(--trait); border-radius:.4rem;cursor:pointer} .opt:hover{background:var(--fond2)} .opt input{width:1.4em;height:1.4em;flex:none;margin-top:.1em;accent-color:var(--bleu)} .opt.juste{border-color:var(--vert);background:var(--vert-clair)} .opt.faux{border-color:var(--rouge);background:var(--rouge-clair)} .item{margin:.6rem 0;padding:.5rem .6rem;border-left:4px solid var(--trait)} .item .enonce{font-weight:bold;margin-bottom:.2rem} .item.juste{border-left-color:var(--vert)} .item.faux{border-left-color:var(--rouge)} .vf{display:flex;flex-wrap:wrap;gap:.4rem} .vf .opt{flex:1;min-width:7rem} label.calc{display:block;font-size:.85em;font-weight:bold;margin:.4rem 0 .15rem} .actions{display:flex;flex-wrap:wrap;gap:.45rem;margin:.55rem 0 .2rem} .actions button{min-height:2.75rem;padding:.3rem .85rem;border-radius:.4rem;font-size:.85em; border:2px solid var(--bleu);background:var(--fond);color:var(--bleu)} .actions button:hover{background:var(--bleu-clair)} .actions button.audio{border-color:var(--violet);color:var(--violet)} .actions button.audio[data-etat="lecture"]{background:var(--violet);color:var(--fond)} .actions button.indice{border-color:var(--ambre);color:var(--ambre)} .actions button.verif{background:var(--bleu);color:var(--fond)} .actions button.corr{border-color:var(--vert);color:var(--vert)} .actions button.ok{border-color:var(--vert);color:var(--vert)} .actions button.ko{border-color:var(--ambre);color:var(--ambre)} .actions button[aria-pressed="true"]{outline:3px solid var(--texte)} .boite{border-radius:.4rem;padding:.6rem .8rem;margin:.55rem 0} .boite h3,.boite h4{margin:0 0 .25rem;font-size:.9em} .boite p{margin:.25rem 0} .boite.aide{background:var(--ambre-clair);border-left:6px solid var(--ambre)} .boite.corrige{background:var(--vert-clair);border-left:6px solid var(--vert)} .boite.expl{background:var(--bleu-clair);border-left:6px solid var(--bleu)} .verdict{font-weight:bold;border-radius:.4rem;padding:.5rem .8rem;margin:.5rem 0} .verdict.ok{background:var(--vert-clair);color:var(--vert);border:2px solid var(--vert)} .verdict.ko{background:var(--rouge-clair);color:var(--rouge);border:2px solid var(--rouge)} .verdict.mi{background:var(--ambre-clair);color:var(--ambre);border:2px solid var(--ambre)} .auto-pos{font-size:.85em;margin-top:.4rem} /* score */ .score{border:3px solid var(--trait);border-radius:.5rem;padding:.8rem 1rem;margin:.8rem 0} .score .chiffre{font-size:1.6em;font-weight:bold} .score.vert{border-color:var(--vert);background:var(--vert-clair)} .score.orange{border-color:var(--ambre);background:var(--ambre-clair)} .score.rouge{border-color:var(--rouge);background:var(--rouge-clair)} .score ul{margin:.3rem 0;padding-left:1.3rem} table.bilan{border-collapse:collapse;width:100%;font-size:.9em;margin:.5rem 0} table.bilan th,table.bilan td{border:2px solid var(--trait);padding:.35rem .5rem;text-align:left} /* agrandissement d'image */ dialog.loupe{border:0;padding:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:rgba(0,0,0,.92)} dialog.loupe::backdrop{background:rgba(0,0,0,.85)} dialog.loupe .fermer{position:fixed;top:.6rem;right:.6rem;min-height:3rem;min-width:3rem;font-size:1em; border-radius:.4rem;border:2px solid #fff;background:#000;color:#fff;z-index:2;padding:.2rem .8rem} dialog.loupe .cadre{width:100%;height:100%;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:3.8rem .5rem .5rem} dialog.loupe img{max-width:none;width:min(1600px,160vw);height:auto;background:#fff} .actions a.lien-btn{display:inline-flex;align-items:center;min-height:2.75rem;padding:.3rem .85rem;border-radius:.4rem;font-size:.85em; border:2px solid var(--bleu);color:var(--bleu);background:var(--fond);text-decoration:none;font-weight:bold} .actions a.lien-btn:hover{background:var(--bleu-clair)} /* chasse aux dangers */ .chasse-img{position:relative;display:block;cursor:crosshair;border:2px solid var(--trait);border-radius:.3rem;overflow:hidden; touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff} .chasse-img img{display:block;width:100%;height:auto} .chasse-calque{position:absolute;inset:0} .zone-danger{position:absolute;border:4px solid #0b8a45;border-radius:.5rem;box-shadow:0 0 0 3px #fff,0 0 12px rgba(0,0,0,.5);background:rgba(11,138,69,.18)} .zone-danger.revele{border-style:dashed;border-color:#b45309;background:rgba(180,83,9,.15)} .zone-danger span{position:absolute;left:0;top:100%;margin-top:.25rem;background:#0b6b3a;color:#fff;font-size:.68em;font-weight:bold; padding:.1rem .4rem;border-radius:.25rem;white-space:nowrap;z-index:2} .zone-danger.revele span{background:#92400e} .rate{position:absolute;transform:translate(-50%,-50%);color:#c62828;font-size:1.8em;font-weight:bold;text-shadow:0 0 4px #fff,0 0 4px #fff;pointer-events:none} .chasse-info{font-weight:bold;min-height:1.5em;margin:.4rem 0} /* cartes à ordonner et images dans les activités */ .cartes-ordre{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.7rem} .carte-ordre{border:2px solid var(--trait);border-radius:.5rem;padding:.5rem;margin:0;border-left-width:2px} .carte-ordre.juste{border-color:var(--vert);background:var(--vert-clair)} .carte-ordre.faux{border-color:var(--rouge);background:var(--rouge-clair)} .carte-ordre .zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in} .carte-ordre img{width:100%;height:auto;border-radius:.3rem;display:block} .carte-texte{font-weight:bold;margin:.45rem 0} .opt img.opt-img{width:3.4rem;height:auto;flex:none;border-radius:.3rem} .item .item-img{max-width:18rem;width:100%;border-radius:.3rem;display:block;margin:.3rem 0} /* glisser-déposer */ .glisser{margin:.5rem 0} .gl-titre{font-size:.8em;font-weight:bold;color:var(--doux);margin-bottom:.2rem} .gl-reserve{display:flex;flex-wrap:wrap;gap:.5rem;min-height:6rem;padding:.5rem;border:3px dashed var(--trait);border-radius:.6rem;background:var(--fond2)} .gl-cibles{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.6rem;margin-top:.8rem} .gl-cible{display:flex;flex-direction:column;border:2px solid var(--bleu);border-radius:.6rem;overflow:hidden;background:var(--fond)} .gl-cible-img{width:100%;height:auto;display:block} .gl-depot{flex:1;min-height:7.5rem;margin:.4rem;border:3px dashed var(--bleu);border-radius:.5rem;display:flex;align-items:center;justify-content:center; background:var(--bleu-clair);cursor:pointer} .gl-depot:empty::after{content:'Déposer ici';font-size:.8em;color:var(--doux)} .gl-label{background:var(--bleu);color:#fff;font-weight:bold;text-align:center;padding:.45rem .3rem;font-size:.92em} html[data-theme="contraste"] .gl-label,html[data-theme="sombre"] .gl-label{color:#000} .gl-piece{touch-action:none;cursor:grab;display:flex;flex-direction:column;align-items:center;gap:.25rem;max-width:11rem;min-height:2.75rem; padding:.35rem .5rem;border:2px solid var(--doux);border-radius:.45rem;background:var(--fond);color:var(--texte);font-size:.85em;text-align:center} .gl-piece img{width:100%;height:auto;border-radius:.3rem;pointer-events:none} .gl-piece.gl-photo{width:10rem} .gl-depot .gl-piece{max-width:100%;width:100%} .gl-piece[aria-pressed="true"]{outline:4px solid var(--focus);outline-offset:2px} .gl-piece.en-glisse{position:relative;z-index:30;cursor:grabbing;box-shadow:0 8px 22px rgba(0,0,0,.35);opacity:.92} .gl-piece.juste{border-color:var(--vert);background:var(--vert-clair)} .gl-piece.faux{border-color:var(--rouge);background:var(--rouge-clair)} /* memory */ .memory{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem} .mem-carte{min-height:8rem;border:3px solid var(--violet);border-radius:.6rem;background:var(--violet);color:#fff;cursor:pointer;padding:.3rem; display:flex;align-items:center;justify-content:center;font-size:.85em} .mem-dos{font-size:2.2em;font-weight:bold} .mem-carte.ouverte{background:var(--fond);color:var(--texte)} .mem-carte.trouvee{background:var(--vert-clair);border-color:var(--vert);cursor:default} .mem-face{display:flex;flex-direction:column;align-items:center;gap:.25rem} .mem-face img{width:100%;max-height:7rem;object-fit:cover;border-radius:.35rem} /* photos en réponse, fin d'activité */ .opt.opt-photo{flex-direction:column;align-items:stretch} .opt.opt-photo img.opt-img{width:100%;max-width:16rem} .item-zoom{display:block;padding:0;border:0;background:none;cursor:zoom-in;max-width:22rem} .retour-bas{margin-top:1.5rem} .retour-bas a.lien-btn,#fin-activite a.lien-btn{font-size:1em} /* flashcards */ .carte.flash{border-color:var(--violet);border-width:3px} .carte.flash>.etiq{background:var(--violet-clair);color:var(--violet);border-color:var(--violet)} .fc-pos{font-weight:bold;margin:.2rem 0 .5rem} .fc-carte{min-height:10rem;border:3px solid var(--violet);border-radius:.8rem;padding:1rem 1.2rem;background:var(--fond2); cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:.6rem;font-size:1.2em;text-align:center} .fc-carte:hover{background:var(--violet-clair)} .fc-verso{border-top:2px dashed var(--violet);padding-top:.6rem;color:var(--texte)} .fc-face{display:block;font-size:.6em;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);font-weight:bold;margin-bottom:.2rem} .fc-carte p{margin:.2rem 0} .fc-bilan{font-size:.9em;font-weight:bold} .pied{margin-top:2.5rem;font-size:.75em;color:var(--doux);border-top:2px solid var(--trait);padding-top:.7rem} .masque{display:none!important} @media (max-width:40rem){ :root{--fs:17px} .zone{padding:.7rem .6rem 7rem} .corps{padding:.6rem .7rem} figure.illus{margin:.3rem .5rem .7rem} .barre .lbl{display:none} h1{font-size:1.35em} } /* ── impression / PDF ── */ .copie-impr{display:none} @media print{ :root{--fs:12pt;--lh:1.45} html{--fond:#fff;--texte:#000} body{background:#fff;color:#000} .barre,.panneau,#lecteur,.actions,.saut,.fil,dialog,.sommaire .progression,.no-print{display:none!important} .zone{max-width:none;padding:0} .carte,.q,.score,table.t tr{break-inside:avoid} section.seance{break-before:page} section.seance:first-of-type{break-before:auto} .seance-tete{background:#fff;color:#000;border:2px solid #000} .carte.eval>.etiq{background:#fff;color:#000} textarea{display:none} .copie-impr{display:block;white-space:pre-wrap;border:1px solid #777;min-height:3em;padding:.3rem .5rem;border-radius:.2rem} input[type=text]{border:1px solid #777} .illus .zoom{border:1px solid #999} a{color:#000;text-decoration:none} [hidden]{display:none!important} } /* indice : information surlignée dans le document */ mark.trouve{background:var(--lu);color:var(--lu-texte);box-shadow:0 0 0 2px var(--focus);border-radius:.2rem;padding:0 .1em} .cherche-zone{outline:3px dashed var(--focus);outline-offset:4px} #retour-q{position:fixed;right:1rem;bottom:5.2rem;z-index:61;min-height:2.8rem;padding:.5rem 1rem;border-radius:1.4rem;border:2px solid var(--focus);background:var(--fond);color:var(--texte);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18)} #retour-q[hidden]{display:none} /* le panneau Réglages passe devant le bouton flottant */ .barre:has(.panneau:not([hidden])) ~ #retour-q{display:none} @media print{mark.trouve{background:none;box-shadow:none}#retour-q{display:none!important}} /* Imprimer le cours : sans corrigé (fiche vierge) ou avec le corrigé */ .impr-fin{margin:2rem 0 1rem;padding:1rem 1.2rem;border:2px solid var(--focus);border-radius:.6rem} .impr-fin h2{margin-top:0} @media print{ body.impr-sans .verdict,body.impr-sans .sol,body.impr-sans .boite.aide,body.impr-sans .score,body.impr-sans [id$="-cb"]{display:none!important} body.impr-sans input[type=text]{color:transparent} body.impr-avec [id$="-cb"]{display:block!important} body.impr-avec .auto-pos{display:none!important} }