/* ==========================================================================
Animations des sliders
========================================================================== */
@keyframes slide-move-left-to-right-with-opacity {
    0% { opacity:0;transform: translate(-400px); }
    100% { opacity:1;transform: translate(0px); }
}
@keyframes fade-in {
    0% { opacity:0; }
    100% { opacity:1; }
}
@keyframes fall-down {
    0% { opacity:0;transform: translate(50px); transform: rotate(15deg); scale: 3; }
    100% { opacity:1;transform: translate(0px); transform: rotate(-3deg); scale: 1;}
}



/*  Slide n°1  */
#slidenum1.slide-content h3 {
    opacity:0;
    font-size:35px;
    font-weight:bold;
    color:#404be1;
    position:relative;
    top:0px;
    left:43%;
    animation: slide-move-left-to-right-with-opacity 0.9s ease-in-out forwards;
}

#slidenum1.slide-content .list-infos {
    font-size:20px;
    position:relative;
}

#slidenum1.slide-content .list-infos.first-item-list {
    opacity:0;
    top:10px;
    left:49%;
    animation: slide-move-left-to-right-with-opacity 0.9s ease-in-out forwards;
    animation-delay: 0.5s;
}

#slidenum1.slide-content .list-infos.second-item-list {
    opacity:0;
    top:20px;
    left:51%;
    animation: slide-move-left-to-right-with-opacity 0.9s ease-in-out forwards;
    animation-delay: 0.8s;
}

#slidenum1.slide-content .list-infos.third-item-list {
    opacity:0;
    top:30px;
    left:53%;
    animation: slide-move-left-to-right-with-opacity 0.9s ease-in-out forwards;
    animation-delay: 1.1s;
}

#slidenum1.slide-content .list-infos.fourth-item-list {
    opacity:0;
    top:40px;
    left:55%;
    animation: slide-move-left-to-right-with-opacity 0.9s ease-in-out forwards;
    animation-delay: 1.4s;
}

#slidenum1.slide-content .slide-image-first{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background-image: url("../../../uploads/2025/07/slider1.jpg");
    background-position: center;
    background-repeat:no-repeat;
}


/*  Slide n°2  */

#slidenum2.slide-content .list-infos {
    font-size:40px;
    position:relative;
}

#slidenum2.slide-content .list-infos.first-item-list {
    opacity:0;
    top:180px;
    left:12%;
    color:white;
    animation: fade-in 1s ease-in-out forwards;
    animation-delay: 0.5s;
    text-shadow:1px 2px 5px #000;
}

#slidenum2.slide-content .list-infos.second-item-list {
    opacity:0;
    top:200px;
    color:white;
    font-size:50px;
    font-weight:bold;
    left:5%;
    animation: slide-move-left-to-right-with-opacity 0.5s ease-in-out forwards;
    animation-delay: 2s;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

#slidenum2.slide-content .list-infos.third-item-list {
    opacity:0;
    top:220px;
    left:20%;
    padding:4px 10px;
    background-color:#bb0d8f;
    text-align:center;
    border-radius:10px;
    color:white;
    width:320px;
    height:35px;
    font-size:30px;
    line-height:35px;
    animation: fall-down 0.3s ease-in-out forwards;
    animation-delay: 3.5s;
}

#slidenum2.slide-content .slide-image-second{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background-image: url("../../../uploads/2025/07/slider2.jpg");
    background-position: center;
    background-repeat:no-repeat;
}