header{background:var(--main-color-bg);text-align:center;position:fixed;z-index:1000;width:100%;min-height:6rem;top:0;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);box-shadow:0 2px 10px 0 rgb(5 5 5 / 15%);-webkit-box-shadow:0 2px 10px 0 rgb(5 5 5 / 15%)}.navbar{position:absolute;text-align:left;top:100%;left:0;background:var(--main-color-bg);width:100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transition:height .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:height .4s ease-in-out,-webkit-transform .4s ease-in-out;-o-transition:transform .4s ease-in-out,height .4s ease-in-out;transition:transform .4s ease-in-out,height .4s ease-in-out;transition:transform .4s ease-in-out,height .4s ease-in-out,-webkit-transform .4s ease-in-out}.navbar li{margin-bottom:1rem;margin-left:1rem}.nav-links{font-size:1.5rem;text-transform:uppercase;opacity:0;-webkit-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;cursor:pointer}.main-nav-ul{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);padding:.5rem 0}.mon_compte{position:absolute;right:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.mon_compte div{margin:1rem;cursor:pointer}.logoNavbar{line-height:3.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin-top:1.25rem}.logoNavbar img{width:120px;height:auto;margin-bottom:10px;margin-top:0}.logoNavbar span{color:var(--title-font-color);font-weight:400;vertical-align:text-bottom;letter-spacing:.3px}.dropdown-toggle,.nav-toggle{display:none}.nav-toggle:checked~nav{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}.nav-toggle:checked~nav a{opacity:1;-webkit-transition:opacity 250ms ease-in-out 250ms;-o-transition:opacity 250ms ease-in-out 250ms;transition:opacity 250ms ease-in-out 250ms}.nav-toggle-label{position:absolute;top:0;left:0;margin-left:1rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.products-link::after{content:"";display:inline-block;background-image:url(../img/svg/chevron.svg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);width:1.2rem;height:1.2rem;margin-left:.2rem;background-size:contain;background-repeat:no-repeat;background-position:center center;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.dropdown{opacity:0;height:0;pointer-events:none}.dropdown ul li{font-size:1.4rem}.dropdown-toggle:checked~nav .dropdown{opacity:1;height:auto;-webkit-transition:opacity .5s ease-in-out .1s,height .5s ease-in-out .1s;-o-transition:opacity .5s ease-in-out .1s,height .5s ease-in-out .1s;transition:opacity .5s ease-in-out .1s,height .5s ease-in-out .1s;padding:1rem 0 0 2rem;pointer-events:all}.dropdown ul,.dropdown ul li{-webkit-transition:opacity .5s ease-in-out .1s,height .5s ease-in-out .1s;-o-transition:opacity .5s ease-in-out .1s,height .5s ease-in-out .1s;transition:opacity .5s ease-in-out .1s,height .5s ease-in-out .1s}.dropdown-toggle:checked~nav .products-link::after{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}#svg-burger{width:5rem;height:auto;cursor:pointer;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.path-svg-burger{fill:none;-webkit-transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);-o-transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);-webkit-transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);stroke-width:4rem;stroke-linecap:round;stroke:#212529;stroke-dashoffset:0}path#bottom,path#top{stroke-dasharray:240px 950px}path#middle{stroke-dasharray:240px 240px}.cross path#bottom,.cross path#top{stroke-dashoffset:-650px;stroke-dashoffset:-650px}.cross path#middle{stroke-dashoffset:-110.5px;stroke-dasharray:1px 220px}.image-barnav{font-size:3rem;color:#a09c9c}.material-symbols-outlined.image-barnav{font-variation-settings:"FILL" 1}.quantite-panier{padding-left:.5rem;vertical-align:top;font-size:1.4rem;font-weight:500;color:#a09c9c}@media screen and (min-width:62em){.nav-toggle-label{display:none}header{display:-ms-grid;display:grid;-ms-grid-columns:1fr auto minmax(70rem,3fr) 1fr;grid-template-columns:1fr auto minmax(70rem,3fr) 1fr}.logoNavbar{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;margin-left:1rem;margin-top:0}.logoNavbar img{margin-top:10px}.navbar{all:unset;-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-nav-ul{-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.navbar .nav-links{opacity:1;position:relative;margin-left:1rem}.navbar li{margin-bottom:0}.dropdown a{position:relative}.menu-dropdown{position:relative}.dropdown{position:absolute;z-index:10003;display:-webkit-box;display:-ms-flexbox;display:flex;width:30rem;left:0;margin-top:1.82rem;border:1px solid #ccc;border-top:none;background:var(--main-color-bg);border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;height:0}.dropdown ul{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:1rem;text-align:left}.dropdown ul a{text-align:left}.dropdown ul li{padding:1rem 0 0 0;width:100%;margin:0}.dropdown ul li:first-of-type{padding:1rem 0 0 0}.dropdown-toggle:checked~nav .dropdown{padding:0;opacity:1;height:auto;-webkit-transition:opacity .5s ease-in-out .1s;-o-transition:opacity .5s ease-in-out .1s;transition:opacity .5s ease-in-out .1s}.dropdown-toggle:checked~nav .products-link{color:var(--button-color-light)}}