/* Animation fade-in depuis le bas */
        .fade-up {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s ease-out;
        }

        .fade-up.animate {
            opacity: 1;
            transform: translateY(0);
        }

        /* Animation fade-in depuis la gauche */
        .fade-left {
            opacity: 0;
            transform: translateX(-50px);
            transition: all 0.8s ease-out;
        }

        .fade-left.animate {
            opacity: 1;
            transform: translateX(0);
        }

        /* Animation fade-in depuis la droite */
        .fade-right {
            opacity: 0;
            transform: translateX(50px);
            transition: all 0.8s ease-out;
        }

        .fade-right.animate {
            opacity: 1;
            transform: translateX(0);
        }

        /* Animation de zoom */
        .zoom-in {
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.8s ease-out;
        }

        .zoom-in.animate {
            opacity: 1;
            transform: scale(1);
        }

        /* Animation de rotation */
        .rotate-in {
            opacity: 0;
            transform: rotate(-10deg) scale(0.8);
            transition: all 0.8s ease-out;
        }

        .rotate-in.animate {
            opacity: 1;
            transform: rotate(0deg) scale(1);
        }