.onglet-menu {border : 0}
.banniere-catalogue {position : relative}
.categorie-vendeur {text-transform : uppercase;font-weight : bold;letter-spacing : 1px;margin : 5px 0;color : #EE365C;}
input[type=checkbox], input[type=radio] {cursor : pointer}
#amounts {margin-bottom : 10px;}
.bloc-filtreListe {margin : 0;position : relative;z-index : 100;}
.bloc-filtreListe > ul {list-style : none;padding : 0;margin : 0;}
.bloc-filtreListe > ul > li:first-child {margin-left : 0;}
.bloc-filtreListe > ul > li {
    display : inline-block;
    margin : 0 12px;

    border: 1px solid #ddd;
    padding: 5px 15px;
    box-shadow: 0px 0px 4px #ddd;
    border-radius: 4px;
    cursor: pointer;
}
.btn-trierpar, .btn-filtre {text-align : center; padding : 4px 0;font-size : 18px;letter-spacing : 1px;text-transform : uppercase;border : 1px solid black; background : transparent; width : 46%}
.btn-filtre {background : #000; color : #fff;}
.contentFiltreRecherche {
    margin-top : 45px;
    font-size : 14px;
    font-weight : bold;
    font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 14px 8px;
}
.filtre-vertical {display : block; min-height : 1000px !important;}
.infoGrossiste label, .infoGrossiste input {cursor : pointer;}
.input {text-align : right}
.input-custom {position : relative;color : #000;}
.input-custom > label {display : inline-block;margin : 0;width : auto;font-weight : 400;cursor : pointer; margin-right : 5px;}
.input-custom > label + span {color : #000000;display : inline-block;transform : rotate(0deg);transform-origin : 50% 50% 0;transition : all .15s ease 0s;}
.input-custom.active > label + span {color : #D64A6F;transform : rotate(90deg);}
.input-custom > .sous-filtre {display : none;width : 100%;max-height : 400px;padding : 8px 0;background-color : #fff;overflow-x : hidden;overflow-y : auto;}
.input-custom > .sous-filtre > .col-md-6 > label {margin : 5px 0; color : #333; cursor : initial;}
.filtreCouleur {text-align : left}
.form-control[name=filtreRechercheVendeur], .form-control[name=filtreRechercheComposition] {margin : 0px 0px 5px 10px; width : 90%;}
.menu-catalogue {float : left; width : 100%;}
.menu-catalogue h3 {display : inline-block; border-bottom : 1px solid #ccc; color : #000; font-weight : bold;margin-bottom : 10px;margin-top : 10px; padding-bottom : 10px;letter-spacing : 1px;}
.menu-catalogue .choix {color : #000; text-transform : uppercase; font-weight : bold;}
.menu-catalogue .choix span {display : inline-block;margin-left : 15px;cursor : pointer;}
li .input-custom > .sous-filtre {width : 250px;}
/*
.menu-catalogue .sousCategories span, .sousCategories span, .type-composition span {display : inline-block;margin-left : 5px;transform : rotate(0deg);transform-origin : 50% 50% 0;transition : all .15s ease 0s;}
.menu-catalogue .sousCategories.active span, .type-composition.active span {color : #D64A6F;transform : rotate(90deg);}
.menu-catalogue .sousCategories + .sousSousCategories, type-composition {color : #888888;text-transform : uppercase;letter-spacing : 1px;}
.menu-catalogue .sousCategories, type-composition {color : #000; text-transform : uppercase; font-weight : bold; letter-spacing : 1px; cursor : pointer;margin : 5px 3px 7px 0;}
*/
.categorie-main, .sousCategories {text-transform : uppercase;margin-bottom : 5px;cursor : pointer;}
.sCategories {margin-left : 15px;}
.sousCategories {font-size : 12px;margin-bottom : 5px;cursor : pointer;color : #7d7a7a !important;font-weight : normal !important;}
.sousCategories span {display : inline-block;margin-left : 5px;transform : rotate(0deg);}
.sousCategories.active {font-weight : bold !important;}
.sousSousCategories.pageRequiredCatalogue {margin-left : 30px;}
.menu-catalogue .parentCategories {color : #000; text-transform : uppercase; font-weight : bold; letter-spacing : 1px; cursor : pointer;}
.menu-catalogue .parentCategories span, .type-composition.active span {display : inline-block;margin-left : 5px;transform : rotate(0deg);transform-origin : 50% 50% 0;transition : all .15s ease 0s;}
.menu-catalogue .parentCategories.active span, .type-composition.active span {color : #D64A6F;transform : rotate(90deg);}
.menu-catalogue .parentCategories + .sousCategoriesContent .sousCategories {color : #444444;text-transform : uppercase;letter-spacing : 1px;font-weight : normal;}
.menu-catalogue .categorie label, .contentFiltreRecherche .sous-filtre label {cursor : pointer;font-weight : normal;text-transform : capitalize; }
.menu-catalogue .caracteristique {color : #888888;text-transform : uppercase;letter-spacing : 1px;}
.menu-catalogue input[type='checkbox'], .type-composition {cursor : pointer;}
.menu-catalogue-responsive .sousCategories {color : #000; text-transform : capitalize; font-weight : bold; letter-spacing : 1px; cursor : pointer;margin : 5px 0;}
.menu-catalogue-responsive .sousCategories.active, .menu-catalogue-responsive .sousCategories:hover {color : #D64A6F;}
.menu-catalogue-responsive .sousCategories span {display : inline-block;margin-left : 7px;transform : rotate(0deg);transform-origin : 50% 50% 0;transition : all .15s ease 0s;}
.menu-catalogue-responsive .sousCategories.active span {color : #D64A6F;transform : rotate(90deg);}
.menu-catalogue-responsive .sousSousCategories .categorie {padding-left : 15px;}
.menu-catalogue-responsive .sousSousCategories .categorie > * {margin : 0}
.menu-catalogue-responsive .button-custom {width : 100%;padding : 5px 0;font-size : 18px;letter-spacing : 1px;text-transform : capitalize;}
.menu-catalogue-responsive .input-custom > label {font-size : 16px; margin-right : 10px;letter-spacing : 1px;}
.menu-catalogue-responsive .input-custom > span {float : right; margin-right : 5px;}
.menu-catalogue-responsive .input-custom > .sous-filtre {top : 105%;left : 0;z-index : 200;}
.menu-catalogue-responsive .input-custom > .sous-filtre label {font-weight : normal; color : #000; cursor : pointer;}
.menu-catalogue-responsive .filtres-content-responsive { position : fixed; top : 0px; left : 0px; width : 100%; height : 100%; overflow : auto; z-index : 2000; background : rgba(255, 255, 255, 1) none repeat scroll 0px 0px; padding : 0 25px}
.menu-catalogue-responsive .filtres-content-responsive .container {width : 90%;}
.menu-catalogue-responsive .filtres-content-responsive .header {border-bottom : 1px solid #000;font-size : 18px;padding : 20px 0 10px;font-weight : 700;text-transform : uppercase;}
.menu-catalogue-responsive .filtres-content-responsive .input-custom > label {font-size : 18px; font-weight : 700; font-weight : bold;}
.menu-catalogue-responsive .filtres-content-responsive .sous-filtre {position : relative;box-shadow : none;background-color : transparent;}
.menu-catalogue-responsive .input-custom {border-bottom : 1px solid rgba(0, 0, 0, 0.1); padding : 10px 0}
.menu-catalogue-responsive .input-custom > * {padding-left : 15px; padding-right : 15px;}
.row-trierpar > li {display : inline-block; margin : 0 10px; text-align : left }
.sous-filtre hr {margin : 10px 0;}
.contentFiltreGrossiste .filtreGrossiste {max-height : 400px;overflow-y : scroll;margin-top : 20px;}
.sous-filtre > .filtreGrossiste {max-height : 215px;padding : 8px 0 0 0;overflow-x : hidden;overflow-y : auto;}
.titre-collection { position : absolute;top : 40%;left : 50%; font-size : 15px; text-transform : capitalize;transform : translate(-50%, -50%);}
.titre-edito {display : block; font-size : 50px; margin-bottom : 15px;}
.description-categorie {color : #000000;}
.description-categorie h2,.description-categorie h1 {font-weight : bold;margin-top : 15px;margin-bottom : 15px;}
.description-categorie p {font-size : 12px;}
.menu-catalogue-responsive .hideFiltre {cursor : pointer;}
.liste-choix {margin-top : 20px;}
body.responsive {overflow : hidden;}
.type-composition {margin-bottom : 5px;}
.ui-slider {background : #e9576d none repeat scroll 0 0;border : medium none;border-radius : 0;height : 0.6em;}
.ui-slider .ui-slider-range {background : #000000;}
.ui-slider .ui-slider-handle {background : #000 none repeat scroll 0 0 !important;border : medium none !important;border-radius : 0;height : 1.4em !important;margin-left : -0.2em !important;width : 0.4em !important;top : -0.4em !important;}
.input-custom > .sous-filtre label.sousmenu {text-transform : uppercase; font-weight : bold;}
.adminfiltrederecheche {display : none}
.sticky-spacer {width : initial !important;}
.pastille {border-radius : 50px; width : 20px;height : 20px; display : inline-block;}
/* MEDIA QUERY */
@media (min-width : 992px) {
    .bloc-filtreListe {display : block;}
    .contentFiltreRecherche.uberbar {
        position: fixed;
        top: -5%;
        background-color: #fff;
        padding: 14px 8px;
        z-index: 1000;
        right: 3%;
        box-shadow: 0px 0px 5px #eee;
    }
    .contentFiltreRecherche.uberbar > hr {margin-bottom : 0;}
    .contentFiltreRecherche.uberbar .bloc-filtreListe {margin : 0;}
    .description-categorie h2,.description-categorie h1 {font-size : 24px;}
    .nbproducts {font-size : 16px;}
    .menu-catalogue button {font-size : 12px;}
    .input-custom > .sous-filtre {position : absolute;top : 145%;left : 0;box-shadow : -2px 2px 10px #ccc;z-index : 200;}
    /*.input-custom > .sous-filtre label{font-weight: normal; color: #888; text-transform: uppercase;letter-spacing: 1px;}*/
    .input-custom > .sous-filtre label {font-weight : normal; color : #888;letter-spacing : 1px;}
    }
@media (max-width : 992px) {
    #container-catalogue, #container-catalogue > div {padding : 0}
    #menu-trierpar .input-custom:not(:first-child) {color : #aaa}
    #menu-trierpar .input-custom label {font-weight : initial !important; }
    .uberbar_responsive {z-index : 999;position : fixed;width : 100%;left : 0;background : #fff;padding : 15px;top : 0;border-bottom : 1px solid #eee;}
    .menu-catalogue-responsive .sousSousCategories .categorie {margin-bottom : 5px;}
    .button-gris, .button-gris:hover, .button-noir, .button-noir:hover {margin-top : 15px; display : inline-block; width : 45%}
    .button-noir, .button-noir:hover {padding : 15px 0px;}
    .button-gris, .button-gris:hover {padding : 15px 20px; margin-left : 15px;}
    .btn-trierpar, .btn-filtre {font-size : 10px;}
    .filtres-responsive > div:not(:first-child) {margin : 15px 0;}
    .filtres input[type='radio'], .filtres input[type='checkbox'] {margin-right : 10px; }
    .parentCategoies {margin-bottom : 10px;}
    .bloc-filtreListe {display : block;}
    }
@media (max-width : 768px) {
    body {font-size : 12px;}
    .bloc-filtreListe {display : none;}
    .description-categorie h2,.description-categorie h1 {font-size : 18px;}
    .nbproducts {font-size : 12px;}
    .menu-catalogue button {font-size : 10px;}
    .titre-collection {font-size : 12px;}
    }