/***********Animations**************************/


/* ----------------------------------------------
 * Generated by Animista on 2025-8-3 9:30:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
/**Ouverture U2 Human**/

.animImgOpeningPage {
    -webkit-animation: scale-in-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

/** Fin Ouverture **/

/**Div Texte et présentation **/

/* États initiaux */
.divTextePresentation {
    opacity: 0;
    transform: translateX(-120px) translateY(20px);
}

.divImgPresentation {
    opacity: 0;
    transform: translateX(120px) translateY(-20px);
}

/* États animés */
.divTextePresentation.animate {
    animation: slideWaveLeft 1.2s ease-in-out 0.1s both;
}

.divImgPresentation.animate {
    animation: slideWaveRight 1.2s ease-in-out 0.3s both;
}


@keyframes slideWaveLeft {
    0% {
        transform: translateX(-120px) translateY(20px);
        opacity: 0;
    }

    50% {
        transform: translateX(-20px) translateY(-10px);
        opacity: 0.7;
    }

    100% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }
}

@keyframes slideWaveRight {
    0% {
        transform: translateX(120px) translateY(-20px);
        opacity: 0;
    }

    50% {
        transform: translateX(20px) translateY(10px);
        opacity: 0.7;
    }

    100% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }
}


/* Animations pour les images du centre U2 et Hum  */

.imageGauche {
    opacity: 0;
    transform: translateX(-200px);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.imageHaut {
    opacity: 0;
    transform: translateY(-150px);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.2s;
}

.imageBas {
    opacity: 0;
    transform: translateY(150px);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.5s;
}


/* États animés quand .animate est ajouté */
.imageGauche.animate {
    opacity: 1;
    transform: translateX(0);
}

.imageHaut.animate {
    opacity: 1;
    transform: translateY(0);
}

.imageBas.animate {
    opacity: 1;
    transform: translateY(0);
}