.actualite-content {
  color: rgb(10, 92, 162);
  line-height: 20px;
}

.af-class-error-container {
  position: fixed !important;
  top: 0 !important;
  background-color: white;
  z-index: 1000;
}

.af-class-div-block-24,
.af-class-div-block-26 {
  height: 100% !important;
  max-height: 50%;
}

.current-explore {
  max-height: 100%;
  transition: max-height 1s ease-in-out;
}

.explore {
  max-height: 50%;
  transition: max-height 1s ease-in-out;
}

.af-class-bandeau {
  overflow: hidden;
}

.af-class-loop {
  display: inline-block;
  -webkit-animation: scrolling-left1 20s linear infinite;
  animation: scrolling-left1 20s linear infinite;
  /* margin-left: 30px; */
  margin: 0 !important;
  padding-right: 10px;
}

@keyframes scrolling-left1 {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

@-webkit-keyframes scrolling-left1 {
  0% {
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-100%);
  }
}

.af-class-main-div {
  min-height: calc(100vh - 74px - 120px - 80px);
}

.video-inauguration {
  display: block !important;
  width: 100%;
  height: 100%;
  padding-right: 30px;
}

.video-event {
  display: block !important;
  width: 100%;
  height: 100%;
  /* min-height: 15vw; */
  /* background-color: blue; */
  /* padding-right: 30px; */
}

.vp-title {
  display: hidden;
}


@media screen and (max-width: 767px) {

  .af-class-main-div {
    min-height: calc(var(--vh, 1vh) * 100 - 120px - 40px - 197px);
  }

  .video-inauguration {
    padding-right: 20px;
  }

  .af-class-nav-menu-main,
  .af-class-nav-menu-2,
  .intro-modal {
    max-height: calc(var(--vh, 1vh) * 100) !important;
  }
}

#home-section {
  max-height: calc(var(--vh, 1vh) * 100) !important;
}

.af-class-visiter-nav-bloc,
.af-class-top-image {
  max-height: calc(var(--vh, 1vh) * 100) !important;
}

body {
  margin: 0;
}

.af-class-circle {
  min-height: 10px;
}

.af-class-line {
  min-height: 15vh;
}

/* .af-class-visit-nav-menu {
  height: 55% !important;
} */

.intro-modal {
  position: absolute;
  /* opacity: 50%; */
  background-color: white;
  z-index: 2000;
  height: 100vh;
  width: 100vw;
}

.hidden {
  opacity: 0;
  width: 0;
  height: 0;
}

.hidden-test {
  display: block;
  -webkit-animation: fadeOut 0.8s;
  animation: fadeOut 0.8s;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  99% {
    opacity: 0.01;
    width: 100%;
    height: 100%;
  }

  100% {
    opacity: 0;
    width: 0;
    height: 0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  99% {
    opacity: 0.01;
    width: 100%;
    height: 100%;
  }

  100% {
    opacity: 0;
    width: 0;
    height: 0;
  }
}

.af-class-visiter-nav-bloc {
  z-index: 3;
}

.place {
  position: absolute;
  top: 0;
  /* opacity: 0.5; */
}

/* .hidden-test-explore {
  opacity: 0;
  width: 0;
  height: 0;
} */

/* .shown-test {
  opacity: 1;
  width: 100%;
  height: 100%;
} */

.hidden-test-explore {
  /* display: block; */
  -webkit-animation: fadeOutExplore 1.5s;
  animation: fadeOutExplore 1.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeOutExplore {
  0% {
    opacity: 1;
  }

  99% {
    opacity: 0.01;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutExplore {
  0% {
    opacity: 1;
  }

  99% {
    opacity: 0.01;
  }

  100% {
    opacity: 0;
  }
}

.shown-test {
  display: block;
  position: relative;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    width: 0;
    height: 0;
  }

  1% {
    opacity: 0.01;
    width: 100%;
    height: 100%;
  }

  2% {
    opacity: 0.02;
    width: 100%;
    height: 100%;
  }

  3% {
    opacity: 0.1;
    width: 100%;
    height: 100%;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    width: 0;
    height: 0;
  }

  1% {
    opacity: 0.01;
    width: 100%;
    height: 100%;
  }

  2% {
    opacity: 0.02;
    width: 100%;
    height: 100%;
  }

  3% {
    opacity: 0.2;
    width: 100%;
    height: 100%;
  }

  100% {
    opacity: 1;
  }
}

.slider {
  position: relative;
  /* height: 100vh; */
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.slider-content {
  /* transform: translateX(-${props => props.translate}px);
  transition: transform ease-out ${props => props.transition}s; */
  height: 100%;
  /* width: ${props => props.width}px; */
  display: flex;

}

.slide {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
  -webkit-animation: fadeOutSlider 1s;
  animation: fadeOutSlider 1s;
  animation-fill-mode: forwards;
}

.slide-current {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
  -webkit-animation: fadeInSlider 1s;
  animation: fadeInSlider 1s;
  animation-fill-mode: forwards;
}

.slide-first {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 3;
}

@keyframes fadeOutSlider {
  0% {
    opacity: 1;
    z-index: 2;
  }

  99% {
    opacity: 0.01;
    z-index: 2;
    /* width: 100%;
    height: 100%; */
  }

  100% {
    opacity: 1;
    z-index: 0;
    /* width: 0;
    height: 0; */
  }
}

@keyframes fadeInSlider {
  0% {
    z-index: 1;
  }

  99% {
    z-index: 1;
  }

  100% {
    z-index: 2;
  }
}