<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Colonne Filtres */
@media screen and (max-width: 639px){
    #colonne-filtres.noFond{
        background-color: inherit;
        border: none;
        border-radius: inherit;
        box-shadow: none;
    }
    #listing-categories .categorie .imgCategorie {
        height: auto !important;
    }

    #listing-articles .article .imgArticle{
        height: auto !important;
    }

}
@media screen and (min-width: 640px){
    #listing-categories .categorie .imgCategorie {
        height: 200px;
        width: 100%;
    }
}
#colonne-filtres .openFiltres{
    display: block !important;
}
#colonne-filtres .titre-filtre{
    background-color: #EEEEEE;
}
#colonne-filtres .titre-filtre span{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
#colonne-filtres .titre-filtre span:after{
    content: url("data:image/svg+xml,%3Csvg width='14' fill='%23333333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    transition: all ease 0.3s;
}
#colonne-filtres .block-filtres.openFiltre .titre-filtre span:after{
    transform: scaleY(-1);
}
#colonne-filtres .block-filtres ul{
    display: none;
    transition: all ease 0.3s;
}
#colonne-filtres .block-filtres.openFiltre ul{
    display: block;
}
/* Slider de prix */
.filtre-range {
    --thumb-size: 0.8em;
    --track-size: 4px;
}
.filtre-range .range input[type=range]{
    width: 100%;
    position: absolute;
    appearance: none;
    padding: 0 !important;
    left: 0;
    height: var(--track-size);
}
.filtre-range .range input[type=range]::-webkit-slider-thumb{
    pointer-events: all;
}
.filtre-range .range input[type=range]::-moz-range-thumb{
    pointer-events: all;
}
.filtre-range .range .track-container{
    height: var(--track-size);
}
.filtre-range .range .track-container .thumb{
    width: 12px;
    height: 12px;
    position: absolute;
    top: calc(-1 *  var(--track-size));
    background-color: #000000;
}
/* Fin Slider de prix */
#colonne-filtres .block-filtres ul:not(.input-text) li legend{
    display: none;
}
#colonne-filtres .block-filtres ul:not(.input-text) li label,
#colonne-filtres .block-filtres ul:not(.input-text) li input,
#colonne-filtres .block-filtres ul:not(.input-text) li label img{
    cursor: pointer;
}
#colonne-filtres .block-filtres ul:not(.input-text) li label,
#colonne-filtres .block-filtres ul li .categ-name{
    font-size: 14px;
}
#colonne-filtres .block-filtres.openFiltre ul.input-text li{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    column-gap: 15px;
}
#colonne-filtres .block-filtres.openFiltre ul.input-text li legend{
    width: 100%;
}
#colonne-filtres .block-filtres ul li .categ-name{
    display: flex;
}
#colonne-filtres .block-filtres ul li .subcategs{
    border-left: 2px solid #C3C3C3;
}
#colonne-filtres .block-filtres ul li .categ-name.has-subcategs:after{
    content: url("data:image/svg+xml,%3Csvg width='10' fill='%23333333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    margin: 2px 0 0 5px;
    transition: all ease 0.3s;
}
#colonne-filtres .block-filtres ul li .categ-name.has-subcategs.open_categ_childrens:after{
    transform: scaleY(-1);
}
/* Icones et couleurs */
#colonne-filtres .block-filtres.openFiltre ul.couleur,
#colonne-filtres .block-filtres.openFiltre ul.icone{
    display: inline-block;
    padding: 0 5px !important;
}
#colonne-filtres .block-filtres ul.couleur label,
#colonne-filtres .block-filtres ul.icone label img{
    display: inline-block;
    width: auto;
    aspect-ratio: 1;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
    border: 2px solid #EFEFEF;
    transition: all ease 0.1s;
}
#colonne-filtres .block-filtres ul.couleur label{
    height: 36px;
}
#colonne-filtres .block-filtres ul.icone label img{
    height: 70px;
}
#colonne-filtres .block-filtres ul.couleur input[type="checkbox"],
#colonne-filtres .block-filtres ul.icone input[type="checkbox"]{
    display: none;
}
#colonne-filtres .block-filtres ul.couleur input[type="checkbox"]:checked ~ label,
#colonne-filtres .block-filtres ul.icone input[type="checkbox"]:checked ~ label img{
    border: 2px solid #333333;
    box-shadow: 0px 0px 5px #333;
}
/* Grise les filtres pendant le refresh */
#colonne-filtres #catalog-filters.loading {
    opacity: 0.5;
}
/* Colonne Listing Articles */
#colonne-listing-articles{
    flex: 1 1 auto;
}
@media only screen and (min-width: 400px) and (max-width: 639px){
    #listing-articles{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
#listing-articles .article .add-favorite-button {
    background-color: #FFF;
    padding: 5px;
    border: 1px solid #E8E8E8;
    border-radius: 50px;

    transition: all ease 0.3s;
}

#listing-articles .article.is-favorite .add-favorite-button,
#listing-articles .article .is-favorite .add-favorite-button,
#listing-articles .article .add-favorite-button:hover {
    color: #DC0000;
}

#listing-articles .article .add-favorite-button svg {
    fill: currentColor;
}

#listing-articles .article .imgArticle{
    border: 1px solid #E8E8E8;
    height: 200px;
    width: 100%;
}
html.no-touchevents #listing-articles .article .article-hover{
    width: 100%;
    position: absolute;
    top: -1000px;
    bottom: 0;
    cursor: pointer;
    transition: all ease 0.3s;
}
html.no-touchevents #listing-articles .article:hover .article-hover{
    top: 0;
    background-color: rgba(0,0,0,0.6);
    transition: all ease 0.3s;
}
html.no-touchevents #listing-articles .article:hover .product-badge{
    width: auto;
    right: 0;
    transition: all ease 0.3s;
}
html.no-touchevents #listing-articles .article:hover .product-badge .badge{
    display: none;
    transition: all ease 0.3s;
}

/* EntĂŞte images catĂŠgories */
.entete-categorie .img-container img{
    max-height: 150px;
}

/* Page catalogSubCategs si option BO "Affichage des pages catĂŠgories" avec l'option "Afficher les sous-catĂŠgories et les articles" */
#liste-categories.sous-categories #listing-categories{
    display: flex;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    overflow-x: auto;
}
#liste-categories.sous-categories .imgCategorie{
    height: 50px;
    max-width: inherit !important;
}
#liste-categories.sous-categories .titreCategorie{
    font-size: 13px;
    padding: 0;
    white-space: nowrap;
}
#liste-categories.sous-categories .descriptionCategorie,
#liste-categories.sous-categories .texteCategorie{
    display: none;
}

/* Slick - ProductListBlockSlider : masquer en attendant le chargement */
#listing-articles.product-list-slider:not(.slick-initialized){
    display: none;
}</pre></body></html>