@page {
  size: A4 portrait;
  margin: 15mm 14mm 17mm;
}

@media print {
  body.pageCoursPublic {
    position: static;
    overflow: visible;
    background: #fff;
    color: #111;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11pt;
    line-height: 1.45;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  body.pageCoursPublic > header,
  body.pageCoursPublic > nav,
  body.pageCoursPublic > footer,
  body.pageCoursPublic > .flashes,
  body.pageCoursPublic .coursPublic__actions,
  body.pageCoursPublic .coursPublic button,
  body.pageCoursPublic .coursPublic form,
  body.pageCoursPublic .coursPublic input,
  body.pageCoursPublic .coursPublic select,
  body.pageCoursPublic .coursPublic textarea,
  body.pageCoursPublic .coursPublic [contenteditable="true"],
  body.pageCoursPublic .coursPublic .python,
  body.pageCoursPublic .coursPublic .programmePython,
  body.pageCoursPublic .coursPublic .sortieProgramme,
  body.pageCoursPublic .coursPublic .videoYoutube,
  body.pageCoursPublic .coursPublic video,
  body.pageCoursPublic .coursPublic audio,
  body.pageCoursPublic .coursPublic iframe,
  body.pageCoursPublic .coursPublic canvas,
  body.pageCoursPublic .coursPublic object,
  body.pageCoursPublic .coursPublic embed,
  body.pageCoursPublic .coursPublic .geogebra,
  body.pageCoursPublic .coursPublic .nonImprime,
  body.pageCoursPublic .coursPublic .solutionPedagogique {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.pageCoursPublic .coursPublic,
  body.pageCoursPublic .coursPublic .zoneRendu {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: #fff;
  }

  body.pageCoursPublic .coursPublic .zoneRendu > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  body.pageCoursPublic .coursPublic h1,
  body.pageCoursPublic .coursPublic h2,
  body.pageCoursPublic .coursPublic h3,
  body.pageCoursPublic .coursPublic h4,
  body.pageCoursPublic .coursPublic h5,
  body.pageCoursPublic .coursPublic h6,
  body.pageCoursPublic .coursPublic .titre,
  body.pageCoursPublic .coursPublic .définitionTitre,
  body.pageCoursPublic .coursPublic .propriétéTitre,
  body.pageCoursPublic .coursPublic .exemple > strong:first-child,
  body.pageCoursPublic .coursPublic .exemples > strong:first-child,
  body.pageCoursPublic .coursPublic .remarque > strong:first-child,
  body.pageCoursPublic .coursPublic .remarques > strong:first-child,
  body.pageCoursPublic .coursPublic .exercice > strong:first-child {
    break-after: avoid-page;
    page-break-after: avoid;
  }

  body.pageCoursPublic .coursPublic h1,
  body.pageCoursPublic .coursPublic h2,
  body.pageCoursPublic .coursPublic h3,
  body.pageCoursPublic .coursPublic h4,
  body.pageCoursPublic .coursPublic h5,
  body.pageCoursPublic .coursPublic h6 {
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  body.pageCoursPublic .coursPublic p,
  body.pageCoursPublic .coursPublic li,
  body.pageCoursPublic .coursPublic blockquote,
  body.pageCoursPublic .coursPublic .exercice,
  body.pageCoursPublic .coursPublic .demonstrationContenu {
    orphans: 3;
    widows: 3;
    break-inside: auto;
    page-break-inside: auto;
  }

  body.pageCoursPublic .coursPublic .définitionContenu,
  body.pageCoursPublic .coursPublic .propriétéContenu,
  body.pageCoursPublic .coursPublic .remarque,
  body.pageCoursPublic .coursPublic .remarques,
  body.pageCoursPublic .coursPublic .exemple,
  body.pageCoursPublic .coursPublic .exemples,
  body.pageCoursPublic .coursPublic .information,
  body.pageCoursPublic .coursPublic .cadre,
  body.pageCoursPublic .coursPublic .formuleBloc,
  body.pageCoursPublic .coursPublic pre,
  body.pageCoursPublic .coursPublic img,
  body.pageCoursPublic .coursPublic tr {
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  body.pageCoursPublic .coursPublic .exercice,
  body.pageCoursPublic .coursPublic .demonstrationContenu,
  body.pageCoursPublic .coursPublic table {
    break-inside: auto;
    page-break-inside: auto;
  }

  body.pageCoursPublic .coursPublic .demonstrationCommande {
    display: block !important;
    break-after: avoid-page;
    page-break-after: avoid;
  }

  body.pageCoursPublic .coursPublic .demonstrationCommande > input {
    display: none !important;
  }

  body.pageCoursPublic .coursPublic .demonstrationContenu {
    display: block !important;
  }

  body.pageCoursPublic .coursPublic h1,
  body.pageCoursPublic .coursPublic h2,
  body.pageCoursPublic .coursPublic h3,
  body.pageCoursPublic .coursPublic h4,
  body.pageCoursPublic .coursPublic h5,
  body.pageCoursPublic .coursPublic h6,
  body.pageCoursPublic .coursPublic p,
  body.pageCoursPublic .coursPublic .titre,
  body.pageCoursPublic .coursPublic .définitionContenu,
  body.pageCoursPublic .coursPublic .propriétéContenu,
  body.pageCoursPublic .coursPublic .remarque,
  body.pageCoursPublic .coursPublic .remarques,
  body.pageCoursPublic .coursPublic .exemple,
  body.pageCoursPublic .coursPublic .exemples,
  body.pageCoursPublic .coursPublic .information,
  body.pageCoursPublic .coursPublic .exercice,
  body.pageCoursPublic .coursPublic .solution,
  body.pageCoursPublic .coursPublic .image,
  body.pageCoursPublic .coursPublic table {
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.pageCoursPublic .coursPublic .titre {
    margin: 0 auto 8mm;
    color: #4b165f;
    background: #f1ddfa;
    box-shadow: none;
  }

  body.pageCoursPublic .coursPublic .définitionContenu,
  body.pageCoursPublic .coursPublic .propriétéContenu,
  body.pageCoursPublic .coursPublic .remarque,
  body.pageCoursPublic .coursPublic .remarques,
  body.pageCoursPublic .coursPublic .exemple,
  body.pageCoursPublic .coursPublic .exemples,
  body.pageCoursPublic .coursPublic .information,
  body.pageCoursPublic .coursPublic .exercice {
    color: #111;
    font-family: Arial, Verdana, sans-serif;
    box-shadow: none;
  }

  body.pageCoursPublic .coursPublic .définitionContenu {
    background: #f1f1ff;
  }

  body.pageCoursPublic .coursPublic .propriétéContenu {
    background: #e8ffff;
  }

  body.pageCoursPublic .coursPublic .exemple,
  body.pageCoursPublic .coursPublic .exemples {
    background: #edf8ed;
  }

  body.pageCoursPublic .coursPublic .remarque,
  body.pageCoursPublic .coursPublic .remarques {
    background: #f3f3ef;
  }

  body.pageCoursPublic .coursPublic .exercice {
    background: #f3f3f3;
    border-color: #333;
  }

  body.pageCoursPublic .coursPublic img {
    width: auto;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
  }

  body.pageCoursPublic .coursPublic table {
    max-width: 100% !important;
    border-collapse: collapse;
    border-radius: 0;
    table-layout: auto;
  }

  body.pageCoursPublic .coursPublic th,
  body.pageCoursPublic .coursPublic td {
    width: auto;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.pageCoursPublic .coursPublic pre,
  body.pageCoursPublic .coursPublic code {
    color: #111 !important;
    background: #f5f5f5 !important;
    max-width: 100%;
    border-color: #777;
    box-shadow: none;
    text-shadow: none;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.pageCoursPublic .coursPublic
    :is(.remarque, .remarques) > div:has(> code > br) {
    height: auto;
    min-height: 0;
    max-height: none;
    line-height: 1.1;
  }

  body.pageCoursPublic .coursPublic mjx-container {
    max-width: 100% !important;
    overflow: visible !important;
    font-size: 90% !important;
  }

  body.pageCoursPublic .coursPublic .cadre {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  body.pageCoursPublic .coursPublic .cadreFormule {
    display: inline-flex !important;
    padding: 4px 6px;
    white-space: nowrap;
  }

  body.pageCoursPublic .coursPublic
    .cadreFormule > mjx-container[jax="CHTML"][display="true"] {
    display: inline-block !important;
    width: auto;
    margin: 0 !important;
  }

  body.pageCoursPublic .coursPublic .formuleBloc {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0.8em 0;
    overflow: visible;
    border: 1px solid #222;
    background: #fff7a8;
  }

  body.pageCoursPublic .coursPublic .ml-variation-group {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4mm 0;
    border: 1px solid #555;
    border-collapse: separate;
    border-radius: 0;
    box-shadow: none;
    table-layout: auto;
    background: transparent;
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  body.pageCoursPublic .coursPublic
    .ml-variation-group > tbody {
    display: block;
    width: 100%;
  }

  body.pageCoursPublic .coursPublic
    .ml-variation-group > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 4mm;
    width: 100%;
    background: transparent;
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  body.pageCoursPublic .coursPublic
    .ml-variation-group > tbody > tr > td,
  body.pageCoursPublic .coursPublic
    .ml-variation-group > tbody > tr > th {
    display: block;
    flex: 1 1 calc(50% - 2mm);
    min-width: max-content;
    max-width: 100%;
    padding: 2mm;
    border: 1px solid #777;
    overflow: visible;
    overflow-wrap: normal;
    word-break: normal;
    background: transparent;
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  body.pageCoursPublic .coursPublic
    .ml-variation-group .tabVar {
    --ml-variation-axis-bg: #fff;
    --ml-variation-values-bg: #fff;
    width: max-content;
    max-width: none !important;
    margin: 0 auto;
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  body.pageCoursPublic .coursPublic
    .ml-variation-group .ml-variation-wrap {
    display: block;
    width: max-content;
    max-width: none !important;
    contain: none;
    overflow: visible !important;
  }

  body.pageCoursPublic .coursPublic
    .ml-variation-group .ml-variation-table {
    width: max-content !important;
    max-width: none !important;
    margin: 0 auto;
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  body.pageCoursPublic .coursPublic
    .ml-variation-group .ml-variation-table svg {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }
}
