/* annimation de la fleche dans le slider */
@keyframes scrall_bottom {
    0%{ transform: translateY(-20px);
        opacity: 1;  
        filter: blur(1px);  
    }
    50%{ opacity: 1;
    }
    100%{transform: initial;
    opacity: 0;
    }
}

/*  annimation scanne page 404 */
@keyframes scan {
    0% { background-position: 0 -100vh; }
    35%, 100% { background-position: 0 100vh; }
}

/*  annimation  promotion */
@keyframes promo {
    0% { transform: rotate3d(0); }
    100% { transform: rotate3d(0, 1 ,0 ,-360deg); }
}
/*  annimation zoom logo et image*/
@keyframes zoom {
    0% {
        transform:scale(.8);
    }
    100%{
        transform:scale(1);
    }
}

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

@keyframes metalLight{
    from{ transform:translateX(0); }
    to{ transform:translateX(200px); }
}
@keyframes smokeMove{
    from{ transform:translateY(0); }
    to{ transform:translateY(-200px); }
}
@keyframes blur_bottom{
    0%{ 
        opacity: 0;
        transform: translateY(-10px);
        filter: blur(15px); 
    }
    100%{ 
        opacity: 1;
        filter: blur(0); 
        transform: translateX(0);
    }
}
@keyframes blur_top{
    0%{ 
        opacity: 0;
        transform: translateY(10px);
        filter: blur(15px); 
    }
    100%{ 
        filter: blur(0); 
        transform: translateX(0);
        opacity: 1;
    }
}