.notification-layer *,.notifications-section *{-webkit-box-sizing:border-box;box-sizing:border-box}.notifications-backdrop{background:#2d2a29;opacity:.5;width:100%;height:100vh;position:fixed;z-index:1300;top:0;left:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;display:block;pointer-events:none;opacity:0}@media screen and (max-width:480px){.notifications-backdrop{top:30px}}.notifications-section{position:fixed;top:0;right:0;background-color:#fff;height:100vh;max-width:360px;width:100%;z-index:1300;-webkit-transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;-webkit-transform:translateX(100%);transform:translateX(100%)}.notifications-section.open{-webkit-transform:translateX(0);transform:translateX(0)}.notifications-section .notification-section-entete{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:10px 15px;gap:5px}.notifications-section .notification-section-entete .cloche{width:32px;height:32px}.notifications-section .notification-section-entete .cloche svg{width:100%;height:100%}.notifications-section .notification-section-entete .titre-layer{font-size:18px;font-weight:600}.notifications-section .notification-section-entete .close-btn{background-color:transparent;border:none;color:transparent;position:absolute;top:3px;right:5px;width:50px;height:50px;cursor:pointer}.notifications-section .notification-section-corps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;padding:10px}.notifications-section .notification-section-corps .gif-chat{margin:100px auto auto;max-width:170px}.notifications-section .notification-section-corps .no-notif{text-align:center;margin-top:40px;width:250px;margin-left:auto;margin-right:auto}.notifications-section .notification-section-corps .notification{-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.0784313725);box-shadow:2px 2px 6px rgba(0,0,0,.0784313725);width:100%;padding:20px 10px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;background:url(arrow.svg) center right no-repeat;background-position-x:calc(100% - 5px)}.notifications-section .notification-section-corps .notification .notification-new-badge .circle{border-radius:999px;width:16px;height:16px;background-color:#d9d9d9;display:block}.notifications-section .notification-section-corps .notification .notification-new-badge.actif .circle{background-color:#7dbc8e}.notifications-section .notification-section-corps .notification .notification-previsualisation{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notifications-section .notification-section-corps .notification .notification-previsualisation .notification-preview-image{display:block;-o-object-fit:contain;object-fit:contain;width:37px;height:37px;border-radius:5px}.notifications-section .notification-section-corps .notification .notification-previsualisation .notification-preview-title{font-size:14px;font-weight:600;max-width:calc(100% - 75px);width:calc(100% - 75px);margin-top:4px;line-height:18px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (max-width:480px){.notifications-section{max-width:100%}.notifications-section .notification-section-corps .notification .notification-previsualisation .notification-preview-title{max-width:calc(100% - 60px)}}.notifications-section .notification-section-corps .notification .notification-previsualisation .notification-preview-title .notif-title{font-weight:700;line-height:20px}.notification-layer{position:fixed;top:55px;right:10px;background-color:#fff;height:100vh;max-width:340px;width:calc(100% - 20px);z-index:1300;-webkit-transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;-webkit-transform:translateX(110%);transform:translateX(110%);-webkit-box-shadow:0 0 6px rgba(0,0,0,.0784313725);box-shadow:0 0 6px rgba(0,0,0,.0784313725);border-radius:10px;height:calc(100vh - 65px)}@media screen and (max-width:480px){.notification-layer{max-width:calc(100% - 20px)}}.notification-layer.open{-webkit-transform:translateX(0);transform:translateX(0)}.notification-layer.vente-flash .notification-center .notification-main-title,.notification-layer.vente-flash .notification-center .notification-smalle-title{text-align:center}.notification-layer .notification-layer-close{position:absolute;border:none;border-radius:999px;top:20px;left:20px;height:40px;width:40px;background:url(arrow.svg) center no-repeat #fff;-webkit-transform:rotate(180deg);transform:rotate(180deg);cursor:pointer;-webkit-transition:-webkit-filter .2s ease-in;transition:filter .2s ease-in;transition:filter .2s ease-in,-webkit-filter .2s ease-in}.notification-layer .notification-layer-close:hover{-webkit-filter:invert(1);filter:invert(1)}.notification-layer .notification-top{width:100%;height:150px;border-top-left-radius:10px;border-top-right-radius:10px}.notification-layer .notification-top.urgentisation{background-color:#de9e83}.notification-layer .notification-top.avis{background-color:#f2d2c3}.notification-layer .notification-top.newsletter{background-color:#c3def2}.notification-layer .notification-top.vente-flash{background-color:#ed6b98}.notification-layer .notification-top.darwin{background-color:#e6ba8f}.notification-layer .notification-top.insta{background-color:#e6fbd9}.notification-layer .notification-top .notification-image{width:60px;height:100%;-o-object-fit:contain;object-fit:contain;margin:auto;display:block;border-top-left-radius:10px;border-top-right-radius:10px}.notification-layer .notification-center{padding:20px 10px}.notification-layer .notification-center .notification-main-title{font-weight:700;font-size:24px;margin-bottom:10px;line-height:28px}.notification-layer .notification-center .notification-smalle-title{font-weight:400;font-size:16px;margin-bottom:20px;line-height:18px}.notification-layer .notification-center .notification-desc{font-weight:500;font-size:14px;margin-bottom:20px;line-height:18px}.notification-layer .notification-center .notification-desc .urgentisation-countdown{font-weight:700}.notification-layer .notification-bottom{background-color:#fff;position:absolute;bottom:100px;padding:10px;width:calc(100% - 10px);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.notification-layer .notification-bottom .notification-main-cta{color:#fff;background-color:#2d2a29;padding:15px 20px;border-radius:5px;font-size:14px;margin:auto;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;-webkit-transition:color .2s ease-in,background .2s ease-in;transition:color .2s ease-in,background .2s ease-in;border:1px solid #2d2a29;line-height:14px;text-decoration:none}.notification-layer .notification-bottom .notification-main-cta:hover{color:#2d2a29;background-color:#fff}.notification-layer .notification-bottom .notification-second-cta{color:#2d2a29;background-color:#fff;padding:15px 20px;border-radius:5px;font-size:14px;margin:20px auto auto;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;-webkit-transition:color .2s ease-in,background .2s ease-in;transition:color .2s ease-in,background .2s ease-in;border:1px solid #2d2a29;line-height:14px;text-decoration:none}.notification-layer .notification-bottom .notification-second-cta:hover{color:#fff;background-color:#2d2a29}.notification-layer .notification-bottom .notification-conditions{color:#2d2a29;text-align:center;font-size:12px;margin:20px auto;display:block}.notification-layer .notification-email-newseletter{padding:0 10px 20px}.notification-layer .notification-email-newseletter .newsletter-input-notif{-webkit-box-shadow:none;box-shadow:none;border-radius:5px;border:1px solid #2d2a29;width:100%}.notification-layer .notification-email-newseletter .zone-newsletter-cb-notif{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.notification-layer .notification-email-newseletter .zone-newsletter-cb-notif label{font-size:12px;color:#2d2a29}.notification-layer .notification-email-newseletter .zone-newsletter-cb-notif label a{color:#2d2a29}.notification-layer .notification-email-newseletter .newsletter-cta-notif{color:#fff;background-color:#2d2a29;padding:15px 20px;border-radius:5px;font-size:14px;margin:10px auto auto;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;-webkit-transition:color .2s ease-in,background .2s ease-in;transition:color .2s ease-in,background .2s ease-in;border:1px solid #2d2a29;line-height:14px;text-decoration:none}.notification-layer .notification-email-newseletter .newsletter-cta-notif:hover{color:#2d2a29;background-color:#fff}.notification-layer .notification-email-newseletter .newsletter-error-notif{color:red;font-size:12px;text-align:center;margin-top:50px;height:16px}.notification-global-div{position:relative;z-index:1301}.vf-products-container{margin-top:40px}.vf-products-container .vf-products{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vf-products-container .vf-products .vf-product{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(50% - 10px);position:relative;display:none}.vf-products-container .vf-products .vf-product .vf-product-link{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.vf-products-container .vf-products .vf-product img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:10px}.vf-products-container .vf-products .vf-product .vf-product-price{display:-webkit-box;display:-ms-flexbox;display:flex}.vf-products-container .vf-products .vf-product .vf-product-price .prixbarre{text-decoration:line-through;margin-right:10px;display:none}.vf-products-container .vf-products .vf-product .vf-product-price .prix{font-weight:700}