/* Aucune animation */
.animation-none {
    animation: none;
}

/* Tourner */
.animation-rotate {
    animation: rotate 2s;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Apparition */
.animation-fade-in {
    animation: fadeIn 1.5s forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Animation depuis le haut */
.animation-slide-down {
    animation: slideDown 1s forwards;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Animation depuis la gauche */
.animation-slide-left {
    animation: slideLeft 1s forwards;
}

@keyframes slideLeft {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

/* Animation depuis la droite */
.animation-slide-right {
    animation: slideRight 1s forwards;
}

@keyframes slideRight {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

/* Animation depuis le bas */
.animation-slide-up {
    animation: slideUp 1s forwards;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Zoom */
.animation-zoom {
    animation: zoom 1s forwards;
}

@keyframes zoom {
    from {
        transform: scale(0.5);
    }

    to {
        transform: scale(1);
    }
}

/* Ajout */
.animation-add {
    animation: pulse 1.5s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}