a,
a > figcaption,
.undercaption a,
figcaption {
  color: black;
  text-decoration: none;
}

.undercaption figcaption,
.modal-content figcaption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  aspect-ratio: 6 / 1;
  text-align: center;
  background-color: none;
  line-height: 1.2;
  font-weight: 600;
}

.modal-content figcaption {
  background-color: rgb(64, 70, 52);
}

/* hauteur des légendes */

.video figcaption {
  aspect-ratio: 16 / 1;
}
.leg-00 figcaption {
  aspect-ratio: 16 / 1;
}

.leg-0 figcaption {
  aspect-ratio: 10 / 1;
}

.leg-1 figcaption {
  aspect-ratio: 6 / 1;
}

.leg-2 figcaption {
  aspect-ratio: 5 / 1;
}

.leg-3 figcaption {
  aspect-ratio: 4 / 1;
}

.leg-4 figcaption {
  aspect-ratio: 3 / 1;
}

.undercaption span,
.overcaption span,
.maj {
  text-transform: uppercase;
}
.min {
  text-transform: lowercase;
}

.phantom {
  opacity: 0;
}
.entrer figcaption ::after,
.ressources a ::after,
.entrer li ::after {
  content: ">>";
  /* display: inline; */
  margin-left: 8px;
  color: blue;
}

.entrer figcaption p {
  padding-top: 0.25rem !important;
  text-align: center;
}