/* Un genre de css reset, basé sur MeyerWeb mais allégé avec que les éléments qu'on utilise */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, label, legend, caption,
article, aside, figure, figcaption, footer, header, nav, section, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}

/* Fin du css reset */


body {
  max-width: 95vw;
  margin: auto;
  margin-bottom: 2em;
  font-family: monospace;
  font-size: 2em;
  line-height: 1.4em;

  background-color: black;
  color: white;
}

section {
  margin-top: 3em;
}

section > * {
  padding: 0 1em;
}

section > h2 {
  padding: initial;
}

h1 {
  margin : 1em 0;
  text-align: center;
}

h1 img {
  height: auto;
  width: 48%;
}

h2 {
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: bold;
  text-align: start;
  margin-bottom: 0.2em;
}
.description {
  text-align: justify;
  display: inline-block;
}
.enregistrements {
  display: flex;
  margin-top: 2em;
  flex-wrap: wrap;
}

.enregistrements > div {
  display: inline-block;
  margin: auto;
}

.enregistrements video {
  width: 100%;
}

figure {
  padding: 0.4em 1em;
  margin: 1em;
  border: white 1px solid;
  /* display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
  align-items: center; */
}

figcaption {
  padding: 0.3em 0;
}
.dl-img {
  height:2em;
}

a {
  color: darkgrey;
}

audio {
  width: 20em;
  max-width: 100%;
}