.gutenberg>.wp-block-starter-belles-pratiques,.wp-block-starter-belles-pratiques{max-width:100%}.gutenberg>.wp-block-starter-belles-pratiques .filters,.wp-block-starter-belles-pratiques .filters{list-style:none;max-width:none;padding:0;width:100%}.gutenberg>.wp-block-starter-belles-pratiques .filters li,.wp-block-starter-belles-pratiques .filters li{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--wp--preset--font-size--size-5);justify-content:flex-start;margin-bottom:30px}.gutenberg>.wp-block-starter-belles-pratiques .filters li:after,.wp-block-starter-belles-pratiques .filters li:after{background-color:currentColor;content:"";display:block;height:1px;margin-left:15px;-webkit-transition:width .4s ease;-o-transition:width .4s ease;transition:width .4s ease;width:24px}.gutenberg>.wp-block-starter-belles-pratiques .filters li .label,.wp-block-starter-belles-pratiques .filters li .label{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.gutenberg>.wp-block-starter-belles-pratiques .filters li .value,.wp-block-starter-belles-pratiques .filters li .value{text-wrap:nowrap;cursor:pointer;display:block;margin-left:10px;max-width:clamp(14.375rem,9.7614rem + 18.9274vw,21.875rem);overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}@media screen and (min-width:1024px){.gutenberg>.wp-block-starter-belles-pratiques .filters li .value,.wp-block-starter-belles-pratiques .filters li .value{max-width:clamp(13.25rem,3.6062rem + 15.0685vw,21.5rem)}}.gutenberg>.wp-block-starter-belles-pratiques .filters li.is-active:after,.wp-block-starter-belles-pratiques .filters li.is-active:after{width:100%}.gutenberg>.wp-block-starter-belles-pratiques .col-bp,.wp-block-starter-belles-pratiques .col-bp{overflow:hidden;position:relative}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters,.wp-block-starter-belles-pratiques .pratiques-filters{height:calc(100vh - 81px);opacity:0;pointer-events:none;position:fixed;top:81px;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;width:100%;z-index:10}@media screen and (min-width:1024px){.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters,.wp-block-starter-belles-pratiques .pratiques-filters{height:100%;position:absolute;top:0}}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .inside,.wp-block-starter-belles-pratiques .pratiques-filters .inside{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--wp--preset--color--black);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;-webkit-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:border-color .4s ease .4s,-webkit-transform .4s ease;transition:border-color .4s ease .4s,-webkit-transform .4s ease;-o-transition:border-color .4s ease .4s,-o-transform .4s ease;transition:transform .4s ease,border-color .4s ease .4s;transition:transform .4s ease,border-color .4s ease .4s,-webkit-transform .4s ease,-o-transform .4s ease;width:100%}@media screen and (min-width:1024px){.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .inside,.wp-block-starter-belles-pratiques .pratiques-filters .inside{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-left:1px solid var(--wp--preset--color--black);width:30vw;width:clamp(28.75rem,20.3482rem + 13.1279vw,35.9375rem)}}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters:before,.wp-block-starter-belles-pratiques .pratiques-filters:before{background-color:rgba(25,26,30,.7);content:"";display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:-1}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters.is-active,.wp-block-starter-belles-pratiques .pratiques-filters.is-active{opacity:1;pointer-events:all}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters.is-active .inside,.wp-block-starter-belles-pratiques .pratiques-filters.is-active .inside{border-left-color:#fff;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .apply,.wp-block-starter-belles-pratiques .pratiques-filters .apply{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.875rem;font-weight:700;gap:20px;position:absolute;right:6.25%;text-transform:uppercase;top:10px;z-index:2}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .apply .cross,.wp-block-starter-belles-pratiques .pratiques-filters .apply .cross{font-size:20px;font-weight:400;line-height:1}@media screen and (min-width:1024px){.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .apply,.wp-block-starter-belles-pratiques .pratiques-filters .apply{top:clamp(2.625rem,1.8944rem + 1.1416vw,3.25rem)}}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .filter,.wp-block-starter-belles-pratiques .pratiques-filters .filter{max-height:calc(100vh - 81px);overflow:auto;padding:clamp(3.125rem,2.5201rem + 2.4818vw,5.25rem) 6.25vw;width:100%}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .filter ul,.wp-block-starter-belles-pratiques .pratiques-filters .filter ul{list-style:none;padding:0}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li,.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li{cursor:pointer;font-size:var(--wp--preset--font-size--size-6);text-transform:uppercase;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li:not(:last-child),.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li:not(:last-child){margin-bottom:clamp(1.125rem,1.0182rem + .438vw,1.5rem)}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li:first-child,.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li:first-child{margin-bottom:clamp(1.875rem,1.5547rem + 1.3139vw,3rem)}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li:before,.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li:before{background:#fff;content:"";display:inline-block;height:1px;margin-right:clamp(.9375rem,.8485rem + .365vw,1.25rem);vertical-align:super;width:clamp(1.125rem,1.0182rem + .438vw,1.5rem)}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li:not(.is-active),.wp-block-starter-belles-pratiques .pratiques-filters .filter ul li:not(.is-active){opacity:.3}.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .filter-concessions,.gutenberg>.wp-block-starter-belles-pratiques .pratiques-filters .filter-steps,.wp-block-starter-belles-pratiques .pratiques-filters .filter-concessions,.wp-block-starter-belles-pratiques .pratiques-filters .filter-steps{display:none}.gutenberg>.wp-block-starter-belles-pratiques .bp-list,.wp-block-starter-belles-pratiques .bp-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;display:none;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;width:100%}.gutenberg>.wp-block-starter-belles-pratiques .bp-list.is-filtered,.wp-block-starter-belles-pratiques .bp-list.is-filtered{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}.gutenberg>.wp-block-starter-belles-pratiques .bp-list article.type-pratique,.wp-block-starter-belles-pratiques .bp-list article.type-pratique{margin:0;width:100%}@media only screen and (min-width:782px){.gutenberg>.wp-block-starter-belles-pratiques .bp-list article.type-pratique,.wp-block-starter-belles-pratiques .bp-list article.type-pratique{width:50%}}@media screen and (min-width:1024px){.gutenberg>.wp-block-starter-belles-pratiques .bp-list article.type-pratique,.wp-block-starter-belles-pratiques .bp-list article.type-pratique{width:100%}}@media only screen and (min-width:1170px){.gutenberg>.wp-block-starter-belles-pratiques .bp-list article.type-pratique,.wp-block-starter-belles-pratiques .bp-list article.type-pratique{width:50%}}.gutenberg>.wp-block-starter-belles-pratiques .bp-list article.type-pratique .year,.wp-block-starter-belles-pratiques .bp-list article.type-pratique .year{display:none}
