@keyframes fadein {
    0%{
        opacity:0;
    }
    25%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

@keyframes glisseun{
    0%{
        translate : 50vw 100%;
    }
  
    100%{
       translate : 0 0;
    }
}
@keyframes glissedeux{
    0%{
        translate : 50vw 0;
    }
  
    100%{
       translate : 0 0;
    }
}
@keyframes glissetrois{
    0%{
        translate : 50vw -100%;
    }
  
    100%{
       translate : 0 0;
    }
}

@keyframes survol{
    0%{
        Opacity:0;
       /* transform:translateY(100%);*/
    }
    25%{
        /*Opacity:1;*/
    }

    100%{
        /*transform:translateY(0px);*/
        Opacity:1;
    }
}

@keyframes nonsurvole{
    0%{
        Opacity:1;
       /* transform:translateY(0px);*/
    }

    100%{
       /* transform:translateY(100%);*/
    }
}