.tableaux img {
  width: auto;
  max-width: min(100%, 40rem);
}

.tableaux img[src$="medee.jpeg"],
.tableaux img[src$="horace.jpeg"],
.tableaux img[src$="hippolyte.jpeg"] {
  max-width: min(100%, 28rem);
  max-height: 42rem;
  object-fit: contain;
}

.tableaux img[src$="figure.jpeg"] {
  max-width: min(100%, 48rem);
}

.evaluation-page > p,
.evaluation-page > ul,
.evaluation-page > ol,
.evaluation-page .liste-ordo {
  font-size: 1em;
}

.evaluation-page > h2 {
  font-size: 1.65em;
}

.evaluation-page > h3 {
  font-size: 1.3em;
}

.evaluation-page > h4 {
  font-size: 1.15em;
}

.evaluation-page .notes {
  font-size: 0.9em;
}

.evaluation-page .notes-bas-page {
  font-size: 0.9em;
  line-height: 1.55;
}

#corps :is(.footnote-ref, a[id^="appel-note"]) {
  text-decoration: none;
  white-space: nowrap;
}

#corps :is(.footnote-ref, a[id^="appel-note"])::before {
  content: "\00a0";
}

#corps :is(h2, h3, h4) :is(.footnote-ref, a[id^="appel-note"]) {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.6em;
  line-height: 0;
  vertical-align: super;
}

#corps :is(h2, h3, h4) :is(.footnote-ref, a[id^="appel-note"]) .point {
  font-size: inherit;
}

.texte-poetique {
  max-width: 50rem;
}

.texte-poetique p {
  line-height: 1.75;
}

.boileau-page .texte-poetique p,
.boileau-page .notes-bas-page p {
  padding-left: 0;
  padding-right: 0;
}

.boileau-page .notes-bas-page {
  margin-left: 0;
  margin-right: 0;
}

.texte-poetique mark,
.notes-bas-page mark {
  background: #fff176;
  color: #1b1b1b;
  padding: 0.08em 0.16em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (max-width: 40rem) {
  .tableaux {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .tableaux img[src$="medee.jpeg"],
  .tableaux img[src$="horace.jpeg"],
  .tableaux img[src$="hippolyte.jpeg"] {
    max-height: none;
  }

  .evaluation-page > h2 {
    font-size: 1.45em;
  }
}