/* ------------------------------------------------------------------ Stratégie d'entreprise — mise en page A4 des fiches de révision Noir et blanc, sobre, sans ressource distante. Sert deux usages : 1. impression d'une page du parcours depuis le navigateur ; 2. gabarit des sources HTML converties en revision.pdf. Les sources de fiche portent et sont liées à cette feuille seule (media="all" pour la conversion HTML -> PDF). ------------------------------------------------------------------ */ /* 1. Page A4 ------------------------------------------------------- */ @page { size: A4 portrait; margin: 15mm 14mm 13mm; } @page :first { margin-top: 16mm; } /* 2. Corps de la fiche --------------------------------------------- */ .fiche { margin: 0; background: #ffffff; color: #000000; font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; font-size: 10pt; line-height: 1.38; widows: 3; orphans: 3; } .fiche * { box-sizing: border-box; } /* Écran : on simule la feuille pour relire la source avant conversion. */ .fiche .feuille { width: 178mm; margin: 0 auto; } .fiche p, .fiche li, .fiche dd { margin: 0 0 0.5em; } .fiche ul, .fiche ol { margin: 0 0 0.6em; padding-left: 5mm; } .fiche li + li { margin-top: 0.15em; } .fiche strong { font-weight: 700; } .fiche abbr[title] { text-decoration: none; } /* 3. En-tête de fiche ---------------------------------------------- */ .fiche-entete { border-bottom: 1.2pt solid #000000; padding-bottom: 2mm; margin-bottom: 4mm; } .fiche-entete__parcours { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 7.5pt; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 1.5mm; } .fiche-entete__titre { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15pt; font-weight: 700; line-height: 1.2; margin: 0 0 1.5mm; } .fiche-entete__reference { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 8.5pt; margin: 0; } .fiche-entete__reference span + span::before { content: " · "; } /* 4. Titres internes ------------------------------------------------ */ .fiche h2 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 10.5pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; border-bottom: 0.5pt solid #000000; padding-bottom: 1mm; margin: 4.5mm 0 2mm; break-after: avoid; page-break-after: avoid; } .fiche h3 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 9.5pt; font-weight: 700; margin: 3mm 0 1.2mm; break-after: avoid; page-break-after: avoid; } .fiche h2:first-of-type { margin-top: 0; } /* 5. Blocs de contenu ----------------------------------------------- */ .fiche-bloc { break-inside: avoid; page-break-inside: avoid; margin-bottom: 4mm; } .fiche-encadre { border: 0.7pt solid #000000; padding: 2.5mm 3mm; margin: 0 0 4mm; break-inside: avoid; page-break-inside: avoid; } .fiche-encadre > :last-child { margin-bottom: 0; } .fiche-encadre__titre { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 8pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 1.5mm; } /* Définitions : terme en gras, définition en retrait. */ .fiche-definitions { margin: 0 0 4mm; } .fiche-definitions dt { font-weight: 700; margin-top: 1.5mm; } .fiche-definitions dd { margin: 0 0 0 4mm; } /* Points clés : liste dense, puce discrète. */ .fiche-points { list-style: square; } /* Deux colonnes pour les listes courtes. */ .fiche-colonnes { column-count: 2; column-gap: 8mm; column-rule: 0.4pt solid #808080; } .fiche-colonnes li { break-inside: avoid; page-break-inside: avoid; } /* 6. Schéma simple (traits noirs, aucune image distante) ------------- */ .fiche-schema { margin: 0 0 4mm; break-inside: avoid; page-break-inside: avoid; } .fiche-schema table { width: 100%; border-collapse: collapse; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 9pt; } .fiche-schema th, .fiche-schema td { border: 0.5pt solid #000000; padding: 1.5mm 2mm; vertical-align: top; text-align: left; } .fiche-schema th { font-weight: 700; } .fiche-schema caption, .fiche-legende { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 8pt; text-align: left; padding-bottom: 1mm; } /* 7. Questions de rappel et réponses --------------------------------- */ .fiche-rappel { margin: 0; padding: 0; list-style: none; counter-reset: rappel; } .fiche-rappel > li { break-inside: avoid; page-break-inside: avoid; border-top: 0.4pt solid #000000; padding: 2mm 0; margin: 0; } .fiche-rappel > li:last-child { border-bottom: 0.4pt solid #000000; } .fiche-rappel__question { font-weight: 700; margin: 0 0 1mm; } .fiche-rappel__question::before { counter-increment: rappel; content: counter(rappel) ". "; } .fiche-rappel__reponse { margin: 0; } .fiche-rappel__reponse::before { content: "Réponse : "; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 8.5pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; } /* Lignes vierges pour répondre au crayon. */ .fiche-lignes { border-bottom: 0.4pt solid #000000; height: 6mm; margin-bottom: 1.5mm; } /* 8. Pied de fiche ---------------------------------------------------- */ .fiche-pied { border-top: 0.5pt solid #000000; margin-top: 6mm; padding-top: 1.5mm; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 7.5pt; } /* 9. Sauts de page contrôlés ------------------------------------------ */ .saut-avant { break-before: page; page-break-before: always; } .saut-apres { break-after: page; page-break-after: always; } .sans-coupure { break-inside: avoid; page-break-inside: avoid; } /* 10. Page de garde et sommaire du livret assemblé -------------------- */ .garde { text-align: center; padding-top: 55mm; break-after: page; page-break-after: always; } .garde__intitule { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 26pt; font-weight: 700; line-height: 1.15; margin: 0 0 6mm; } .garde__niveau { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12pt; margin: 0 0 3mm; } .garde__mention { font-size: 10pt; margin: 0; } .garde__filet { border: 0; border-top: 1pt solid #000000; width: 40mm; margin: 8mm auto; } .sommaire { break-after: page; page-break-after: always; } .sommaire ol { list-style: none; padding: 0; margin: 0; } .sommaire > ol > li { margin-bottom: 3mm; break-inside: avoid; } .sommaire__sequence { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 700; font-size: 10pt; border-bottom: 0.4pt solid #000000; padding-bottom: 0.8mm; margin-bottom: 1.2mm; } .sommaire__ressources { font-size: 9.5pt; } .sommaire__ressources li { margin-left: 4mm; } /* 11. Impression d'une page du parcours depuis le navigateur ---------- */ @media print { html { font-size: 11pt; } body { background: #ffffff; color: #000000; } /* Le pilotage à l'écran n'a pas de sens sur papier. */ .evitement, .fil-ariane, .actions, .encart-formateur, .video-integree, nav, button, input[type="submit"], input[type="button"] { display: none !important; } .page { max-width: none; padding: 0; } h1, h2, h3, h4 { break-after: avoid; page-break-after: avoid; } p, li, blockquote, figure, .encart, .feedback { break-inside: avoid; page-break-inside: avoid; } .encart, .feedback, .verrou { border: 0.7pt solid #000000; background: none; } /* L'URL des liens internes n'apporte rien sur papier ; on n'imprime que les destinations absolues. */ a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8.5pt; } .tableau { font-size: 9.5pt; } .tableau th, .tableau td { border: 0.5pt solid #000000; } /* Les onglets sont des