﻿#entete{background:var(--primary-color);margin:0 0 60px;padding:30px 0}#entete .container{display:flex}#entete .container .breadcrumb li{color:var(--color-white)}#entete .container .breadcrumb li:after{color:var(--color-white)}#entete .container figure{flex:0 0 260px;margin:0 15px 0 0}#entete .container figure img{display:block;max-width:100%;height:auto}#entete .container h1.title{color:var(--color-white);margin:10px 0 0;text-align:left}#entete .container p{margin:10px 0 0}@media all and (max-width: 768px){#entete .container figure{display:none}}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center}.breadcrumb li{display:flex;align-items:center;color:var(--secondary-color);text-transform:uppercase}.breadcrumb li a{color:inherit;text-decoration:none}.breadcrumb li a:hover{text-decoration:underline}.breadcrumb li:after{display:block;font-weight:700;margin:0 10px;color:var(--primary-color);content:"-"}.breadcrumb li:last-child:after{display:none}#filters{color:var(--secondary-color);background:var(--color-background-base);margin-bottom:40px;border-top:0 none}#filters.slide_down .button{display:flex;align-items:center;font-weight:400;padding:5px 0;text-transform:uppercase}#filters.slide_down .button:after{content:",";font-family:"EdGlyph-complete";font-size:16px;line-height:0;color:inherit;font-weight:400;margin:0 0 0 auto}#filters.slide_down .button.open:after{content:"+"}#filters.slide_down .button.open+.sub_menu{position:static}#filters.slide_down .slide_down{border-top:1px solid rgba(var(--color-rgba-black), 0.05);padding:10px 20px}#filters.slide_down .sub_menu{background:none;box-shadow:none}#filters.slide_down .sub_menu ul li{margin:0 0 5px}#filters.slide_down .sub_menu ul li:last-child{margin:0}#filters.slide_down .sub_menu ul li a{padding:0;display:flex}#filters.slide_down .sub_menu ul li a:hover{color:var(--primary-color);background:none}#filters.slide_down .sub_menu ul li a:before{content:"Ø";font-family:"EdGlyph-complete";font-size:16px;line-height:0;font-weight:400;margin:0 10px 0 0}#filters.slide_down .sub_menu ul li.checkbox input[type=checkbox]{display:none}#filters.slide_down .sub_menu ul li.checkbox label{display:flex;align-items:center;cursor:pointer}#filters.slide_down .sub_menu ul li.checkbox label:hover{color:var(--primary-color)}#filters.slide_down .sub_menu ul li.checkbox label:before{content:"Ø";font-family:"EdGlyph-complete";font-size:16px;line-height:0;font-weight:400;margin:0 10px 0 0}#filters.slide_down .sub_menu ul.color{display:flex;flex-wrap:wrap;justify-content:center}#filters.slide_down .sub_menu ul.color li{padding:0 5px}#filters.slide_down .sub_menu ul.color li label{cursor:pointer}#filters.slide_down .sub_menu ul.color li label img.color{border-radius:99em;max-width:24px;height:auto}#filters.slide_down>.button{padding:0 20px;font-size:18px;justify-content:space-between;height:50px;font-weight:700;color:var(--primary-color)}#filters.slide_down>.button:after{font-size:32px;margin:0 0 0 20px}#filters.slide_down>.sub_menu>ul.selected{padding:0 20px;margin:0 0 10px}#filters.slide_down>.sub_menu>ul.selected li{display:flex;align-items:center}#filters.slide_down>.sub_menu>ul.selected li.reset-filtre a:before{display:none}#filters.slide_down>.sub_menu>ul.selected li span:not(.edglyph){display:inline-flex;align-items:center;padding:10px;height:42px;border:1px solid var(--secondary-color)}#filters.slide_down>.sub_menu>ul.selected li span:not(.edglyph):after{font-family:"EdGlyph-complete";content:"V";font-size:18px;margin:0 0 0 10px;cursor:pointer}#filters.slide_down>.sub_menu>ul.selected li span:not(.edglyph).delete_all{color:var(--primary-color);padding:0;border:0 none;margin:10px 0 0;cursor:pointer}#filters.slide_down>.sub_menu>ul.selected li span:not(.edglyph).delete_all:hover{text-decoration:underline}#filters.slide_down>.sub_menu>ul.selected li span:not(.edglyph).delete_all:after{display:none}#filters .slider{display:flex;align-items:center;position:relative;background:var(--primary-color);height:10px;margin:10px 0}#filters .slider .ui-slider-range{background:var(--secondary-color);height:10px;position:absolute}#filters .slider .ui-slider-handle{position:absolute;top:50%;transform:translate(-2px, -50%);background:var(--secondary-color);width:20px;height:20px;cursor:pointer;border-radius:10000px}#filters .slider .ui-slider-handle+.ui-slider-handle{transform:translate(-18px, -50%)}#filters .slider .ui-slider-handle:hover{background:var(--secondary-color)}.custom-select{position:relative}.custom-select select{display:none}.custom-select .select-selected{display:flex;justify-content:center;align-items:center;position:relative;background:var(--color-background-base);color:var(--secondary-color);height:50px;min-width:96px;cursor:pointer}.custom-select .select-selected:after{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;content:"+";font-family:"EdGlyph-complete";font-size:24px;line-height:0;color:inherit}.custom-select .select-selected.select-arrow-active:after{opacity:.5}.custom-select .select-items{position:absolute;background:var(--color-white);top:100%;left:0;right:0;max-height:256px;overflow:auto;z-index:99}.custom-select .select-items div{color:var(--secondary-color);padding:5px 15px;cursor:pointer}.custom-select .select-items div:hover{font-weight:700}.custom-select .select-items .same-as-selected{background-color:var(--color-background-base)}.custom-select .select-items.select-hide{display:none}#tri{display:flex;flex-wrap:wrap;background:var(--color-background-base);padding:10px;color:var(--color-black)}#tri .form-group{display:flex;align-items:center;margin:0 0 0 20px}#tri .form-group label{color:var(--secondary-color);font-weight:500;margin:0 10px 0 0}#tri .form-group .custom-select .select-selected{height:40px;justify-content:space-between;min-width:192px;padding:0 10px}#tri .form-group .custom-select .select-items{background:var(--color-background-base);top:calc(100% + 10px)}#tri .form-group .custom-select.small .select-selected{min-width:64px}#tri .form-group.affichage{margin:0 auto 0 0}#tri .form-group.affichage input:checked+label{background:var(--secondary-color);color:var(--color-white)}#tri .form-group.affichage label{cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);background:var(--color-white)}#tri .form-group.affichage label:hover{background:var(--primary-color);color:var(--color-white)}#tri .form-group.affichage label .edglyph{line-height:0;text-transform:none}@media all and (max-width: 500px){#tri{padding:5px 0}#tri .form-group{margin:5px 10px !important}#tri .form-group label{display:none}#tri .form-group.affichage label{display:flex}}.product{display:flex;flex-direction:column;background:var(--color-white);flex:1}.product figure{position:relative;text-align:center;font-weight:700;color:var(--secondary-color);background:var(--color-background-base)}.product figure>a{display:block;background:var(--color-background-base);color:var(--secondary-color)}.product figure>a img{flex:1}.product figure img{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;object-fit:cover}.product figure img:after{content:"Visuel manquant"}.product figure figcaption{position:absolute;top:10px;left:10px;color:var(--primary-color)}.product figure figcaption ul li .edglyph{font-size:32px}.product section{display:flex;flex-direction:column;padding:20px;flex:1;text-align:center}.product section h2{font-size:12px;color:var(--secondary-color);font-weight:400;margin:0 0 10px}.product section h2 a{color:inherit}.product section h2 .promo{display:inline-block;vertical-align:middle;background:var(--primary-color);color:var(--color-white);padding:0 5px;font-size:10px;line-height:2;text-transform:uppercase}.product section .price{display:block;margin:auto 0 0;font-weight:700;color:var(--primary-color)}.product section .price del{font-weight:400;color:var(--error-color)}.product.inline{flex-direction:row;align-items:center;position:relative}.product.inline figure{flex-basis:128px;position:static}@media all and (max-width: 500px){.product figure .actions{opacity:1}}.pagination{display:flex;align-items:center;justify-content:center}.pagination li{display:flex;align-items:center;padding:0 5px}#content.categories{padding:60px 0 0}#content .container #form-filters{display:flex;align-items:flex-start}#content .container #form-filters #filters{flex-basis:25%;max-width:256px;margin-right:40px}#content .container #form-filters #content_product{flex:1}#content .container #form-filters #content_product #tri{margin:0 0 30px}#content .container #form-filters #content_product .list-product{display:flex;flex-wrap:wrap;margin:0 -20px}#content .container #form-filters #content_product .list-product>li{flex:1;flex-shrink:1;flex-grow:0;flex-basis:20%;padding:0 20px;margin:0 0 40px}#content .container #form-filters #content_product .list-product.inline>li{flex-basis:25%}#content .container #form-filters #content_product.with_search .list-product>li{flex-basis:25%}#content .container #form-filters #content_product.with_search .list-product.inline>li{flex-basis:33.3333333333%}#content .container #form-filters .pagination{flex-basis:100%;margin:0 0 40px}#content .container #sitemap{display:flex;flex-wrap:wrap;justify-content:center}#content .container #sitemap>div{min-width:250px;margin:0 15px 15px;padding:15px;border:.5px solid var(--primary-color)}#content .container #sitemap>div a{color:inherit;text-decoration:none}#content .container #sitemap>div a:hover{color:var(--secondary-color)}@media all and (max-width: 1200px){#content .container #form-filters #content_product .list-product>li{flex-basis:25%}#content .container #form-filters #content_product .list-product.inline>li{flex-basis:33.3333333333%}#content .container #form-filters #content_product.with_search .list-product>li{flex-basis:33.3333333333%}#content .container #form-filters #content_product.with_search .list-product.inline>li{flex-basis:50%}}@media all and (max-width: 992px){#content .container #form-filters{flex-wrap:wrap}#content .container #form-filters #filters{flex-basis:100%;margin:0 0 20px;max-width:none}#content .container #form-filters #content_product .list-product>li{flex-basis:33.3333333333% !important}#content .container #form-filters #content_product .list-product.inline>li{flex-basis:50% !important}}@media all and (max-width: 768px){#content .container #form-filters #content_product .list-product>li{flex-basis:50% !important}}@media all and (max-width: 500px){#content .container #form-filters #content_product .list-product>li{flex-basis:100% !important}#content .container #form-filters #content_product .list-product.inline>li{flex-basis:100% !important}}
