.mobile-nav{position:fixed;top:0;bottom:0;left:0;right:0;width:calc(100vw - 40px);max-width:420px;z-index:8000;background-color:#fff;display:flex;flex-direction:column;transform:translate(-100%);box-shadow:none;transition:transform .3s cubic-bezier(.25,.1,.25,1);-webkit-transition:transform .3s cubic-bezier(.25,.1,.25,1);background:#fff}.mobile-nav.visible{transform:translate(0)}.mobile-nav .nav-top{background-color:#fff;position:sticky;top:0;width:100%;z-index:1;display:flex;align-items:center;padding:6px 5px;transition:background-color .2s;color:#444}.mobile-nav.level2_open .nav-top{position:fixed;color:#fff;background-color:transparent}.mobile-nav .nav-top.sticky{box-shadow:0 2px 5px #00000008;background-color:#fff;color:#444}.mobile-nav .nav-top-left{flex:1}.mobile-nav .nav-top.sticky .nav-top-left{color:#444}.mobile-nav .bt-back-menu{transform:translate(15px);transition:transform .1s 0s;visibility:hidden;display:inline-flex;align-items:center;line-height:1;font-size:1.4rem;font-weight:500;cursor:pointer}.mobile-nav .bt-back-menu .bt-icon{width:34px}.mobile-nav .bt-back-menu .bt-icon svg{height:1.2rem}.mobile-nav .bt-back-menu .bt-icon svg path{stroke:#fff;stroke-width:4;fill:none}.mobile-nav .nav-top.sticky .bt-back-menu .bt-icon svg path{stroke:#333}.mobile-nav.level2_open .nav-top .bt-back-menu{transform:translate(0);visibility:visible}.nav-level_2-voir-tout-link .voir-tout{display:none}.mobile-nav .nav-main-wrapper{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.mobile-nav .nav-main-wrapper::-webkit-scrollbar{width:3px}.mobile-nav .nav-main-wrapper::-webkit-scrollbar-thumb{background-color:#666;border-radius:100px}.mobile-nav .nav-main{flex:1;font-size:1.5rem;transition:opacity .5s ease .15s,transform .5s ease .15s}.mobile-nav .nav-main .nav-hidden{visibility:hidden;height:0;padding:0;overflow:hidden}.mobile-nav .nav-level_1{transform:translate(0);transition:transform .1s 0s}.mobile-nav .nav-level_1.nav-hidden{transform:translate(-15%)}.mobile-nav .nav-level_2{transform:translate(0);transition:transform .1s 0s}.mobile-nav .nav-level_2.nav-hidden{transform:translate(15%)}.mobile-nav .nav-level_1-item{margin-bottom:3rem}.menu-level1-item a{display:flex;padding:0px 1.6rem;border-bottom:1px solid #eee;align-items:center;height:100%;width:100%;position:relative;cursor:pointer;height:5.5rem;color:#333}.menu-level1-item:last-child a{border-bottom:none}.menu-level1-item a .arrow-right{margin-right:.2rem;font-size:1.1rem}.menu-level1-item a .arrow-right svg{stroke:currentColor;vertical-align:middle;flex-shrink:0;height:1rem;width:auto;stroke-width:.2rem;stroke-linecap:round;stroke-miterlimit:10;overflow:visible}.menu-level1-item a img{width:4rem;height:4rem;margin-right:1.6rem;border-radius:3px}.menu-level1-item a .title{flex:1;margin:0}.mobile-nav .nav-main h5.title{padding:0 1.6rem 1rem;font-size:1.6rem;color:#333;font-weight:500;margin:0}.mobile-nav ul.menu-level{padding:0 16px}.mobile-nav ul.menu-level li{padding:5px 0}.mobile-nav ul.menu-level li a:hover{text-decoration:underline;color:#000}.menu-level1-item.promotions a{color:#fa6378}.nav-level_1-item.ressources .menu-level1-item a{height:4.5rem}.menu-level1-item.marques img{display:none}.menu-level1-item.marques span{color:#2b6b97;border:1px solid #b9d2e3;font-size:1.4rem;border-radius:3px;transition:border-color .2s;padding:6px 8px;flex:none}.mobile-nav .nav-level_2-hero{height:200px;position:relative;background-color:#eee}.nav-level_2-hero-overlay{position:absolute;height:100%;width:100%;top:0;background-image:linear-gradient(180deg,#0006,#0000 30% 70%,#0003)}.nav-level_2-hero-title{position:absolute;bottom:16px;color:#fff;font-size:3rem;margin-left:24px;text-shadow:0 2px 20px rgba(0,0,0,.5);letter-spacing:-.02em;line-height:1.2}.mobile-nav .nav-level_2-hero img{width:100%;height:100%;object-fit:cover;display:block}.sub-menu-level_2>.menu-item{border-bottom:1px solid #e5e5e5;padding:16px 24px;color:#666}.sub-menu-level_2>.menu-item:last-child{border-bottom:none;padding-bottom:0}.sub-menu-level_2>.menu-item>.col-cat-title{margin-bottom:1rem;display:inline-block;cursor:initial;font-size:1.5rem;color:#333;font-weight:500}.sub-menu-level_2>.menu-item .sub-menu{font-size:1.5rem}.sub-menu-level_2>.menu-item .sub-menu li{padding:.4rem 0}.sub-menu-level_2>.menu-item .sub-menu li a{display:inline-block}.sub-menu-level_2>.menu-item .sub-menu li.tout{color:#333;font-weight:500}.sub-menu-level_2>.menu-item .sub-menu li.tout a{border-bottom:1px solid}.sub-menu-level_2>.menu-item .sub-menu li.tout a:hover{border:none;text-decoration:none}.sub-menu-level_2 .col-une{padding-top:24px;color:#2b6b97}.sub-menu-level_2 .col-une li a:hover{color:#2b6b97!important}.sub-menu-level_2 .col-une>a{display:none}.sub-menu-level_2>.menu-item .sub-menu li.tous{padding:0;margin-bottom:10px}.sub-menu-level_2>.menu-item .sub-menu li.tous>a{font-size:1.55rem;font-weight:500;position:relative}.sub-menu-level_2>.menu-item .sub-menu li.tous>a:after{content:"";height:1px;width:100%;background-color:#2b6b97;display:block;position:absolute;bottom:0;transition:all .2s}.large-menu-img{display:none}.mobile-nav .nav-bottom{background-color:#f9f9f9;padding:2.4rem 1.6rem;margin-top:3rem}.mobile-nav .nav-bottom .title{margin-bottom:1rem;font-size:1.5rem;color:#444;font-weight:500;margin:0 0 1rem}.mobile-nav .nav-bottom .links{font-size:1.5rem;color:#777}.mobile-nav .nav-bottom .links li{padding:.4rem 0}.mobile-nav .nav-bottom .link a:hover{text-decoration:underline;color:#000}.mobile-nav.level2_open .nav-bottom{padding:2.4rem}@media (min-width: 1300px){.mobile-nav{font-size:1.35rem;display:block;visibility:hidden;opacity:0;transition:all .2s ease-in-out;position:absolute;top:119px;left:0;width:100%;height:auto;bottom:auto;background-color:#fff;color:#666;z-index:10;box-shadow:0 5px 10px #0000000d;padding:30px 0;text-wrap:nowrap;border-top:#eee solid 1px;max-width:100%;transform:none;overflow:hidden}.mobile-nav.visible{opacity:1;visibility:visible}.mobile-nav .nav-top,.mobile-nav .nav-bottom,.mobile-nav .nav-level_1{display:none}.mobile-nav .nav-main-wrapper{display:block;height:auto;overflow:hidden}.mobile-nav .nav-main{display:block;padding-left:48px;padding-right:48px;max-width:1820px;margin:0 auto;transform:translate(0)}.mobile-nav .nav-level_2{display:flex;transform:none;transition:none;height:336px}.mobile-nav .nav-level_2.nav-hidden{transform:none}.mobile-nav .nav-level_2 .nav-level_2-hero{display:none}.mobile-nav .nav-level_2 .sub-menu-level_2{flex:1;display:flex;margin-left:128px}.mobile-nav .sub-menu-level_2>.menu-item .sub-menu{padding-left:0}.mobile-nav .nav-level_2 ul.sub-menu-level_2>.menu-item{border-bottom:none;border-right:1px solid #eee;margin-right:25px;padding:0 25px 0 0}.mobile-nav .nav-level_2 ul.sub-menu-level_2>.menu-item:last-child{border-right:none}.mobile-nav .nav-level_2 ul.sub-menu-level_2>.menu-item .sub-menu{text-wrap:nowrap;padding:0}.mobile-nav .nav-level_2 ul.sub-menu-level_2>.menu-item.cols-2 .sub-menu,.mobile-nav .nav-level_2 ul.sub-menu-level_2>.menu-item.cols-3 .sub-menu{columns:2;column-gap:20px;column-fill:auto;height:302px}.mobile-nav .nav-level_2 ul.sub-menu-level_2>.menu-item.cols-3 .sub-menu{columns:3}.mobile-nav .sub-menu-level_2>.menu-item>a{margin-bottom:8px}.mobile-nav .sub-menu-level_2 .col-une{min-width:180px;background:transparent;color:#333}.mobile-nav .sub-menu-level_2 .col-une .sub-menu li{padding:.4rem 0;color:#2b6b97}.mobile-nav .sub-menu-level_2 .col-une .sub-menu li.tous{padding:0;margin-bottom:15px}.mobile-nav .sub-menu-level_2>.menu-item .sub-menu li{padding:.3rem 0}.mobile-nav .sub-menu-level_2>.menu-item .sub-menu li a:hover{color:#000;text-decoration:underline}.mobile-nav .large-menu-img{position:relative;height:auto;width:100%;max-width:600px;background-color:#eee;display:flex}.mobile-nav .sub-menu-level_2>.menu-item .sub-menu li.tous>a:hover{text-decoration:none}.mobile-nav .sub-menu-level_2>.menu-item .sub-menu li.tous>a:hover:after{width:0}.mobile-nav .large-menu-img{margin-left:25px;border-radius:3px;overflow:hidden}.mobile-nav .large-menu-img img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;position:absolute;right:0;top:0;width:100%}}.mobile-nav-country .disclosure .localization-form__select{padding:0 2.7rem 0 1.2rem;background-color:#fff;height:3.2rem;font-size:1.3rem;letter-spacing:0;color:#2b6b97;border:1px solid #b9d2e3;transition:border-color .2s;border-radius:3px;padding:0 2.7rem 0 1.2rem!important;height:3.2rem!important;margin:0 1rem;min-height:auto}.mobile-nav-country .disclosure__list-wrapper.country-selector{border-top:1px solid #ddd}
/*# sourceMappingURL=/cdn/shop/t/41/assets/mobile-nav.css.map */