.slider_title{
    font-size: 2.25rem;
    animation: revealAnimation 1.5s cubic-bezier(.5, 0, 0, 1) both;
}
.slider_x .content{
    /* min-width: 250px; */
    /* max-width: 1024px; */
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.slider_x .content::-webkit-scrollbar {
    height: 0px;
}
.arrow_slider{
    height: 60px;
    width: 30px;
}
.slider_x .box{
    padding-top: 20px;
    animation: revealAnimation 1.5s cubic-bezier(.5, 0, 0, 1) both;
}
.slider_x .container_poster{
    position: relative;
}
.slider_x .container_header{
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    justify-content: flex-end;
    height: 40px;
}
.slider_x .container_header .text_accroche{
    order: 1;
    background-color: var(--primary_tc);
    border: 2px solid var(--red_tc);
    border-radius: 15px;
    font-weight: bold;
    font-size: 0.9rem;
    max-width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}
.slider_x .container_header .icon_certification{
    order: 2;
    border-radius: 10px;
    height: 40px;
    width: 40px;
}
.slider_x .content .container_poster .img{
    height: 240px;
    width: 180px;
    border-radius: 15px;
    object-fit: cover;
}
.slider_x .content .box_movie:hover .img {
    box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.25);
    transition-duration: 500ms;
    /* transform: translateY(-10px); */
    animation: bounce_poster 0.35s ease infinite alternate;
}
.slider_x .content .box_movie:hover .title {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: var(--secondary_tc);
}
.slider_x .content .title{
    overflow: hidden;
    /* text-overflow: ellipsis;
    white-space: nowrap; */
    white-space: break-spaces;
    text-align: center;
    font-size: 0.9rem;  
}
.slider_x .content .session_date, .slider_x .content .session_hour{
    text-align: center;
    text-transform: capitalize;
    font-size: 0.9rem;
}
.slider_x .content .container_features{
    height: 70px;
    align-content: flex-start;
    align-items: stretch;
}
.slider_x .content .features{
    max-height: 35px;
    max-width: 100%;
    flex-wrap: nowrap;
}


/*----------------- CSS pour tablettes ----------------------------------*/
@media all and (max-device-width:1024px) and (orientation: portrait){
    
}
@media all and (max-device-width:1024px) and (orientation: landscape){

}


/*----------------- CSS pour Smartphones et tablette---------------------*/
@media all and (max-device-width:768px) and (orientation: portrait){
    .slider_title{
        font-size: 1.25rem;
    }
    .slider_x .previous, .slider_x .next{
        display: none !important;
    }
    .slider_x .box{
        padding-top: 15px;
    }
    .slider_x .container_header{
        top: -15px !important;
        height: 30px !important;
    }
    .slider_x .container_header .text_accroche{
        font-size: 0.6rem !important;
    }
    .slider_x .container_header .icon_certification{
        border-radius: 8px;
        height: 30px !important;
        width: 30px !important;
    }
    .slider_x .content .container_poster .img{
        height: 160px;
        width: 120px;
    }
    .slider_x .content .title{
        font-size: 0.6rem;  
    }
    .slider_x .content .session_date, .slider_x .content .session_hour{
        font-size: 0.6rem;
    }
    .slider_x .content .container_features{
        height: 75px;
    }
    .slider_x .content .features{
        max-height: 25px;
    }
}


/*----------------- CSS pour Smartphones --------------------------------*/
@media all and (max-device-width:480px) and (orientation: portrait){
    .slider_title{
        font-size: 1.25rem;
    }
    .slider_x .previous, .slider_x .next{
        display: none !important;
    }
    .slider_x .box{
        padding-top: 12.5px;
    }
    .slider_x .container_header{
        top: -12.5px !important;
        height: 25px !important;
    }
    .slider_x .container_header .text_accroche{
        font-size: 0.6rem !important;
    }
    .slider_x .container_header .icon_certification{
        border-radius: 7.5px;
        height: 25px !important;
        width: 25px !important;
    }
    .slider_x .content .title{
        font-size: 0.6rem;  
    }
    .slider_x .content .session_date, .slider_x .content .session_hour{
        font-size: 0.6rem;
    }
    .slider_x .content .container_features{
        height: 75px;
    }
    .slider_x .content .features{
        max-height: 25px;
    }
}
@media all and (max-device-width:750px) and (orientation: landscape){
    
}

@media all and (max-device-width:920px) and (orientation: landscape){
    .slider_title{
        font-size: 1.25rem;
    }
    .slider_x .previous, .slider_x .next{
        display: none !important;
    }
    .slider_x .box{
        padding-top: 15px;
    }
    .slider_x .container_header{
        top: -15px !important;
        height: 30px !important;
    }
    .slider_x .container_header .text_accroche{
        font-size: 0.6rem !important;
    }
    .slider_x .container_header .icon_certification{
        border-radius: 8px;
        height: 30px !important;
        width: 30px !important;
    }
    .slider_x .content .container_poster .img{
        height: 160px;
        width: 120px;
    }
    .slider_x .content .title{
        font-size: 0.6rem;  
    }
    .slider_x .content .container_features{
        height: 75px;
    }
    .slider_x .content .features{
        max-height: 25px;
    }
}