.article_ordi
{
  display: none;
}

html
{
  background-color: rgba(0,0,10,1);
  color: white;
  font-family: "Oswald"
}

#reglementation
{
  background-color: white;
  color: black;
}

#reglementation img
{
  filter: invert(1);
}

video#bgvid {
  position: fixed; left: -30%; top: 0;
  min-height: 100vh;
  min-width: 100vw; height: auto; z-index: -100;
  background: url(../../images/Puyvalador.jpg) center no-repeat;
  background-size: cover;
  opacity: 0.9;
}

#communication .bgimg
{
  position: fixed; left: 0; top: 0;
  min-height: 100vh;
  min-width: 100vw; height: auto; z-index: -100;
  opacity: 0.4;
}

.article_mobile, .article_centre
{
  position: relative;
  top: -10vh;
  left: 5vw;
  /*height: 70vh;
  overflow-y: scroll;*/
}

.presentation tr
{
  height: 110vh;
  width: 90vw;
  vertical-align: middle;
}

#home .presentation td, #communication .presentation td
{
  font-size: 110%;
  max-width: 70vw;
  animation: fondu 1s ease alternate infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -5.9s);
}

#reglementation .presentation td
{
  width: 90vw;
}

#home .presentation .nombre_titre_presentation, #communication .presentation .nombre_titre_presentation
{
  font-size: 300%;
  padding-right: 5vw;
}

#communication article a
{
  color: white;
  text-decoration: none;
  font-weight: bold;
}

@keyframes fondu {
  FROM{
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}