/* 16/09/2024 Tous droits réservés */

.containerPuzzle {
    /* overflow-x: hidden; */
}
.puzzlePascalFond{
    position: relative;
    z-index: 898;
    width: 924px;
    height: 550px;
    padding-top: 5%;
    padding-bottom: 5%;
}

.puzzlePascal{
    position: relative;
    z-index: 899;
    width: 924px;
    height: 550px;
    background-color: gray;
}
.piecez{
    position: absolute;
    height: auto;
    background-repeat: no-repeat;
}
/*
.maskPiece{
    position: absolute;
    mask-repeat: no-repeat;
}*/

/* */
.piecez.anim01{
    animation: animpieceAnim01 5s infinite alternate;
}
@keyframes animpieceAnim01{
    0%{
        transform: translateX(-15em) translateY(-15em) rotate(360deg);
    }
    80%, 100%{
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}

.piecez.anim02{
    animation: animpieceAnim02 5s infinite alternate;
}
@keyframes animpieceAnim02{
    0%{
        transform: translateX(-15em) translateY(15em) rotate(360deg);
    }
    80%, 100%{
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}
.piecez.anim03{
    animation: animpieceAnim03 5s infinite alternate;
}
@keyframes animpieceAnim03{
    0%{
        transform: translateX(15em) translateY(-15em) rotate(360deg);
    }
    80%, 100%{
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}
.piecez.anim04{
    animation: animpieceAnim04 5s infinite alternate;
}
@keyframes animpieceAnim04{
    0%{
        transform: translateX(15em) translateY(15em) rotate(-360deg);
    }
    80%, 100%{
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}



/* obsolète */
.piecez.animInfini01{
    animation: animpieceAnimInfini01 20s infinite alternate cubic-bezier(.08,.82,.17,1);
}
@keyframes animpieceAnimInfini01{
    0%{
        transform: translateX(-300px) translateY(-180px) rotate(180deg);
    }
    100%{
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}
/* obsolète */
.piecez.animInfini02{
    animation: animpieceAnimInfini02 20s infinite alternate cubic-bezier(.08,.82,.17,1);
}
@keyframes animpieceAnimInfini02{
    0%{
        transform: translateX(-200px) translateY(-300px) rotate(360deg);
    }
    100%{
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}
/* obsolète */
.piecez.animInfini03{
    animation: animpieceAnimInfini03 20s infinite alternate cubic-bezier(.08,.82,.17,1);
}
@keyframes animpieceAnimInfini03{
    0%{
        transform: translateX(200px) translateY(300px) rotate(360deg);
    }
    100%{
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}
/* obsolète */
.piecez.animInfini04{
    animation: animpieceAnimInfini04 20s infinite alternate cubic-bezier(.08,.82,.17,1);
}
@keyframes animpieceAnimInfini04{
    0%{
        transform: translateX(300px) translateY(100px) rotate(-360deg);
    }
    100%{
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}


/* n'affiche pas sur écran < 924 px '*/
/*
@media screen and (max-width: 924px) {
    .containerPuzzle{
            display: none;
    }
}*/