#liste-articles{
    padding-top: 40px;
}
#liste-all-articles,#fiche-article,.liste-articles,#liste-articles #breadcrumb, #cart-page{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#liste-all-articles .form-actions button{
    border-radius: 50px;
    height: 40px;
    padding: 10px 30px;
}
#liste-all-articles #trier-items select,#colonne-listing-articles #trier-items select{
    padding: 10px 30px 10px 10px !important;
    border-radius: 20px !important;
}
#listing-articles{
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 10px;
}
#listing-articles .btn-icon-filtre{
    width: 13px;
    height: 13px;
    color: var(--color-secondary);
    background-color: white;
}
#listing-articles .btn-text-filtre{
    text-align: left;
    width: 100%;
    max-width: 250px;
    height: 16px;
    color: var(--color-secondary);
    background-color: white;
    margin-left: 20px;
}
#colonne-filtres .block-filtres{
    min-height: 70px ;
    border-bottom: 1px solid #D9D9D9;
    align-items: center;
}
#product-list-results .text-align-center {
    text-align: center;
}
#colonne-filtres .buttonReverse{
    background-color: unset;
    border: 1px solid var(--color--button-primary);
    color: var(--color--button-primary);
}
/* Trier items */
#trier-items select{
    border-radius: 20px;
}
/* Filter */
#colonne-filtres .block-filtres ul li {
    padding: 5px;
}
#colonne-filtres .block-filtres ul li input[type="text"]{
    max-width: 70px;
    padding: 5px;
    height: 25px;
}
#colonne-filtres .block-filtres.openFiltre ul:last-child{
    margin-bottom: 16px;
}
.actions button {
    width: 100%;
    border-radius: 50px;
    padding: 15px;
    height: 50px;
}
#colonne-filtres .titre-filtre {
    background-color: white !important;
}
#colonne-filtres .titre-filtre span{
    font-size: 16px;
}
#colonne-filtres  label{
    color: #474747;
}
.entete-categorie .img-container img{
    max-height: 180px;
    margin: auto;
    object-fit: inherit;
    width: 100%;
}
#titre-categorie h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}
/* Fil d'ariane client : breadcrumb.html.twig */
#breadcrumb {
    margin-left: 20px;
}

#breadcrumb ul li.link-back:before {
    content: "";
}

#breadcrumb ul li.breadcrumb-all:before {
    content: " > ";
}

#breadcrumb ul li.breadcrumb-link:before {
    content: "> ";
}
/* Fil d'ariane client : cartContent.html.twig */
#colonne-checkout #cart-adresses-livraison .adresse-livraison:hover,
#colonne-checkout #cart-adresses-facturation .adresse-facturation:hover,
#colonne-checkout #cart-modes-livraison .mode-livraison:hover,
#colonne-checkout #payment-modes .payment-choice:hover {
    background-color: white !important;
    text-decoration-line: underline !important;
}
@media screen and (max-width: 1024px) {
    #tabs-content table thead, #colonne-checkout thead  {
        position: relative;
    }

    #tabs-content table tr, #colonne-checkout tr {
        display: revert;
    }

    #tabs-content table td, #colonne-checkout td {
        display: revert;
        text-align: center;
    }
    #colonne-checkout td:first-child {
        display: flex;
        text-align: center;
    }

}
@media screen and (max-width: 900px) {
    #breadcrumb {
        margin-top: 80px;
    }
}

@media screen and (max-width: 768px) {

    #liste-all-articles,
    #fiche-article,
    .liste-articles,
    #liste-articles #breadcrumb,
    #cart-page {
        width: 90%;
    }
}