@charset "UTF-8";
/* Media query pour un ratio 3/4 quand la largeur dépasse 540px */
@media (min-width: 540px) {
  main, footer {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
  }
  .hide-xs {
    display: flex !important;
  }
  .show-xs {
    display: none !important;
  }
  main .section01 .illu {
    right: 0;
  }
  main .comming-soon {
    left: 0;
  }
  main .section0506-desktop {
    flex-basis: 50%;
    /* Animation de pan horizontal */
  }
  main .section0506-desktop .scroll-image {
    animation: pan3 14s ease-in-out infinite;
  }
  @keyframes pan3 {
    0% {
      transform: translateX(0); /* Position initiale à gauche */
    }
    50% {
      transform: translateX(calc(-666px + 100%)); /* Décalage pour aller jusqu'à la fin de l'image */
    }
    100% {
      transform: translateX(0); /* Retour à la position de départ */
    }
  }
  main .section06 .scroll-container {
    height: 170px;
  }
  main .section08 img {
    height: 70px;
  }
}/*# sourceMappingURL=responsive.css.map */