@keyframes apparition {
    0%{
        opacity:0;
    }
    20%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

@keyframes spin{
    0%{
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100%{
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes mesImages{
    0%{
        transform:translateX(0);
    }
    13%{
        transform:translateX(-100vw);
    }
    16%{
        transform:translateX(-100vw);
    }
    26%{
        transform:translateX(-200vw);
    }
    29%{
        transform:translateX(-200vw);
    }
    39%{
        transform:translateX(-300vw);
    }
    42%{
        transform:translateX(-300vw);
    }
    52%{
        transform:translateX(-400vw);
    }
    55%{
        transform:translateX(-400vw);
    }
    65%{
        transform:translateX(-300vw);
    }
    68%{
        transform:translateX(-300vw);
    }
    78%{
        transform:translateX(-200vw);
    }
    81%{
        transform:translateX(-200vw);
    }
    91%{
        transform:translateX(-100vw);
    }
    93%{
        transform:translateX(-100vw);
    }
    100%{
        transform:translateX(0px);
    }
}