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

@keyframes captionText {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

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

@keyframes opacity {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.opacity {
    animation: divmenub 1s 1;
}

.opacity-img-article {
    animation: divmenub 600ms 1;
}

@keyframes produitdelacat {
    0% {
        margin-top: -10px;
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes divmenuretour {
    0% {
        height: 200px;
        opacity: 0;
    }
    5% {
        opacity: 0;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}

@keyframes divmenup {
    0% {
        margin-left: -30px;
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes divnone {
    0% {
        margin-bottom: -30px;
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none;
    }
}


@keyframes divmenu {
    0% {
        margin-top: 30px;
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.lds-dual-ring.hidden {
    display: none;
    animation: 1s divmenub 1;
}