/* Pour plus d'informations voir l'article */
/* https://www.alsacreations.com/astuce/lire/1160-une-feuille-de-styles-de-base-pour-le-media-print.html */
/* de Raphaël Goetter (https://goetter.fr/) */

@page {
    size: A4 portrait;
    margin: 2cm 1.5cm;
  @bottom-center {
      content: counter(page);
  }
}

@page :first {
  margin-top: 5cm;
}

/* Reset général */
/** {
    all: unset;
    display: revert;
    box-sizing: border-box;
}*/

img {
    max-width: 100%;
}

input,
textarea,
select {
    all: revert;
}

/* On redéfinit les styles globaux (12pt = 16px) */
body {
    font-size: 12pt;
    line-height: 1.5;
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* On redéfinit balises sup et sub */
sup, sub {
  font-size: 60%;
}
sup {vertical-align: 0.75em;}
sub {vertical-align: -0.75em;}

  /* Espacements typographiques (15pt = 20px) */
  p,
  blockquote,
  label,
  ul,
  ol {
    margin-block: 0 15pt;
  }
  p:last-child {
    margin-bottom: 0;
  }

  /* Titrages (24pt = 32px) */


h1 {
    break-before: page;
    margin-block: 0 24pt;
    text-align: center;

    font-weight: 700;
    font-size: 32pt;
    line-height: 1.5;
    border-bottom: 1px solid #555;
    font-variant-caps: small-caps;

    & :has(+ h2){
      break-after: page;

    }
}

  h2 {
    break-before: page;
    text-align: center;

    margin-block: 0 18pt;
    font-weight: 700;
    font-size: 16pt;
    line-height: 1.1;
  }
  h3 {
    margin-block: 0 15pt;
    font-weight: 700;
    font-size: 14pt;
  }
  h4 {
    margin-block: 0 12pt;
    font-weight: 700;
    font-size: 12pt;
  }

  /* Classes dédiées print / no-print */
  .print {
    display: revert;
  }
  .no-print {
    display: none;
  }

  /* Pas de veuves ou orphelines (3 lignes minimum) */
  p, .box,
  blockquote {
    orphans: 3;
    widows: 3;
  }

  /* Pas de saut de page au sein de ces éléments */
  blockquote, .box,
  ul,
  ol,
  figure,
  table {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* Pas de saut de page après ces éléments */
/*h1,*/
h2,
h3,
h4,
caption {
    page-break-after: avoid;
    break-after: avoid;
}



  /* Styles des liens */
  a,
  a:link,
  a:visited {
    background: transparent !important;
    color: unset;
    font-weight: 700;
    text-decoration: underline !important;
  }

  /* On affiche l'URL des liens externes */
  a[href^="http"]:after,
  a[href^="https"]:after {
    content: " (" attr(href) ")";
  }

  /* On masque les vidéos */
  video,
  object,
  iframe {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

:is(.reponse, .hint) {
  display: none;
  visibility: hidden;
}

/* Pour afficher le slideshow sur deux colonnes */
/*.slideshow {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;

  & > :is(div, section) {
    flex: 1 1 8cm;
  }
}*/

.quiz {
  input[type=checkbox] {  display: none; }
}

h2 + .quiz {
  break-before: avoid;
}