/* videos-container */

.videos-container {
  /*height: 100vh;*/
  aspect-ratio: 16/9;
  max-height: 80vh;

  position: relative;
  width: calc(100% - 2rem);
  margin: auto;
  /*height: 0;*/

  /*padding-bottom: calc(9/16*100*1% + 2rem) !important;*/
  overflow: scroll;
}

.videos-container > div {
  scroll-snap-align: start;
  aspect-ratio: 16/9;
  max-height: 80vh;
  margin: auto;
  /*padding: 2rem;*/
  font-size: 1.2rem;
  color: black;
}
.videos-container > div:not(.active) { display: none; }
.videos-container video {
  width: 100%;
  display: block;
}



/* menu des vidéos */

.menu {}
.menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  list-style: none;
  padding: 1rem;
  font-size: .9rem;
}