.box_item_confiserie{
    padding-top: 20px;
    margin: 20px 5px;
    background-color: white;
    border: 1px solid var(--primary_font_color_tc);
    border-radius: 15px;
}
.box_item_confiserie:hover .img{
    
    /* transform: translateY(-10px);
    box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.25);
    transition-duration: 500ms; */

    /* animation: bounce_poster 0.35s ease infinite alternate; */
}
.box_item_confiserie .label{
    width: 160px !important;
    font-size: 0.9rem;
}
.box_item_confiserie .img{
    height: 160px !important;
    width: 120px !important;
    object-fit: cover;
    border-radius: 15px;
}
.box_item_confiserie.sold_out{
    border: none !important;
}
.box_item_confiserie .disabled{
    border-radius: 15px;
}
.box_item_confiserie .ct_phrase_soldout{
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    justify-content: flex-end;
    height: 40px;
}
.box_item_confiserie .ct_phrase_soldout .phrase_soldout{
    background-color: var(--primary_tc);
    border: 2px solid var(--red_tc);
    border-radius: 15px;
    font-weight: bold;
    font-size: 0.9rem;
}
.box_item_confiserie .container_poster .container_price{
    position: absolute;
    bottom: -18px;
    right: 0;
    background-color: var(--primary_tc);
    border-radius: 15px;
    border: 2px solid var(--secondary_tc);
    font-size: 0.9rem;
}
#row_poster_classic {
    animation: revealAnimation 1.5s cubic-bezier(.5, 0, 0, 1) both;
}
#row_poster_classic .container_poster{
    max-width: 240px;
}
#row_poster_classic .container_poster img{
    height: 240px;
    width: 180px;
    object-fit: cover;
    border-radius: 15px;
}
#row_poster_classic .label{
    font-size: 1.2rem;
    font-weight: bold;
}
#col_display_categorie_confiserie ul{
    overflow-x: scroll;
    width: 100%;
    justify-content: space-between;
}
#col_display_categorie_confiserie ul::-webkit-scrollbar {
    height: 0px;
}
#col_display_categorie_confiserie li{
    background-color: transparent;
    border-color: transparent;
}
#col_display_categorie_confiserie li.active{
    background-color: transparent;
    color: initial;
}
#col_display_categorie_confiserie li .text{
    font-size: 1.5rem;
    min-width: 100px;
    text-align: center;
}
#col_display_categorie_confiserie li.active .text{
    border-bottom: 2px solid var(--secondary_tc);
}

#col_recap_selection {
    position: relative;
    color: white;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 60%;
}
#col_recap_selection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(-180deg,rgba(28,33,41,.5) 0,#1c2129 50%);
}
#col_recap_selection #row_label_menu{
    padding: 6rem 0;
}
#col_recap_selection #label_menu{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: auto;
    z-index: 1;
}
#col_recap_selection .row_recap_selected_item .label, #col_recap_selection .row_recap_selected_item .icon {
    z-index: 1;
}
#col_recap_selection .row_recap_selected_item .icon {
    cursor: pointer;
}







/*----------------- CSS pour tablettes ----------------------------------*/
@media all and (max-device-width:1024px) and (orientation: portrait){
    #col_display_categorie_confiserie li .text{
        font-size: 1.2rem;
    }
}
@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){
    .box_item_confiserie{
        padding-top: 15px;
    }
    .box_item_confiserie .label{
        width: 135px !important;
        font-size: 0.8rem;
    }
    .box_item_confiserie .img{
        height: 135px !important;
        width: 100px !important;
    }
    .box_item_confiserie .ct_phrase_soldout .phrase_soldout{
        font-size: 0.8rem;
    }
    #row_poster_classic .container_poster img{
        height: 200px;
        width: 150px;
    }
    .box_item_confiserie .container_poster .container_price{
        font-size: 0.8rem;
    }
    #row_poster_classic .label{
        font-size: 1rem;
    }
    #col_display_categorie_confiserie li .text{
        font-size: 1rem;
    }
    #col_display_categorie_confiserie li .text{
        font-size: 1rem;
    }
    
}


/*----------------- CSS pour Smartphones --------------------------------*/
@media all and (max-device-width:480px) and (orientation: portrait){
    .box_item_confiserie{
        padding-top: 12.5px;
    }
    .box_item_confiserie .label{
        width: 105px !important;
        font-size: 0.6rem;
    }
    .box_item_confiserie .img{
        height: 105px !important;
        width: 80px !important;
    }
    .box_item_confiserie .ct_phrase_soldout .phrase_soldout{
        font-size: 0.6rem;
    }
    #row_poster_classic .container_poster img{
        height: 160px;
        width: 120px;
    }
    .box_item_confiserie .container_poster .container_price{
        bottom: -15px;
        font-size: 0.6rem;
    }
    #row_poster_classic .label{
        font-size: 0.8rem;
    }
    #col_display_categorie_confiserie li{
        padding: 0.5rem !important;
    }
    #col_display_categorie_confiserie li .text{
        font-size: 0.8rem;
    }
    #col_recap_selection #row_label_menu{
        padding: 3rem 0;
    }
}
@media all and (max-device-width:750px) and (orientation: landscape){
    
}

@media all and (max-device-width:920px) and (orientation: landscape){
    
}