/** * Swiper 11.1.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 30, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* * CUSTOM */ /**********************************Cookies************************************/ #cookie-consent-banner { position: fixed; display: flex; padding: 20px; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; bottom: 20px; left: 20px; width: calc(100% - 40px); max-width: 800px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 30px #00000029; border-radius: 3px; opacity: 0.95; font-family: system-ui, sans-serif; font-weight: normal; color: #000000; z-index: 40000; } #cookie-consent-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent */ z-index: 39999; /* Juste en dessous de la bannière */ display: none; /* Masqué par défaut */ } #cookie-consent-banner h3 { text-align: center; font-size: 24px; line-height: 37px; font-weight: 700; margin-bottom: 20px; } #cookie-consent-banner p { text-align: center; font-size: 16px; line-height: 25px; text-wrap: balance; margin-bottom: 20px; } #cookie-consent-banner label { font-size: 18px; line-height: 26px; } #cookie-consent-banner label input { margin-right: 7px; } #cookie-consent-banner .cookie-consent-options, #cookie-consent-banner .cookie-consent-buttons { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 20px; gap: 20px; } #cookie-consent-banner .cookie-consent-buttons button { display: block; width: 200px; height: 50px; border: 0; border-radius: 3px; box-sizing: border-box; color: #fff; font-size: 15px; font-weight: 700; line-height: 23px; cursor: pointer; transition: ease 0.2s; } #cookie-consent-banner .cookie-consent-buttons button:focus{ outline: none; } #cookie-consent-banner .cookie-consent-buttons button:nth-of-type(1) { background-color:transparent; border: 1px solid #333333; color: #333333; } #cookie-consent-banner .cookie-consent-buttons button:nth-of-type(2) { background-color: #365f48; } #cookie-consent-banner .cookie-consent-buttons button:nth-of-type(3) { background-color: #365f48; } #cookie-consent-banner .cookie-consent-buttons button:nth-of-type(3):hover { background-color: #2a533c; } #cookie-consent-banner .cookie-consent-buttons button:nth-of-type(2):hover { background-color: #2a533c; } @media screen and (max-width:600px) { #cookie-consent-banner h3 { font-size: 20px; line-height: 25px; } #cookie-consent-banner p { font-size: 14px; line-height: 16px; } #cookie-consent-banner .cookie-consent-buttons { flex-direction: column; } } /**********************************Fin Cookies************************************/ .category-cover {display: none;} @font-face { font-family: 'nr-icons'; src: url('../fonts/nr-icons/nr-icons.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: Material Icons; font-style: normal; font-weight: 400; src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/material-icons.woff2) format("woff2"), url(../fonts/material-icons.woff) format("woff"); } .page-index #wrapper{background-color: white !important;} .block-category-inner #category-description strong{ font-weight: 600 !important; color: #333333 !important; } @media screen and (min-width:768px){ .page-index .product-miniature .thumbnail-container .product-description{ min-height:220px !important } } .container {width: 1440px;} .titre-40 H2, .titre-40 p { font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(26px + (42 - 26) * ((100vw - 320px) / (1440 - 320)));} .titre-20 H1, .titre-20 H2, .titre-20 p { font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));} .or, .or p {color: #b2a861;} .wd70 {width: 70%!important; margin-left: auto; margin-right: auto;} .wd90 {width: 90%!important; margin-left: auto; margin-right: auto;} .w500, .w500 h2, .w500 p {font-weight: 500;} .bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after { content: "+"; color: #000; font-weight: 700; display: block; margin-top: -2px; } .bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after { content: "-"; color: #000; font-weight: 700; display: block; margin-top: -2px; } /*FAQ*/ @media screen and (max-width:767px){ .faq_desktop{ display: none; } } @media screen and (min-width:768px){ .faq_mobile{ display: none; } } /*Element Blog dans mega menu*/ li.mm_menus_li.mega_menu_blog.mm_sub_align_right.hover { transition: ease 0.6s; -webkit-transition: ease 0.6s; } li.mm_menus_li.mega_menu_blog.mm_sub_align_right.hover:hover { background: black !important; color: white !important; } .mega_menu_blog a:hover { color:white !important } @media screen and (max-width:767px){ li.mm_menus_li.mega_menu_blog.mm_sub_align_right.hover { border: none !important } li.mm_menus_li.mega_menu_blog.mm_sub_align_right.hover:hover { background: none !important; color: white !important; } .mega_menu_blog a:hover { color:black !important } } /*Correction du double H1 en H1 et

dans les catégories*/ p.category-name { color: black; font-weight: 900; font-size: 1.1em; } .bootstrap-touchspin .input-group-btn-vertical { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 5px; margin-left: 5px; } .price-add-to-cart-section { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 20px; } .product-prices { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .bootstrap-touchspin .input-group-btn-vertical .btn-touchspin { margin-top: 0; border-radius: 50%; height: 24px!important; width: 24px!important; background-color: transparent; display: flex; align-items: center; justify-content: center; } .product-quantity .input-group-btn-vertical .btn i { top: unset; left: unset; position: relative; } p, .product-description-short {color: rgb(88, 88, 90);} p, .page-content.page-cms ul { font-size: 18px; line-height: 22px; font-weight: 400; color: #7a7a7a; } /*-------------------------- BOUTON ----------------------------------------*/ .keyword-page.white span { color: #000; background: #fff; } .keyword-page span { color: #fff; background: #8E8E93; padding: 4px 26px; border-radius: 5px 5px 5px 0; position: relative; } .keyword-page.white span::after { background: url('../img/bullet-keyword-white.png') no-repeat center center; } .keyword-page span::after { display: block; width: 22px; height: 8px; background: url('../img/bullet-keyword.png') no-repeat center center; content: "."; font-size: 1px; position: absolute; left: 0px; } .cadre-or {border-style: solid; border-width: 1px 1px 1px 1px; border-color: #b2a861; padding: 10px; text-align: center; background-color: #000; } /*-------------------------- HEADER ----------------------------------------*/ #header-tel a.elementor-button {font-size: 16px; font-weight: 500;} #header .language-selector a {color: white;} #header .language-selector .dropdown-menu a {color: black;} #header .leo-top-menu a:hover { color: #b2a861; } .leo-top-menu ul {display: flex;} .leo-top-menu .navbar-nav .nav-item { margin-left: 30px!important; font-size: 16px; } .leo-top-menu .navbar-nav .nav-item.supreme-menu { margin-left: 10px!important; font-size: 15px; } .leo-top-menu .dropdown-toggle:after {right: 0;} .leo-megamenu {margin-bottom: 0;} .leo-megamenu .navbar-nav>li>a {padding: 20px 10px;} .leo-top-menu .dropdown:hover > .dropdown-menu {top: 60px;} .leo-top-menu .dropdown-menu ul {display: flex; flex-direction: column;} #header .cadre-or a {color: #ffffff;} .dropdown-menu-inner .row:last-child {margin-top: 25px;} .offcanvas-mainnav .navbar-nav li.dropdown .caret:before {content: "+"; font-size: 24px;} .offcanvas-mainnav .navbar-nav li.open-sub>.caret:before { content: "-"; } .nav-item .nav-link, .nav-item .nav-separtor {color: #fff;} .navbar-toggler {width: 48px; height: 48px; padding:0px 0px 10px 0px;} .leo-megamenu .navbar-toggler {font-size: 48px;} .phone-only {display: none;} .aligned-fullwidth .dropdown-menu{ left: -15px; right: 15px; } .dropdown-sub.dropdown-menu {left: -50px;} #header-liv p {text-align: center;} @media (max-width: 1366px) { .aligned-fullwidth .dropdown-menu { left: -150px; right: 15px; } .aligned-left .dropdown-menu { left: -150px; right: 15px; } } @media (max-width: 1230px) { .leo-top-menu .navbar-nav .nav-item { margin-left: 10px!important; } /* Update of 19/12/2022 */ /* #header-tel{ width: 23%; } */ /* .elementor-7170104 .elementor-element.elementor-element-29314cd9 { width: 58%; } */ .elementor-7170104 .elementor-element.elementor-element-f2fbd33 { width: 9%; } .aligned-fullwidth .dropdown-menu { width: 1000px!important;} .aligned-left .dropdown-menu { width: 1000px!important;} .elementor-button.elementor-size-lg {padding: 5px 5px;} /* Update of 19/12/2022 */ /* #header-tel, .header-tel {width: 20%!important; order: 1;} */ /* #header-lang, .header-lang {width: 18%; order: 2;} */ /* #header-liv, .header-liv {width: 40%; order: 3;} */ /* #header-login, .header-login { width: 15%; order: 4;} */ /* #header-cart, .header-cart { width: 10%; order: 5;} */ #header-tel, .header-tel {order: 1;} #header-lang, .header-lang {order: 2;} #header-liv, .header-liv {order: 3;} #header-login, .header-login {order: 4;} #header-cart, .header-cart {order: 5;} } @media (max-width: 1112px) { .elementor-1170104 .elementor-element.elementor-element-36a981a0 { width: 60%; } .elementor-1170104 .elementor-element.elementor-element-2dc4dfbc { width: 22%; } .elementor-1170104 .elementor-element.elementor-element-32f6a738 { width: 10%; } .elementor-1170104 .elementor-element.elementor-element-83a8af { width: 35%; } .elementor-1170104 .elementor-element.elementor-element-3d03d581 { width: 9%; } .elementor-1170104 .elementor-element.elementor-element-5612567c { width: 7%; } .elementor-1170104 .elementor-element.elementor-element-688e2509 { width: 7%; } .elementor-element.elementor-element-29314cd9 /* Update of 19/12/2022 */ /* .header-login {width: 10%;} */ .header-cart {width: 10%;} .leo-megamenu .navbar-nav>li>a { padding: 10px 10px; } .leo-top-menu .navbar-nav .nav-item { margin-left: 0px!important; font-size: 15px; } .aligned-fullwidth .dropdown-menu { width: 980px!important;} .aligned-left .dropdown-menu { width: 980px!important;} } @media (max-width: 990px) { /* #header-logo{width: 60%; order: 2;} */ /* #header-menu {width: 10%; order: 1;} */ /* #header-recherche {width: 10%; order: 3;} */ #header-blog {width: 10%; order: 4;} #header-faq {width: 10%; order: 5;} .elementor-button.elementor-size-xs {padding: 10px 10px;} .elementor-1170104 .elementor-element.elementor-element-2dc4dfbc { width: 25%; } .aligned-left .dropdown-menu { left: -10px; right: 0; } .leo-megamenu .navbar-toggler {margin-bottom: 0px; margin-top: 0px;} .elementor-element-0701750, .elementor-element-4c7b6d6 {width: 100%!important;} .elementor-element-e662784, .elementor-element-188697d, .elementor-element-dd1763c, .elementor-element-28b2255, .elementor-element-6e32bcf, .elementor-element-3fe82b7, .elementor-element-d8403d6, .elementor-element-e569516, .elementor-element-c8ec634, .elementor-element-8659917, .elementor-element-9fe3a80, .elementor-element-542d544, .elementor-element-eb9faaa, .elementor-element-bc1530a, .elementor-element-5ee76eb9, .elementor-element-1ee0a7c2, .elementor-element-26536380, .elementor-element-18f8f645 {width: 50%!important;} #js-product-list .products.row .col-xs-12 {width: 50%;} .offcanvas-mainnav .navbar-nav li.dropdown a.dropdown-toggle { padding: 5px 50px 5px 0; } .offcanvas-mainnav .navbar-nav li.dropdown .caret {width: 50px; height: 30px;} .bouton-menu.cadre-or a {color: white;} .aligned-left .dropdown-menu { width: 280px!important; } /* Update of 19/12/2022 */ /* #header-tel, .header-tel {width: 27%!important; order: 1;} */ /* #header-liv, .header-liv {width: 50%; order: 2;} */ /* #header-lang, .header-lang {width: 23%; order: 3;} */ /* #header-login, .header-login { width: 50%; order: 4;} */ /* #header-cart, .header-cart { width: 50%; order: 5;} */ #header-tel, .header-tel {order: 1;} #header-liv, .header-liv {order: 2;} #header-lang, .header-lang {order: 3;} #header-login, .header-login {order: 4;} #header-cart, .header-cart {order: 5;} #header-tel .elementor-widget-container {padding: 0;} .lien-footer .elementor-element-6d96660 {margin-right: auto; margin-left: auto;} .lien-footer .elementor-element-populated {padding: 0!important;} .lien-footer .elementor-element-6d96660 {margin-top: 15px;} .elementor-3170104 .elementor-element.elementor-element-eba1670 { padding: 10px 0px 20px 0px; } .elementor-7170104 .elementor-element.elementor-element-1c564c5 > .elementor-widget-container { margin: 0px 0px 0px 0px; padding: 0; } .elementor-element-49fac3bc, #header-block1 {padding-left: 10px!important; padding-right: 10px!important;} } @media (max-width: 810px) { .elementor-element-55def8b .elementor-container {flex-direction: column;} .elementor-element-6e32bcf, .elementor-element-3fe82b7, .elementor-element-d8403d6, .elementor-element-e569516 {width: 100%!important;} .elementor-1170104 .elementor-element.elementor-element-5fe2a7d1 { width: 10%; } #header-blog, .elementor-element-6b379f88, .elementor-element-f2fbd33 {display: none;} #barre-menu {padding: 5px 0px 5px 0px;} /* #header-logo, .elementor-element-6bdf7876{width: 80%; order: 2;} */ /* #header-menu, .elementor-element-29314cd9 {width: 10%; order: 1;} */ /* #header-recherche, .elementor-element-1eb3efdb {width: 10%; order: 3;} */ #header-tel .elementor-button-link {float: inline-start;} #header-cart .elementor-cart__wrapper, #header-lang .elementor-widget-container {float: inline-end;} } @media (max-width: 560px) { .elementor-element-49fac3bc, #header-block1 {padding-left: 0px!important; padding-right: 0px!important;} /* Update of 19/12/2022 */ /* #header-tel {width: 38%!important; order: 1; } */ /* #header-tel a, .header-tel a {padding: 5px;} */ /* #header-liv, .header-liv {width: 100%; order: 5; position: absolute; top: 90px;} */ /* #header-lang, .header-lang {width: 28%; order: 2;} */ /* #header-login { width: 17%; order: 2; margin-bottom: 5px; } */ /* #header-cart{ width: 17%; order: 4;} */ /* .header-tel {width: 43%!important; order: 1; } */ /* .header-login { width: 14%; order: 2; margin-bottom: 5px; } */ /* .header-cart { width: 14%; order: 4;} */ /* .header-lang .language-selector a {font-size: 14px;} */ #header-tel {order: 1; } #header-tel a, .header-tel a {padding: 5px;} #header-liv, .header-liv {order: 5; position: absolute; top: 90px;} #header-lang, .header-lang {order: 2;} #header-login {order: 2; margin-bottom: 5px; } #header-cart{order: 4;} .header-tel {order: 1; } .header-login {order: 2; margin-bottom: 5px; } .header-cart {order: 4;} .header-lang .language-selector a {font-size: 14px;} .elementor-button.elementor-size-xs {padding: 0px 0px;} .elementor-7170305 .elementor-element.elementor-element-7e20c62f .elementor-button .elementor-align-icon-left { margin-right: 0px; } #header-lang #language_selector, .header-lang #language_selector {margin-left: 0px!important;} #header-login .elementor-widget-container, .header-login .elementor-widget-container {margin-left: 10px!important;} #header-tel .elementor-widget-container {float: inline-start;} #header-lang .elementor-widget-container {float: inline-start;} .language-selector .dropdown-menu {left: -60px;} #header-liv {padding-top: 5px; padding-bottom: 5px;} #header-liv p {font-weight: 700; color: #000; font-size: 16px; } .menu-item-type-account a>span:not(:first-child) {display: none;} .phone-only {display: inline;} .elementor-2170104 .elementor-element.elementor-element-a25c234 .elementor-product-grid { -ms-grid-columns: repeat(1, minmax(0, 1fr)); grid-template-columns: repeat(1, minmax(0, 1fr)); } .elementor-2170104 .elementor-element.elementor-element-e11487a .elementor-product-grid { -ms-grid-columns: repeat(1, minmax(0, 1fr)); grid-template-columns: repeat(1, minmax(0, 1fr)); } .container, #js-product-list .products.row .col-xs-12 {width: 100%;} .elementor-1170104 .elementor-element.elementor-element-2dc4dfbc { width: 50%; } .elementor-1170104 .elementor-element.elementor-element-83a8af {width: 65%;} .elementor-1170104 .elementor-element.elementor-element-203a0715 .elementor-heading-title {font-size: 14px;} .elementor-1170104 .elementor-element.elementor-element-2721de94 .elementor-button.elementor-size-xs, .elementor-1170104 .elementor-element.elementor-element-83a8af .elementor-button.elementor-size-xs { padding: 0px 0px; } .elementor-nav--main .elementor-nav a, .elementor-nav--main .elementor-nav a:hover { padding: 0px 0px; } .elementor-1170104 .elementor-element.elementor-element-327e4c9 > .elementor-widget-container{float: right; margin-right: 15px;} .elementor-1170104 .elementor-element.elementor-element-5f4b740b .elementor-nav--main {justify-content: center;} .elementor-1170104 .elementor-element.elementor-element-7fccb84f { width: 75%; } .elementor-1170104 .elementor-element.elementor-element-6a60dad8 .elementor-image img { width: 100%; } .elementor-1170104 .elementor-element.elementor-element-3d03d581 { width: 22%; } .elementor-1170104 .elementor-element.elementor-element-5612567c { width: 16%; } .elementor-1170104 .elementor-element.elementor-element-688e2509 { width: 10%; } } @media (max-width: 375px) { .container {width: 100%;} /* Update of 19/12/2022 */ /* #header-tel {width: 50%!important; order: 1; } */ /* #header-tel a {padding: 5px;} */ /* #header-liv {width: 100%; order: 5; position: absolute; top: 120px;} */ /* #header-lang {width: 50%; order: 2;} */ /* #header-login { width: 50%; order: 2; margin-bottom: 5px; } */ /* #header-cart { width: 50%; order: 4;} */ #header-tel {order: 1; } */ #header-tel a {padding: 5px;} #header-liv {order: 5; position: absolute; top: 120px;} #header-lang {order: 2;} #header-login {order: 2; margin-bottom: 5px; } #header-cart {order: 4;} #barre-menu {padding: 5px 0px 5px 0px;} /* Update of 19/12/2022 */ /* #header-logo{width: 70%; order: 2;} */ #header-logo{width: 65%; order: 2;} #header-menu {width: 15%; order: 1;} #header-recherche {width: 15%; order: 3;} #header-liv p { font-size: 14px;} .titre-40 H2, .titre-40 p {font-size: 16px!important;} .keyword-page.white {font-size: 14px;} .keyword-page span {padding: 4px 6px;} #header-lang .elementor-widget-container { float: inline-end; } } /* --------------------- FOOTER_ ------------------------------------------ */ #module-prestablog-blog #footer p { text-align: center; } @media (max-width: 810px) { #footer-block5 h6, #footer-block6 h6, #footer-block7 h6 {padding-bottom: 15px;} .elementor-element-306cf448, .elementor-element-442a35c6, .elementor-element-6ee5d589 , .elementor-element-6447e1c, #footer-block5 .elementor-column.elementor-col-50, #footer-block6 .elementor-column.elementor-col-50, #footer-block7 .elementor-column.elementor-col-50 {width: 50%!important; text-align: center;} #footer-block5 .elementor-column.elementor-col-50 {padding-top: 15px;} } @media (max-width: 560px) { } /* --------------------- Home ------------------------------------------ */ @media (max-width: 800px) { #article-block1 .elementor-product-grid, #article-block2 .elementor-product-grid {-ms-grid-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr)); } .elementor-element-9a941e8 .elementor-product-grid, .elementor-element-e11487a .elementor-product-grid {-ms-grid-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { #home-block1 h1 {text-align: center;} #article-block1 .elementor-product-grid, #article-block2 .elementor-product-grid {-ms-grid-columns: repeat(1, minmax(0, 1fr)); grid-template-columns: repeat(1, minmax(0, 1fr)); } } /* --------------------- Produit ------------------------------------------ */ /* .thumbnail-top {background-color: rgba(208, 208, 208, 0.34);} */ .product-cover .material-icons {width: auto; height: 1em; font-family: Manrope, sans-serif;} .block-texte h1 {border-bottom: 1px solid hsla(0,0%,63%,.25);padding-bottom: 15px !important; padding-top: 10px;} .block-info {padding-top: 25px;} .products-grid .thumbnail-container { /* background: #e8e8e8; */ background-image: linear-gradient(180deg, #e8e8e8 0%, #d4d4d4 100%); border-radius: 5px; box-shadow: 0px 3px 6px #00000029; } .page-content.page-cms.page-cms-10 {background-color: #f6f6f6;} #wrapper {background-color: #f4f5f5;} h1 .cms {text-align: center; font-size: 30px;} .breadcrumb li a, .breadcrumb li span {font-size: 12px;} .elementor-toggle a, .traitement a { color: #b2a861; } img.img-cat { width: 320px; aspect-ratio: auto 320 / 180;} #subcategories .subcategory-image a { position: relative; display: block; box-shadow: 0px 3px 6px #00000029; border-radius: 5px; } .product-miniature .thumbnail-container {width: 100%; border-radius: 5px;} .product-flags li.product-flag.on-sale, .product-flags li.product-flag.discount {background-color: #b2a861; } .product-miniature .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after { border-top: #7a7a7a 0px solid; } .product-description .product-description-short, .row.product-price-and-shipping {width: 90%; margin-left: auto; margin-right: auto; min-height: 40px;} .product-miniature .product-title a {font-size: 24px; color: rgb(88, 88, 90); font-weight: 600;} .row.product-price-and-shipping {padding-top: 15px;} .row.product-price-and-shipping .col-xl-6 {padding-left: 0px; padding-right: 0px;} .product-prices.js-product-prices, .product-add-to-cart.js-product-add-to-cart {display: flex;} .product-prices .product-price {color:#000; font-size: 1.688rem; font-weight: 600;} .has-discount .discount {background: #000;} .product-flags li.product-flag {margin-top: 10px; margin-left: 10px; border-radius: 5px; text-transform: none; font-size: 14px; font-weight: 500;} .product-miniature .product-flags li.product-flag {font-weight: 500;} .product-flags li.product-flag.on-sale {width: 80px;} .product-price-and-shipping .product-price { color: #fff; font-size: 20px; background: #b2a861; border-radius: 5px; padding: 5px 16px;} .js-product-add-to-cart .btn-primary { font-weight: 600; background-color: #000; border: 1px solid #000 ; border-radius: 2px 2px 2px 2px; padding: 10px 10px 10px 10px; color: #fff; width: 100%; margin-left:10px; transition: all 0.3s; } .js-product-add-to-cart .btn-primary:hover {background-color: #fff; color: #000; } .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group, .bootstrap-touchspin .btn-touchspin {border: 1px solid #000;} .js-content-wrapper .col-md-12 {padding-right: 0px; padding-left: 0px;} .tabs .nav-tabs .nav-link {font-size: 18px; } .tabs .nav-tabs .nav-link.active {color: #b2a861;} .tabs .nav-tabs .nav-link.active {border-bottom: #b2a861 3px solid;} .tabs .nav-tabs .nav-link:hover {border-bottom: #b2a861 3px solid;} .product-quantity {justify-content: flex-start; width: 100%; } .product-variants {display: flex; /* align-items: center; */ flex-direction: column; } .product-variants-item-12 {width: 68%;} /*.clearfix.choices {width: 32%;}*/ .product-variants-item-22 {display: flex; flex-direction: column;} .product-variants-item-22 .form-control-label {width: 100%;} /* .product-variants-item-22 .select-color{width: 66.66667%; background-color: #fff; border-radius: 5px; padding: 10px; margin-right: 20px;} */ /* .product-variants-item-22 .bloc-choix {width: 33.33333%; background-color: #fff;border-radius: 5px; padding: 10px; } */ .choice-color {display: flex;} #choice-color span {width: 2rem; height: 2rem; line-height: 2rem;} #choice-color span{ border-radius: 100px; border: none; outline:none; box-shadow:0px 3px 6px #00000029; position:relative; top: 8px; display: inline-block;} .mif {position: absolute; top: -16px; right: -16px; z-index:1; } .product-additional-info {flex-direction: row;} .block-image {padding-right: 0px; padding-left: 0px; background-color: #fff;} /* .product-actions.js-product-actions {margin-top: -100px;} .product-actions.js-product-actions.variant_ok {margin-top: -150px;} */ .product-cover img { border-radius: 5px; } /* Update from 14/12/2022 */ /* .block-prix {display: flex; justify-content: center;} */ .block-prix {display: flex;} /* .block-choix {margin-top: -50px;} */ .ajouter {display: flex; margin-top: -40px; width: 100%;} .product-add-to-cart.js-product-add-to-cart {width: 100%;} .ajouter .block1 {width: 66.66667%; } .variant_ok .ajouter .block1 { margin-right: 20px;} .ajouter .block2 { width: 33.33333%; margin-left: 0px; background-color: #fff; border-radius: 5px; padding: 10px; } .av_category_stars a {color:#b2a861 ;} .netreviews_font_stars div { position: absolute; font-size: 16px; line-height: 16px; } .nr-icon.grey { color: #D1D1D1 !important; } .nr-icon { font-family: 'nr-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nr-star:before { content: "\e903"; } .netreviews_review_rate_and_stars { display: block; width: 100%; padding: 0; margin: 0; height: 20px; position: relative; } .av_category_stars { display: block; text-align: right !important; margin: 0 !important; height: 20px; float: right !important; } .av_category_stars .netreviews_review_rate_and_stars { float: left; display: inline-block; line-height: 20px; width: 95px; } .av_category_stars .ratingText { display: inline-block; line-height: 20px; vertical-align: super; font-size: 13px; font-weight: 500; position: relative; float: left; } .product-quantity .add {width: 80%;} #main #product-preloader{ position:absolute; top: 50%; left: 50%; margin-top: 180px; } #main #product-preloader .fa-spin{ font-size: 68px; color: #8E8E93; } #product-preloader{ display: none; } /* Update from 14/12/2022 */ /* .product-accessories {background-color: #3e3e3e; margin-top: 80px; border-radius: 5px;} */ /* .product-accessories h5 {color: #fff; padding-top: 30px; padding-bottom: 10px;} */ .product-accessories h5 {padding-top: 30px; padding-bottom: 10px;} .js-product-container .col-md-8 {padding-right: 0px; padding-left: 0px;} /* Update from 14/12/2022 */ /* .row.product-container.js-product-container {margin-right: 0; margin-left: 0; display: flex; flex-wrap: wrap;} */ .row.product-container.js-product-container {display: flex; flex-wrap: wrap;} .product-discounts, .product-cover { margin-bottom:0; } .block-achat, .block-haut {display: flex; flex-wrap: wrap; flex-direction: row;} .block-prix {width: 30%;} .block-prix2 {display: none;} .block-haut1 {width: 50%;} .product-additional-info {padding-top: 30px; display: flex; flex-wrap: wrap; justify-content:center ;} .product-additional-info .info-block { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;} .product-additional-info .info-block1, .product-additional-info .info-block2, .product-additional-info .info-block3 {width: 33%;} .product-additional-info .info-block1 p, .product-additional-info .info-block2 p {font-size: 16px; line-height: 18px;} .product-additional-info img { max-width: 100%; height: auto; } .product-quantity {display: flex; flex-direction: row;} .product-line-grid-right .row .col-md-10.col-xs-6 .row {display: flex; flex-direction: column;} .input-group.bootstrap-touchspin {display: flex;} .product-line-grid-right .price { font-size: 20px;} .agrandir-image i {color: #fff; font-size: 50px; } @media (max-width: 1100px) { .product-additional-info .info-block1 p, .product-additional-info .info-block2 p { font-size: 14px; line-height: 16px; } } @media (max-width: 840px) { .product-container .col-md-8, .product-container .col-md-4, .product-container .col-md-12 { float: left; width: 100%; } .product-additional-info {flex-wrap: nowrap;} .row.product-container.js-product-container .col-md-4 {order: 1;} .row.product-container.js-product-container .col-md-8 {order: 2;} .row.product-container.js-product-container .col-md-12 {order: 3;} .block-choix .ajouter .block1 { display: none; } .product-variants-item-22 {flex-wrap: wrap;} .product-variants-item-22 .select-color, .product-variants-item-22 .bloc-choix { width: 100%; } .product-variants-item-22 .bloc-choix {margin-left: 0px;} .row.product-container.js-product-container .block-texte {order: 2;} .ajouter .block2 {width: 100%; margin-left: 0px; padding-top: 20px;} .product-additional-info img { max-width: 100%; height: auto; } .tabs .nav-tabs .nav-link { font-size: 16px; } .ajouter { width: 100%;} } @media (max-width: 575px) { .block-achat {background-color: #f9f6d7;} .ets-ept-list-tabs-more-info .nav-tabs { display: flex; flex-direction: column; } .tabs .nav-tabs .nav-item {margin-bottom: 5px;} .tabs .nav-tabs .nav-link.active { background: #b2a861; color: #fff; border-radius: 5px;} .tabs .nav-tabs .nav-link { background: #fff; color: #b2a861; border-radius: 5px; border-width: 1px 1px 1px 1px; border-color: #b2a861;} .product-variants { flex-direction: column; } .product-variants-item-12, .clearfix.choices {width: 100%; } #wrapper { padding-top: 35px; } .breadcrumb.hidden-sm-down {display: inline; } .breadcrumb ol{ margin-top: 10px;} .row.product-container.js-product-container {padding-top: 15px;} .product-additional-info {flex-direction: column;} .block-prix { width: 100%; } .block-prix2 {display: inline; width: 100%;} .product-additional-info .info-block1 p, .product-additional-info .info-block2 p { font-size: 18px; line-height: 20px; } .block-haut2x {display: none;} .product-additional-info .info-block { flex-direction: column ;} .product-additional-info .info-block1, .product-additional-info .info-block2 {width: auto; } .product-additional-info .info-block3 {width: 50%; margin-bottom: 25px;} .ajouter {margin-top: 20px; padding-right: 0;} .product-quantity .qty, .product-quantity .add {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;} .product-quantity .add {width: 80%; margin-left: auto; margin-right: auto; } .bootstrap-touchsp in .input-group-btn-vertical {display: flex;} .product-quantity .input-group-btn-vertical .btn { padding: 15px; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {margin-top: 0px;} .product-quantity .input-group-btn-vertical .btn i {font-size: 3rem;} .input-group-btn-vertical .bootstrap-touchspin-down .touchspin-down {line-height: 24px;} .product-quantity {flex-direction: column;} .input-group-btn-vertical {display: flex!important;} .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up, .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {width: 80px; height: 50px;} .product-quantity #quantity_wanted {width: 50px; height: 50px;} .product-line-grid-right .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up, .product-line-grid-right .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {width: 40px; height: 40px;} .bootstrap-touchspin .input-group-btn-vertical i.touchspin-up { top: 7px; left: 7px; font-size: 20px; } .bootstrap-touchspin .input-group-btn-vertical i.touchspin-down { top: -1px; left: 8px; font-size: 20px; } .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical i.touchspin-up { top: 7px; left: 25px; font-size: 30px; } .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical i.touchspin-down { top: 1px; left: 25px; font-size: 30px; } .bootstrap-touchspin-down .material-icons.touchspin-down {padding-top: 5px;} } /* le-blog */ .header-article {max-width: 1000px;} .header-article {padding: 20px 0;} #module-prestablog-blog h1 {color: #000; font-family: Manrope, sans-serif; margin: 10px 0;} /* #module-prestablog-blog a.btn {color: #fff; border: 1px solid #b2a861;} */ #module-prestablog-blog a.btn {color: #fff; border: 1px solid #b2a861; transition:all 0.3s; padding: .5rem 1.25rem; } #module-prestablog-blog .elementor-widget-container a.btn {color: #b2a861; border: 1px solid #b2a861; transition:all 0.3s; padding: .5rem 1.25rem; } #module-prestablog-blog a.btn:hover {background-color: #fff; color:#b2a861;} #module-prestablog-blog h1 { color: rgb(88, 88, 90); font-weight: 600;} #module-prestablog-blog h2 {font-family: Manrope, sans-serif; font-size: 24px; line-height: 26px; margin: 10px 0 20px 0px; color: rgb(88, 88, 90); font-weight: 600;} #module-prestablog-blog h3 {font-family: Manrope, sans-serif; font-size: 20px; color: rgb(88, 88, 90);} #module-prestablog-blog h6 {font-family: Manrope, sans-serif; font-size: 18px; line-height: 22px; margin: 20px 0 0 0;color: rgb(88, 88, 90); } #module-prestablog-blog .elementor-product-link h3 {font-family: Manrope, sans-serif; font-size: 16px; line-height: 189x; margin: 0 ;} #module-prestablog-blog .elementor-widget .elementor-product-miniature {border-radius: 10px;} #prestablogfront {padding: 0;} #prestablogfront p {color: rgba(31, 29, 32, 1)!important;} #blog_article_linked #blog_list_1-7 li { width: 30%; max-height: 277px; overflow: hidden;} .prestablogExtra {padding: 40px!important;} .block_overlay {top: 15px; text-align: left;} .block_overlay h4 {font-family: Manrope, sans-serif; } #blog_list_1-7.three_article li { width: 30%; } #module-prestablog-blog p, #module-prestablog-blog li, #module-prestablog-blog .elementor-text-editor {line-height: 22px!important; font-weight: 400; color: #7a7a7a;} .fond-beige {background-color: #efeee5; padding-left: 15px; padding-right: 15px;} .bord10 img {border-radius: 10px 10px 10px 10px; max-width: 100%; height: auto;} .block-65 { width: 65%!important; } .block-35 { width: 35%!important; } @media (max-width: 1112px) { #module-prestablog-blog h1 { font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(26px + (38 - 26) * ((100vw - 320px) / (1440 - 320)));} #module-prestablog-blog h2 { font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(18px + (24 - 18) * ((100vw - 320px) / (1440 - 320)));} #module-prestablog-blog h3 { font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));} } @media (max-width: 1024px) { .elementor-element-a3611cf img {max-width: 370px;} .block-65 { width: 55%!important; } .block-35 { width: 45%!important; } } @media (max-width: 800px) { #picto-made-in-france .elementor-widget-container { margin: -50px 0px 0px 0px; } #blog_article_linked #blog_list_1-7 li { width: 50%; padding: 7px; } .prestablogExtra {padding: 10px!important;} .block-articles {width: 70%!important; margin-left: auto; margin-right: auto;} .block-1 {order: 2;} .block-2 {order: 1;} .block-65 { width: 100%!important; } .block-35 { width: 100%!important; } } @media (max-width: 490px) { #picto-made-in-france .elementor-widget-container { margin: -40px 0px 0px 0px; } #picto-made-in-france img { width: 25%; } .block-articles {width: 90%!important; margin-left: auto; margin-right: auto;} .block_overlay h4 { font-size: 17px; line-height: 22px; } #module-prestablog-blog .container {padding-left: 0px; padding-right: 0px;} #module-prestablog-blog .breadcrumb ol{padding-left: 10px; padding-right: 10px;} #blog_list_1-7.three_article li { width: 100%; } } /* Onepage chexkout */ div#onepagecheckoutps #onepagecheckoutps_step_two {padding-left: 15px;} #onepagecheckoutps_contenedor .row {padding: 15px;} #oonepagecheckoutps_step_two_container h5 {padding-left: 20px;} #onepagecheckoutps_step_two_container .colissimo-pickup-point-address {text-align: center;} @media (max-width: 1112px) { #colissimo-select-pickup-point {font-size: 14px;} } @media (max-width: 1024px) { #colissimo-select-pickup-point {padding: 0.5rem 0.8rem;} } /* Sub categories */ #subcategories .subcategory-image{ border: none; margin-bottom: 30px; } #subcategories .subcategory-image a img{ border-radius: 5px; } #subcategories .subcategory-image a .subcategory-name{ position: absolute; top: 0; left: 0; width: 65%; height: 100%; display:block; text-align:left; padding: 15px; /*background: rgba(0,0,0,0.5);*/ background: #393B3A; border-radius: 5px 0px 0px 5px; /*backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);*/ opacity: 1; transition: all 0.2s; } #subcategories .subcategory-image:hover{ opacity: 1 !important; } #subcategories .subcategory-image a:hover .subcategory-name{ width: 80%; } #subcategories .subcategory-image a .subcategory-name .infos-subcat{ position: absolute; bottom: 20px; left: 15px; } #subcategories .subcategory-image a .subcategory-name .infos-subcat .subcategory-name-title{ color: #fff; /*font-family: 'Playfair Display', serif;*/ font-size: 18px; font-weight: 700; line-height: 21px; margin-bottom: 15px; } #subcategories .subcategory-image a .subcategory-name .infos-subcat .subcategory-name-more span{ cursor:pointer; background: #fff; color: #000 !important;margin: 0 auto;border-radius: 100px; text-align:left; padding: 4px 8px !important;font-size: 12px !important;font-weight: 600 !important;line-height: 1.5; } #subcategories .subcategory-image a .subcategory-name .infos-subcat .subcategory-name-more span:hover{ background: #000; color:#fff !important; } /* DECLINAISONS */ /* .custom-select2, .custom-select2 option{ background: none; color: #fff !important; } */ .js-address-form .custom-select2, .js-address-form .custom-select2 option{ background: none; color: #777 !important; } .custom-select2 .form-control{ color: #fff !important; } .js-address-form .custom-select2 .form-control{ color: #777 !important; } .js-address-form .custom-select2::after { color: #777; right: 15px; } .custom-select2::after { color: #fff; right: 15px; } select.form-control:not([size]):not([multiple]) { height: 2.8rem; } .input-container{position:relative;} .product-variants .input-color, .product-variants .input-radio{position:absolute; opacity:0;} .product-variants > .product-variants-item{ margin-right: 0; } .product-variants .form-control-label{ color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 15px; } .product-variants>.product-variants-item { margin: 0; } .product-actions .control-label { width: auto; } .product-variants .form-control {border: 1px solid #000; border-radius: 0px;} /* DECLINAISONS */ /* .custom-select2, .custom-select2 option{ */ /* background: none; */ /* color: #fff !important; */ /* } */ .js-address-form .custom-select2, .js-address-form .custom-select2 option{ background: none; color: #777 !important; } .custom-select2 .form-control{ color: #000 !important; } .js-address-form .custom-select2 .form-control{ color: #777 !important; } .js-address-form .custom-select2::after { color: #777; right: 15px; } .custom-select2::after { color: #fff; right: 15px; } select.form-control:not([size]):not([multiple]) { height: 2.8rem; } .input-container{position:relative;} .product-variants .input-color, .product-variants .input-radio{position:absolute; opacity:0; width: 100%; height: 100%;} .product-variants > .product-variants-item{ margin-right: 0; } .product-variants .form-control-label{ color: #000; font-size: 18px; font-weight: 400; height: 1rem !important; } /* Contenance */ .form-control-label{padding-top:0;} #group_12 .color, #group_12 .custom-checkbox input[type="checkbox"] + span.color, #group_12 .radio-label{ color: #000 ; border: 1px solid #b2a861 !important; outline: none; padding: 6px 12px !important; font-size: 14px; border-radius: 5px; background:none ;} #group_12 .input-color:checked + span, #group_12 .input-color:hover + span, #group_12 .input-radio:checked + span, #group_12 .input-radio:hover + span{ border: 1px solid #fff !important; background: #b2a861; color: #fff; } /* Couleurs */ #choix-couleurs-alta ul, #choix-couleurs-pantone ul, #choix-couleurs-auto ul, .product-variants-item-12 ul {display: flex; flex-wrap: wrap;} /* Update of 14/12/2022 */ /* .product-variants-item-12 ul {justify-content: flex-start; margin-top: 15px;} */ .product-variants-item-12 ul {justify-content: flex-start;} #group_22 li, #group_23 li, #group_25 li, #group_26 li{ margin-right: .4rem; margin-bottom: .4rem; } #group_22 .color, #group_22 .custom-checkbox input[type="checkbox"] + span.color, #group_23 .color, #group_23 .custom-checkbox input[type="checkbox"] + span.color, #group_25 .color, #group_25 .custom-checkbox input[type="checkbox"] + span.color, #group_26 .color, #group_26 .custom-checkbox input[type="checkbox"] + span.color{ border: none; outline: none; padding: 0 !important; font-size: 14px; border-radius: 100px; display: block; width: 2rem; height: 2rem; line-height: 2rem; } #group_12 .radio-label{ border: none; outline: none; padding: 6px 12px !important; font-size: 14px; border-radius: 5px; display: block; } #group_22 .input-color + span, #group_23 .input-color + span, #group_25 .input-color + span, #group_26 .input-color + span{ box-shadow: 0px 3px 6px #00000029; } #group_22 .input-color:checked + span, #group_22 .input-color:hover + span, #group_22 .input-radio:checked + span, #group_22 .input-radio:hover + span, #group_23 .input-color:checked + span, #group_23 .input-color:hover + span, #group_23 .input-radio:checked + span, #group_23 .input-radio:hover + span, #group_25 .input-color:checked + span, #group_25 .input-color:hover + span, #group_25 .input-radio:checked + span, #group_25 .input-radio:hover + span, #group_26 .input-color:checked + span, #group_26 .input-color:hover + span, #group_26 .input-radio:checked + span, #group_26 .input-radio:hover + span{ box-shadow: 0px 3px 6px #00000029; border: 3px solid #000; } /* Couleurs PANTONE */ /* Update of 14/12/2022 */ /* .bloc-couleurs-alta, */ /* .bloc-couleurs-pantone{ margin: 15px 0 !important;} */ /* Update of 14/12/2022 */ /* .afficheNuanciers{ margin: 0 0 15px 0; text-align:center; } */ .afficheNuanciers{ margin: 0 0 15px 0;} .afficheNuanciers li{ display: inline-block; text-align:center; } .afficheNuanciers a{ font-size: 12px; color: #8E8E93 !important; border: 1px solid #b2a861; padding: 6px 12px; border-radius: 5px; transition: all 0.2s; cursor: pointer; } .afficheNuanciers a:hover, .afficheNuanciers a.active{ color: #fff !important; background: #b2a861; border: 1px solid #b2a861; } /*.choixEchantillon{ margin-top: 15px; }*/ .choixEchantillon input, .choixEchantillon input:hover{ width: 180px !important; padding: 8px 16px !important; border-radius: 100px !important; height: 2.5rem !important; line-height: 2rem !important; transition: all 0.2s; cursor: pointer; } /* .choixEchantillon span{ width: 180px !important; padding: 8px 16px !important; border-radius: 100px !important; height: 2.5rem !important; border: 1px solid #8E8E93; color: #8E8E93; line-height: 2rem !important; transition: all 0.2s; cursor: pointer; } */ /* .choixEchantillon input:checked + span, */ /* .choixEchantillon input:hover + span{ color: #fff !important; background: #FF6F61; border: 1px solid #FF6F61 !important; line-height: 2rem !important; } */ .choixEchantillon span{ padding: 3px 10px!important; border-radius: 5px!important; border: 1px solid #8E8E93; color: #8E8E93; transition: all 0.2s; cursor: pointer; } .choixEchantillon input:checked + span, .choixEchantillon input:hover + span{ color: #fff !important; background: #b2a861 !important; border: 1px solid #b2a861 !important; } .scrollyes{ height: 280px; overflow:scroll; } .choices{margin-top: 15px;} #choice-contenance, #choice-color{ font-size: 15px; } #choice-contenance a, #choice-color a{ color: #FF6F61; cursor:pointer; } /* --------------------- CMS Page ------------------------------------------ */ .page-content.page-cms {border-radius: 5px;} /* --------------------- Category ------------------------------------------ */ /* .cat-header .cat_desc p {color: #000;} */ .cat-header .cat_desc p strong {color: #000; font-weight: bolder;} .cat-header .img-fluid {border-radius: 5px;} .block-category {min-height: 1.75rem;} @media (max-width: 1366px) { img.img-cat { width: 300px; height: 160px; } } @media (max-width: 1112px) { img.img-cat { width: 240px; height: 140px; } } @media (max-width: 1024px) { img.img-cat { width: 220px; height: 130px; } } @media (max-width: 950px) { #subcategories .row {display: flex; flex-wrap: wrap; justify-content:center ;} .elementor-element-301aea8, .elementor-element-edda58d {width: 50%!important;} img.img-cat { width: 380px; height: 180px; } } @media (max-width: 768px) { img.img-cat { width: 300px; height: 160px; } } @media (max-width: 695px) { #subcategories {display: none;} #js-product-list .col-xs-6 { width: 100%; } .elementor-element-301aea8, .elementor-element-edda58d {width: 100%!important;} } .netreviews_rate_percent, .netreviews_rate_percent:hover, .av_product_award #bottom { background: #FFCD00; } .nr-icon.gold,.netreviews_rate_list_item .av_star_index, .netreviews_rate_list_item { color: #FFCD00; } .nr-icon.grey { color: #D1D1D1 !important; } @media screen and (max-width:600px) { .netreviews_logo { position: relative!important; display: block!important; margin: 5px auto!important; top: 0px!important; left: auto!important; right: auto!important } .netreviews_certification { position: relative !important; top: 0px !important; text-align: center; display: block; width: 100%; padding: 0px; z-index: 10; right: auto !important; } .netreviews_rating_header { height: auto!important } .netreviews_global_rating { width: 100%!important; border-right: 0px!important; position: relative!important; left: auto!important; right: auto!important; top: auto!important } .netreviews_rating_content { height: auto!important } .netreviews_global_rating_details { display: none!important } .netreviews_rating_header .av-certificate { width: 100%; text-align: center } .netreviews_rating_header .av-certificate label { position: relative !important; top: -20px !important; margin: auto; width: 200px; display: block; left: 0; text-align: center; } .netreviews_rating_header .av-certificate span { width: 100%!important; right: 5%!important; top: 95px!important; } } .nr-icon { font-family: 'nr-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nr-comment:before { content: "\e900"; color: #2C2C2C; } .nr-exit:before { content: "\e901"; } .nr-info:before { content: "\e902"; } .nr-star:before { content: "\e903"; } .netreviews_bg_stars_big { display: block; width:120px; height:24px; padding:0px; border:none; text-decoration: none; outline:none; margin:0px auto; } .netreviews_bg_stars_big span, .netreviews_review_rate_and_stars span, .netreviews_bg_stars span { overflow: hidden; display: inline; line-height: auto !important; margin: unset !important; } .netreviews_bg_stars_big div { position: absolute; font-size: 24px; line-height: 24px; } .netreviews_bg_stars_big div .nr-star:before{ font-size: 24px; } .netreviews_font_stars div .nr-star:before{ font-size: 16px; } .netreviews_font_stars div { position: absolute; font-size: 16px; line-height: 16px; } .netreviews_font_stars{ display:block !important; } .nrResponsive .netreviews_logo { position: relative ; display: block ; margin: 5px auto ; top: 0px ; left: auto; right: auto; } .nrResponsive .netreviews_certification { color: rgb(102, 101, 100); font-weight: 600; transition: color 0.2s; position: relative; right: auto; left: auto; height: 40px; font-size: 13px; margin-top: 0px !important; text-align: center; margin: 20px auto 0px auto; display: block; width: 100%; padding: 0px; z-index: 10; top: 15px; } .nrResponsive .netreviews_rating_header { height: auto ; } .nrResponsive .netreviews_global_rating { width: 100% ; border-right: 0px ; position: relative ; left:auto ; right:auto ; top:auto ; } .nrResponsive .netreviews_rating_content { height: auto ; } .nrResponsive .netreviews_global_rating_details { display: none ; } .nrResponsive .netreviews_rating_header .netreviews_icone_info, .nrResponsive .netreviews_rating_header .netreviews_exit_info { width: 18px; } .nrResponsive .netreviews_rating_header .av-certificate { width: 100%; text-align: center; line-height: 14px; } .nrResponsive .netreviews_rating_header .av-certificate label { position: relative; top: -20px; left: 0px; } .nrResponsive .netreviews_rating_header .av-certificate #netreviews_informations { width: 90% ; right: 5% ; top: 120px ; } .av_product_award { font-family: "Nunito", Arial, Helvetica, sans-serif; height: 72px; background: #f0f0f0; border: 1px solid #b6b6b6; border-radius: 15px; position: relative; margin: 10px 0; width: 220px; clear: both } .av_product_award .netreviews_stars{ margin: auto; } .av_product_award img#sceau { position: absolute; right: -12px; top: -10px; width: 90px } .av_product_award #bottom { background: #f7ad26; background: -moz-linear-gradient(top, #f7ad26 1%, #f49112 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f7ad26), color-stop(100%, #f49112)); background: -webkit-linear-gradient(top, #f7ad26 1%, #f49112 100%); background: -o-linear-gradient(top, #f7ad26 1%, #f49112 100%); background: -ms-linear-gradient(top, #f7ad26 1%, #f49112 100%); background: linear-gradient(to bottom, #f7ad26 1%, #ffc400 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7ad26', endColorstr='#f49112', GradientType=0); height: 24px; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; position: absolute; width: 90%; padding-top: 3px; } .av_product_award #bottom a { color: #000; text-align: center; font-weight: 400; display: block; margin-right: 47px; } .av_product_award #top .netreviews_font_stars div{ font-size: 18px; line-height: 18px; } .av_product_award #top .netreviews_font_stars{ display: block; margin: auto; width: 85px; } .av_product_award #top .ratingText{ text-align: center; font-size: 14px; font-weight: bold; color: #3c3d3c; } .av_product_award #top { width: 68%; display: grid; height: 46px; vertical-align: middle; padding-top: 5px; } .netreviews_stars_light { height: 20px; border: none; position: relative; margin: 5px 0px 5px 0px; background: 0 0; width: 100%; } .netreviews_stars_light #top { text-align: left; width: 100% } .netreviews_stars_light #slide { left: 85px; position: absolute; bottom: 1px; line-height: 20px; } .netreviews_stars_light a:hover { text-decoration: none; } .netreviews_stars_light .netreviews_stars { display:inline-block; } .netreviews_exit_info { width: 17px; height: 17px; float: right; cursor: pointer; margin-top: -16px; margin-right: -15px } .netreviews_rating_header .av-certificate label { text-decoration: none; position: relative; transition: color 0.2s; cursor: help; z-index: 10; font-size: 11px; font-weight: normal; width: 190px; } #netreviews_reviews_tab { font-family: "Nunito", Arial, Helvetica, sans-serif; overflow: hidden; margin: 0 auto; padding: 0; width: 100%; position: relative; max-width: 1300px; color: #2c2c2c } #netreviews_rating_section { display: block; padding: 15px; background-color: #FFF; border-bottom: 1px solid #E7E9EE; margin: 0 auto; border-radius: 5px; } .netreviews_rating_header .av-certificate label { top: 35px; color: rgb(150, 160, 170); text-decoration: none; font-size: 12px; position: absolute; right: 0; transition: color 0.2s; cursor: pointer; z-index: 10; } .netreviews_rating_header .av-certificate { /* width: 100%; */ float: right; text-align: left } .netreviews_rating_header .av-certificate span { height: auto; width: 450px; background-color: #ffffff; border: 1px solid #e7e9ee; padding: 20px 25px; position: absolute; top: 70px; right: 15px; z-index: 11; display: none; margin: 0; } .netreviews_rating_header .av-certificate span a { font-weight: bold; text-decoration: underline; } .netreviews_rating_header .av-certificate span p{ font-size: 12px; color: black; line-height: 18px; } .netreviews_rating_header { display: block; width: 100%; padding: 0; margin: 0; position: relative; height: 55px; text-align: center } .netreviews_logo { position: absolute; top: 20px; left: 15px; width: 200px; height: auto; } .netreviews_certification, .netreviews_certification:visited { color: rgb(102, 101, 100); text-decoration: none; font-size: 13px; position: relative; top: 15px; /* padding: 30px; */ transition: color 0.2s; font-weight: 600; } .netreviews_certification:hover { color: rgb(47, 47, 47); text-decoration: none; } .netreviews_rating_content { width: 100%; display: block; position: relative; height: 170px; margin-top: 15px; } .netreviews_global_rating { display: block; width: 50%; margin: 0; border-right: solid #DDD 2px; position: absolute; top: 25px; left: 0; padding: 0 } #product #netreviews_reviews_tab .netreviews_rating_content p { margin: 0; padding: 0; } .netreviews_note_generale { display: block; font-size: 58px; font-weight: lighter; width: 100%; text-align: center !important; color: #2c2c2c; line-height: 58px !important; padding: 0 0 12px 0 !important; } .page-product-box p.netreviews_note_generale, .page-product-box span.netreviews_filtering_section_title, .page-product-box p.netreviews_subtitle, .page-product-box .netreviews_filtering_section{ text-align: center !important; } .netreviews_note_generale span { font-size: 30px!important } .netreviews_subtitle { display: block; font-size: 12px; color: rgb(150,160,170); width: 100%; text-align: center !important; padding: 6px 0 6px 0!important; margin: 0 !important; } .netreviews_global_rating_details { display: block; width: 50%; margin: 0; position: absolute; right: 0; top: 25px; padding: 0 } .netreviews_rates_list { margin: 0 auto; border: 0; width: 200px !important; display: flex !important; flex-direction: row; padding: 0 } .netreviews_rate_list_item { display: flex !important; margin: 0; position: relative; list-style: none; width: 23px; float: left; padding: 110px 0 0 0 !important; margin-right: 15px; } .more-info .netreviews_global_rating_details ul li:before{ width: 0px; } .netreviews_rates_list .cursorp{ cursor: pointer; } .netreviews_rate_list_item span { margin-right: 3px } .netreviews_rate_list_star_image { width: 12px !important; height: 12px !important; margin-top: 4px } .netreviews_rate_graph { height: 100px; width: 25px; left: 0; top: 0; position: absolute; padding-right: 20px } .netreviews_rate_percent { margin-top: 2px; width: 25px; bottom: 0; position: absolute; left: 0; transition: background 0.2s } span[class^="netreviews_rate_total"] { color: #a6b1b8; margin-top: -20px; position: absolute; width: 100%; left: 0; font-size: 12px; text-align: center; } #netreviews_button_more_reviews { display: block; width: 100%; margin: 0; text-align: center } #netreviews_button_more_reviews .netreviews_button { display: block; margin: 0 auto 15px auto; padding: 8px 0; width: 250px; text-align: center; color: #fff; font-size: 15px; font-weight: 500; text-decoration: none; border-radius: 100px; background-color: #ff6f61; transition: background-color 0.2s; cursor: pointer; border: none; } #netreviews_button_more_reviews .netreviews_button:hover, #netreviews_button_more_reviews .netreviews_button:active { background-color: #000!important; text-decoration: none!important } #netreviews_button_more_reviews .active { background-color: #656565 !important; text-decoration: none !important; background-image: url(../img/load.gif); background-repeat: no-repeat; background-position: 5px center; } .netreviews_filtering_section { width: 100%; margin: 0 auto; display: block; background: transparent; padding: 0; text-align: center; color: rgb(150, 160, 170) } .netreviews_filtering_section, .netreviews_filtering_section_title{ font-size: 13px; color: black; margin-bottom: 5px; display: block; } .netreviews_filtering_section select { font-size: 14px; width: auto; line-height: 15px; text-align: left; display: inline; outline: none; cursor: pointer } .netreviews_reviews_section { width: 100%; display: block; padding: 0 0 30px 0; margin: 0 } .netreviews_reviews_section .groupAvis { display: none; } .netreviews_review_part { padding: 25px 0 5px 0; border-top: 1px solid #666; width: 100%; margin: 0 auto; } .netreviews_reviews_section .first-child { border-top: 0px; } .netreviews_customer_name { display: block; font-size: 14px; font-weight: bolder; width: 100%; text-align: left; padding: 0; margin: 0; color: #fff; } .netreviews_customer_name span { font-size: 14px; font-weight: 500; } .netreviews_customer_name span.order_date { font-size: 12px; } .netreviews_review_rate_and_stars { display: block; width: 100%; padding: 0; margin: 0; height: 20px; position: relative; } .av_product_award .netreviews_review_rate_and_stars{ text-align: center; } .netreviews_review_rate_and_stars .netreviews_bg_stars { position: absolute; top: 5px; left: 0; float: none; margin: 0 } .netreviews_reviews_rate { display: block; position: absolute; left: 90px; font-size: 16px; top: 0px; } .netreviews_customer_review { font-size: 14px; line-height: 20px; width: 100%; padding: 5px 0; margin: 0; text-align: left; color: #7a7a7a; } .netreviews_website_answer { padding: 0 5% 15px 5%; background-color: #FFF; margin: 10px auto 0 0; font-size: 15px; border-left: 3px solid #E7E9EE; max-width: 100%; font-weight: 500; display: block; } .netreviews_website_answer p { margin: 0; padding: 20px 0 0 0; width: 100%; display: block } .netreviews_answer_title { font-weight: bolder!important; font-size: 15px!important; line-height: 25px!important } .netreviews_stars { display: inline-block; padding: 0px; border: none; background-repeat: repeat-x; background-position: left center; text-decoration: none; outline: none; } .netreviews_stars span { display: block; margin: 0; padding: 0; border: none; background-repeat: repeat-x; background-position: left center; text-decoration: none; outline: none; line-height: 1px; font-size: .1px; } .netreviews_stars_sm{ width: 60px; float: left; } .netreviews_stars_md { width: 80px; } .netreviews_stars_bg { display: block; width: 120px; margin: 0px auto; background-image: url(../img/star-empty-24.png); } .netreviews_stars_md, .netreviews_stars_sm{ background-image: url(../img/star-empty-16.png); } .netreviews_stars_md span, .netreviews_stars_sm span { background-image: url(../img/star-gold-16.png); } .netreviews_stars_bg span{ background-image: url(../img/star-gold-24.png); } .netreviews_stars_sm ,.netreviews_stars_sm span { height: 25px; background-size: 12px auto; } .netreviews_stars_md ,.netreviews_stars_md span { height: 16px; background-size: 16px auto; } .netreviews_stars_bg ,.netreviews_stars_bg span { height: 24px; background-size: 24px auto; } .netreviews_rating_header .netreviews_icone_info { width: 15px; height: 15px; vertical-align: sub; margin-left: 2px; display: inline-block; font-size: 15px; line-height: 20px; } .netreviews_exit_info { width: 15px; height: 15px; float: right; cursor: pointer; font-size: 15px; } .netreviews_active_info img{ float: right; } #netreviews_informations_label:hover { color: rgb(47, 47, 47) } #netreviews_informations_label .av-labeltext{ display: inline-block; line-height: 20px; } #netreviews_informations { text-align: left!important } #netreviews_informations ul { margin: 0px 5% !important; width: 90%; } #netreviews_informations ul li { font-size: 13px; text-align: left; padding: 0px; margin: 0px; list-style: square !important; } .netreviews_helpful_block { width: 100%; display: block; padding: 0px; margin: 10px auto 0px auto; color: #868788; font-size: 14px; } .netreviews_helpful_block a { display: inline-block; background: #dedede; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 5px; color: #4e4e4e; text-decoration: none; font-size: 12px; font-weight: 500; transition: background-color, color 0.2s; line-height: 22px; height: 22px; } .netreviews_helpful_block a span{ display: inline-block; background: #adadad; padding: 0px 8px; line-height: 22px; height: 22px; margin: 0px 0px 0px 10px; color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 500; transition: background-color, color 0.2s; } .netreviews_helpful_block a:hover, .netreviews_helpful_block a:active , .netreviews_helpful_block a:hover span, .netreviews_helpful_block a:active span{ background-color: #656565 !important; color:#FFFFFF !important; text-decoration: none !important; } .netreviews_helpful_block .active { background-image: url(../img/HelpfulValid.png); background-repeat:no-repeat; background-color: #656565 !important; color:#FFFFFF !important; text-decoration: none !important; padding-left: 25px !important; cursor:pointer; } .netreviews_helpful_block .active span { background-color: #656565 !important; color:#FFFFFF !important; text-decoration: none !important; } .netreviews_helpful_block .active:hover { background-image: url(../img/HelpfulDelete.png) !important; background-repeat:no-repeat; background-color: #656565 !important; color:#FFFFFF !important; text-decoration: none !important; padding-left: 25px !important; cursor:pointer; } .netreviews_no_reviews_block { width: 80%; display: block; padding: 20px; margin: 10px auto -20px auto; color: #868788; font-size: 14px; text-align: center; border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff; } .netreviews_button_comment { text-decoration: none; color: #a7a8a9; transition: color 0.2s; width: 100%; padding: 20px 0px 0px 0px; margin: 0px; display: none; } .netreviews_button_comment.active { display:block; } .netreviews_button_comment:hover { text-decoration: none; color: rgb(47, 47, 47); } .netreviews_more_comment { width: 15px; margin-right: 5px; display: inline-block; } .netreviewsProductWidgetNew { font-family: "Nunito", Arial, Helvetica, sans-serif; display: block; height: 75px; margin: 0; padding: 5px; background-color: transparent; position: relative; clear: both; } .netreviewsProductWidgetNewLogo { position: absolute; top: 0; left: 0; width: 65px; height: 65px; border: none; outline: 0 } .netreviewsProductWidgetNew .ProductWidgetNewRatingWrapper { margin-left: 60px; display: block; width: 200px; line-height: 16px; text-align: left; padding: 0 5px; } .netreviewsProductWidgetNewRate, .netreviewsProductWidgetNewRate span { color: #363842; font-size: 13px; font-weight: bold; padding: 0; margin: 0; } .av_category_stars { display: block; text-align: right !important; margin: 0px auto; height: 20px; float: right !important; } .av_category_stars .ratingText { display: inline-block; line-height: 20px; vertical-align: super; font-size: 13px; font-weight: 500; position: relative; float: left; } .av_category_stars a { text-decoration: none; text-align:right; } .av_category_stars .netreviews_review_rate_and_stars { float: left; display: inline-block; line-height: 20px; width: 95px; } #netreviews_category_review .netreviews_review_rate_and_stars{ display: inline-block; line-height: 20px; width: 80px; height: 20px; vertical-align: middle; } #AV_button { font-size: 13px; color: #ff6f61; text-decoration: none; } .ProductWidgetNewRatingWrapper #AV_button { text-decoration: underline; } .avisVerifiesAjaxImage { background-image: url(../img/loadFull.gif); background-repeat: no-repeat; background-position-x: center; background-position-y: 90%; height: 100px; } .netreviews_stars_md{ /* position: absolute; */ top: 2px } .netreviews_media_part { display: block; width: 100%; height: auto; margin: 0px; padding: 0px; list-style: none; } .netreviews_media_part li { list-style: none; display: block; width: 100px; height: 80px; float: left; padding: 0px; margin: 10px 10px 0px 0px; } .netreviews_media_part li .netreviews_image_thumb { display: block; width: 100px; height: 80px; padding: 0px; margin: 0px; text-decoration: none; cursor: pointer; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 2px; transition: opacity 0.2s ease; opacity: 1; } .netreviews_media_part li .netreviews_image_thumb_video { background-color: #333333; background-size: 40%; } .netreviews_media_part li .netreviews_image_thumb:hover { text-decoration: none; cursor: pointer; opacity: 0.8; } .netreviews_clear { clear: both; display: block; width: 100%; height: 1px; margin: 0px; padding: 0px; } #netreviews_media_modal { display: none; position: fixed; z-index: 990; padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.9); } #netreviews_media_content { display: block; position: fixed; z-index: 991; width: 100%; height: 100%; top: 0; left: 0; } #netreviews_media_content img { position: absolute; border-radius: 2px; } #netreviews_media_content iframe { position: absolute; border: none; } #netreviews_media_close { z-index: 992; position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: opacity 0.2s; opacity: 1; cursor: pointer; display: block; text-decoration: none; } #netreviews_media_close:hover, #netreviews_media_close:focus { text-decoration: none; opacity: 0.8; } .carousel-prev, .carousel-next { z-index: 999; top: 50%; position: absolute; background: transparent; display: block; color: white; font-size: 75px; height: 75px; line-height: 75px; } .carousel-prev:hover, .carousel-next:hover { cursor: pointer; opacity: 0.8; } #netreviews_media_modal > a.carousel-prev { left: 5%; } #netreviews_media_modal > a.carousel-next { right: 5%; } .loader-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #555; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .avis_header_stars .image_wrap{ padding: 0; display:block; float:left; width:45px; margin-top:-8px; } .avis_header_stars .av_text_wrap{ padding-right: 0; display:block; float:left; padding: 0 11px; } .avis_header_stars .av_text_wrap .av_text_wrap_inner{ font-size: 15px; margin-bottom: -6px; display: block; color: #303031; } .avis_header_stars .av_rate_values { font-size: 22px; color: #de1e26; padding: 11px 5px 0px 0px; display:block; float:left; } .avis_header_stars .av_author{ color: #737373; padding-top: 12px; padding-left: 0; font-size: 15px; display:block; float:left; } .avis_header_stars .netreviews_review_rate_and_stars{ margin-top: 5px; } /* Custom code from 05/12/2022 */ /* Breadcrumb */ /* #wrapper .breadcrumb { */ /* padding: 15px !important; */ /* } */ /* Page produit */ #product main { overflow-x: clip; } .product-container #content { max-width: 100% !important; } .product-container #content .product-cover { background-color: #fff; } .product-container #content .product-cover img { margin: 0 auto; display: block; } .product-reference_to_display { margin-bottom: 15px; display:none; } .product-container-title h1 { margin: 20px 0; padding-bottom: 10px; border-bottom: 1px solid #b2a861; } .block-choix { margin-top: 20px; } .product-prices { text-align: center; margin-top: 0; } .product-prices .block-prix { align-items: center; margin-bottom: -12px; width: unset !important; } .product-prices .block-prix .tax-shipping-delivery-label { margin-bottom: 0 !important; } .block-choix .product-variants .form-control-label { margin-top: 20px; } .product-variants .select-color { background-color: #fff; padding: 15px 10px 10px 10px; margin-bottom: 15px; } .product-container .block-prix .product-discount { order: -1; } .product-information .product-add-to-cart { margin-top: 20px !important; } .product-information .btn-primary.add-to-cart { border-radius: 0px !important; width: auto; padding: 0.5rem 1.25rem !important; } .product-information .product-actions #netreviewsWidgetNum15105widget02av { display: none; } .product-accessories { background-color: #3e3e3e; position: relative; margin: 24px 0px; width:100%; } .product-accessories:before { content:''; background-color: #3e3e3e; position: absolute; width:100%; left:-100%; top:0; height: 100%; } .product-accessories:after { content:''; background-color: #3e3e3e; position: absolute; width:100%; right:-100%; top:0; height: 100%; } .product-accessories h5 { color: #fff; font-size: 18PX; position: relative; margin-bottom: 20px; } .product-accessories h5:after { content: ''; height: 2px; width: 25%; background-color: #fff; position: absolute; bottom: 0; left: 0; } @media screen and (max-width: 575px) { .wishlist-button-add{ display: none !important; } #add-to-cart-or-refresh { position:relative; padding-bottom:70px; } .product-information .product-actions #netreviewsWidgetNum15105widget02av { transform: scale(0.358) translateX(-50%) !important; cursor: pointer; position: absolute; border: -47px !important; bottom: -40px; display:block !important; } #footer #netreviewsWidgetNum15105widget02av { display: none !important; } .product-additional-info .info-block { display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; flex-direction: column; } .product-additional-info .info-block .info-block3 { width: 100% !important; } } @media screen and (max-width: 989px) { .card-block { padding: 1.25rem 0rem 0.5rem; } } /* module Réassurance */ .blockreassurance_product p.block-title { line-height: unset !important; } .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg { height: 25px; width: 25px; visibility: visible !important; } /* Miniature de produit (dans les listes) */ ul.product-flags .on-sale { display: none; } .product-miniature .product-description .product-price-and-shipping { text-align: center; } .elementor-badge-sale, .product-flag.discount, .badge-discount, .product-discount .discount-percentage { background: #f39d72 !important; } .product-line-info.has-discount .current-price { color: black !important; } .product-miniature .product-price-and-shipping form{ display: flex; /* margin-top: 10px; */ flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .product-miniature .skeepers_product__stars { text-align: center; } @media screen and (max-width: 811px) { .product-miniature .product-price-and-shipping form .bootstrap-touchspin{ display: none; } } .product-miniature .product-price-and-shipping form .input-group-btn-vertical{ height: 42px; } .product-miniature .product-price-and-shipping form .input-group-btn-vertical .btn-default{ height: 50%; } .product-miniature .product-price-and-shipping .btn-primary{ margin-top: 10px; padding: 0.5rem 1rem !important; border: 1px solid #b2a861; background-color: transparent; color: #b2a861; transition: all 0.3s; display:block; width: fit-content; margin: 15px auto 5px; text-align: center; position: relative; z-index:1; } .product-miniature .product-title a:hover { transition: all 0.3s; color: #b2a861; } .product-miniature .product-price-and-shipping .btn-primary:before{ content: ''; width: 0; left: 0; z-index: -1; top: 0; height: 100%; background-color: #b2a861; position: absolute; transition : all 0.3s } .product-miniature .product-price-and-shipping .btn-primary:hover:before{ width:100%; } .product-miniature .product-price-and-shipping .btn-primary:hover{ color: #fff; } /* Checkout page */ .attr_thumbnail { outline: none; padding: 0!important; font-size: 14px; border-radius: 100px; display: inline-block; width: 1rem; height: 1rem; line-height: 2rem; } .cart-grid-body #checkout-personal-information-step .nav-link { color: #7a7a7a; } .cart-grid-body #checkout-personal-information-step .nav-link.active { color: #000; } .checkout-step h1 .step-number { background-color: #b2a861 !important; } body#checkout section.checkout-step.-unreachable .step-number { background-color: #fff !important; } body#checkout section.checkout-step.-unreachable { padding: 0px !important; } body#checkout section.checkout-step .step-title { padding: 10px !important; } body#checkout section#payment-confirmation { display: none; } #free-shipping-label p { text-align: center; color: #b2a861 !important; font-weight: bold !important; } #order-summary-content #order-items { display:none; } @media screen and (min-width: 990px) { .cart-grid-right { position: sticky; top: 165px; } } @media screen and (max-width: 989px) { #checkout-personal-information-step ul .nav-item { font-size: 16px; margin-left: 0 !important; } } .checkout-step .btn-back-home { margin-top: 10px; text-decoration: underline; margin-right: 10px; } /*Header & Search bar */ #barre-menu > .elementor-container > .elementor-row { margin: 0 15px; } #header { position: sticky; width: 100%; top: 0px; } .elementor-search--skin-topbar .elementor-search__container { z-index: 1 !important; } @media screen and (min-width: 990px) { #wrapper >p { display: none; text-align: center; } #header-recherche .elementor-widget-wrap > div:last-child { width:100%; } #barre-menu .elementor-widget-shopping-cart, #barre-menu .elementor-search__toggle { display:none; } #barre-menu { background-color: #fff !important; } .elementor-search { display: flex !important; flex-direction: row-reverse; justify-content: flex-start; align-items: center; } .elementor-search .elementor-search__container{ position: static !important; transform: translateY(0%) !important; border: none !important; padding: 4px 5px !important; min-height:1px !important; overflow: unset !important; } .elementor-search .elementor-search__container ul{ position: absolute !important; z-index: 999; top: 30px !important; width: calc(100% + 20px) !important; max-width: calc(100% + 20px) !important; max-height : 500px !important; background-color: rgb(255, 255, 255)!important; left: -10px !important; font-size: 14px; } .elementor-search .elementor-search__container .dialog-close-button { display:none; } .elementor-search .elementor-search__container ul li a img{ margin-right: 0 !important; } .elementor-search .elementor-search__container .elementor-search__label{ display:none; } .elementor-search .elementor-search__container .elementor-search__input-wrapper input{ font-size: 16px !important; border: none !important; } #header-recherche .elementor-widget-wrap > div:last-child > div { border-width: 2px 2px 2px 2px; padding: 3px 10px; } } @media screen and (max-width: 989px) { .off-canvas-active>.off-canvas-nav-megamenu.active { position: fixed; } #wrapper >p { display: block; text-align: center; } .elementor-cart__toggle a.elementor-size-sm { padding: 10px !important; } .menu-item-type-account a>span:not(:first-child){ display: inline-block !important; } #responsive-shorcuts > li > a.has-submenu{ display: none !important; } #header-block1 { padding-left: 15px !important; padding-right: 15px !important; height: 55px; } #barre-menu { background-color: #fff; height: 82px; } #header-login > .elementor-column-wrap .elementor-widget-wrap > .elementor-element > .elementor-widget-container { align-items: flex-end !important; } #header-logo{order: 2;} #header-logo img{width: 100% !important;} #header-menu {order: 1;} #header-recherche {order: 3;} .elementor-search .elementor-search__toggle i { /* width: 50px !important; */ /* height: 50px !important; */ } /*.elementor-search .elementor-search__container{ position: absolute !important; top: 0; opacity: 0; z-index: -1 !important; transition: all 1s; width: 100vw; right: -8px; left: unset!important; min-height:1px !important; border: none !important; padding: 25px; } /* .elementor-search .elementor-search__container .dialog-close-button { */ /* display:none; */ /* } */ .elementor-search .elementor-search__container ul li a img{ margin-right: 0 !important; } .elementor-search .elementor-search__container .elementor-search__label{ display:none; } .elementor-search .elementor-search__container .elementor-search__input-wrapper input{ font-size: 16px !important; margin-top: 12px; } .elementor-search .elementor-search__container.elementor-search--topbar { top: 67px; opacity: 1; } .off-canvas-nav-megamenu .offcanvas-mainnav { background: #fff !important; overflow: hidden; width: 100% !important; position: static !important; min-height: auto !important; } .off-canvas-nav-megamenu { background: #fff !important; position: absolute; overflow: hidden; width: 100% !important; } .off-canvas-active>main, .off-canvas-inactive>main { transform: none !important; width:100%; } .off-canvas-nav-megamenu { left: -100%; top: 137px; opacity: 0; width: 100% !important; } .off-canvas-active>.off-canvas-nav-megamenu.active { width:100% !important; left: 0; opacity: 1; transform: translateX(0) !important; } .off-canvas-active>.off-canvas-nav-megamenu.active ul li a, .off-canvas-active>.off-canvas-nav-megamenu.active ul li b:before { color: #000 !important; } .off-canvas-button-megamenu { color: #000 !important; } .off-canvas-nav-megamenu { min-height: calc(100vh - 78px) !important; max-height: calc(100vh - 78px) !important; overflow:auto; } #header-recherche .elementor-widget-wrap { display: flex; flex-wrap: nowrap; flex-direction: row; align-content: center; justify-content: center; align-items: center; } #header-recherche .elementor-widget-wrap div:first-child { margin-bottom: 0px !important; border:none !important; } .leo-megamenu .navbar-toggler { font-size: 30px !important; padding: 0px !important; margin: 0px !important; height: auto !important; width: auto !important; } /* #header-recherche .elementor-widget-wrap .elementor-cart__wrapper { */ /* margin-right: 15px; */ /* } */ #header-recherche .elementor-widget-wrap .elementor-cart__wrapper a { border: none !important; font-size: 20px; } #responsive-shorcuts { padding: 20px 10px; } #responsive-shorcuts li { margin: 10px 0; } .elementor-cart__toggle > a { flex-direction: column; } .elementor-cart__toggle > a .elementor-button-text{ font-size: 12px; margin-top: 4px; } } @media screen and (max-width: 810px) { #header-logo img{width: 125px !important;} #header-block1 { height: 35px; } #barre-menu { height: 62px; } .off-canvas-nav-megamenu { top: 97px !important; } .elementor-search .elementor-search__container.elementor-search--topbar { top: 57px !important; opacity: 1; } .off-canvas-nav-megamenu { min-height: calc(100vh - 58px) !important; max-height: calc(100vh - 58px) !important; } /* .elementor-search .elementor-search__container{ */ /* right: 0px !important; */ /* } */ /* #header-recherche .elementor-widget-wrap div:last-child { */ /* margin-right: 8px !important; */ /* } */ } /* Sidebar cart buttons */ .elementor-cart__footer-buttons .elementor-button--view-cart, .elementor-cart__footer-buttons .elementor-button--checkout { padding: 10px 10px !important; } .elementor-cart__footer-buttons .elementor-button--view-cart, .elementor-cart__footer-buttons .elementor-button--checkout { border: 1px solid #818a91 !important; transition: all 0.3s !important; } .elementor-cart__footer-buttons .elementor-button--view-cart:hover, .elementor-cart__footer-buttons .elementor-button--checkout:hover { background-color: #fff !important; color: #818a91 !important; border: 1px solid #818a91 !important; } @media (max-width: 375px) { .elementor-cart__toggle a.elementor-size-sm { padding: 10px !important; } } @media (max-width: 375px) { .elementor-cart__toggle a.elementor-size-sm { padding: 10px !important; } #header-logo,#header-menu,#header-recherche { width: 33.33% !important; } } /* Cart */ @media (max-width: 989px) { #cart .product-line-grid-right > .row { display: flex; flex-direction: row; } #cart .product-line-grid-right .price { margin-top:0px; } #cart .hidden-md-up { display:none; } #cart .product-line-grid-right .col-xs-6 { text-align: center; } #cart .product-line-grid-right > .row > .col-md-10 > .row { display: inline-flex; } } /* Blog Update */ #module-prestablog-blog #wrapper { background-color: #fff !important; overflow:hidden; } #module-prestablog-blog.elementor-page { } #module-prestablog-blog.elementor-page #wrapper p { text-align: left ; } #module-prestablog-blog.elementor-page #wrapper h1 { color: #B2A861 !important; } #module-prestablog-blog.elementor-page .product-miniature .thumbnail-container { box-shadow: 0px 3px 6px #00000029; border-radius: 12px; transition: all 0.3s } #module-prestablog-blog.elementor-page .product-miniature .thumbnail-container:hover { transform: scale(1.01); } #module-prestablog-blog.elementor-page .btn.btn-default { font-size:16px; padding: 10px 20px; background-color: #B2A861; color: #fff; border: 1px solid #B2A861; transition: all 0.3s; margin-bottom: 0; } #module-prestablog-blog.elementor-page .btn.btn-default:hover { background-color: #fff; color: #B2A861; } @media screen and (max-width:991px) { #module-prestablog-blog.elementor-page .btn.btn-default { display:block; margin-top: 20px; margin-right: auto; margin-left: auto; width:fit-content; } } /* Prestashop Category page */ .block-category > h1 { text-align:center; font-size:36px; color:#B2A861; font-weight:bold; margin-top: 18px; } #subcategories-mobile h2, #subcategories h2 { text-align:center; font-size:18px; color:#707070; font-weight:bold !important; margin-top: 5px; } .page-category #main { max-width: 1140px; margin: auto; padding-right: 15px; padding-left: 15px; } .subcategories-list-flex { display:flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; margin-bottom: 65px; } #subcategories-mobile .subcategory-label a, #subcategories .subcategory-label a { padding: 8px 20px; border: 1px solid #707070; text-align: center; border-radius: 20px; margin: 10px; color: #707070; font-size: 18px; text-decoration:none; display: block; transition: all 0.3s; } #subcategories-mobile { display:none; } #subcategories-mobile .subcategory-label:hover a, #subcategories .subcategory-label:hover a { border-color: #B2A861; background-color:#B2A861; transition: all 0.3s; color: #fff; } .sort-by-row { justify-content: flex-end } .sort-by-row .sort-by { width: auto; margin: 0 10px; } .sort-by-row .products-sort-order { width: auto; min-width:200px; } #products .total-products p { font-size:24px; color: #000; font-weight: bold; } @media (max-width:695px) { #subcategories-mobile { display:block; } .block-category > h1 { font-size:28px; margin-top: 18px; } .sort-by-row .products-sort-order { width: 100%; } } /* Prestashop Products page */ #product .product-information .product-description p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0 !important; } #choix-couleurs-alta li{ margin-right: .4rem; margin-bottom: .4rem; } #choix-couleurs-alta .color, #choix-couleurs-alta .custom-checkbox input[type="checkbox"] + span.color{ border: none; outline: none; padding: 0 !important; font-size: 14px; border-radius: 100px; display: block; width: 3rem; height: 3rem; line-height: 2rem; } #choix-couleurs-alta .radio-label{ border: none; outline: none; padding: 6px 12px !important; font-size: 14px; border-radius: 5px; display: block; } #choix-couleurs-alta .input-color + span, #choix-couleurs-alta.input-color + span, #choix-couleurs-alta .input-color + span, #choix-couleurs-alta .input-color + span{ box-shadow: 0px 3px 6px #00000029; background-size: contain; } #choix-couleurs-alta .input-color:checked + span, #choix-couleurs-alta .input-color:hover + span, #choix-couleurs-alta .input-color.active + span, #choix-couleurs-alta .input-radio:checked + span, #choix-couleurs-alta .input-radio.active + span, #choix-couleurs-alta .input-radio:hover + span { box-shadow: 0px 3px 6px #00000029; border: 3px solid #000; } .popin-colors-alta { position: fixed; background: #fff; top: 50px; left: 50%; transform: translateX(-50%); z-index: 9999; width: 815px; } .popin-colors-alta::before { content: ''; width: 10000%; height: 10000%; background: #000; position: absolute; left: 0; top: 0; opacity: 0.6; z-index: -2; transform: translate(-50%,-50%); } .popin-colors-alta #choix-couleurs-alta { background: #fff; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta { background-color: #b2a861; padding: 25px 40px; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta h3 { color: #fff; font-size: 1.85rem; margin-bottom: 15px; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file .bloc-couleurs-echantillon { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; width: 680px; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file .bloc-couleurs-echantillon #group_echantillon { margin: 0; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file .bloc-couleurs-echantillon #group_echantillon li span { background: #fff; border-radius: 50px !important; height: 2rem; font-size: 1rem; font-weight: bold; padding: 10px 20px !important; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file .bloc-couleurs-echantillon #group_echantillon li { margin:0 !important; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice { height: 2.3rem; color:#b2a861; padding: 0 10px; font-size: 0.8rem; border: 1px solid #707070; border-radius: 0px; background:#fff; display: flex; align-items: center; width: 410px; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice::placeholder { color:#b2a861; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice:before { content: 'Rechercher...'; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice:focus:before, .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice:not(:empty):before { display:none; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice, .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file .bloc-couleurs-echantillon { flex-grow: 1; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file .bloc-couleurs-echantillon > span { margin: 0 60px; color: #fff; font-size: 1.2rem; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file > button { position: absolute; right: 15px; top: 15px; font-size: 1.8rem; } .popin-colors-alta #choix-couleurs-alta .all-colors-alta { padding: 25px 40px; max-height: 75vh; overflow: auto; } /* width */ .popin-colors-alta #choix-couleurs-alta .all-colors-alta::-webkit-scrollbar { width: 5px; } /* Track */ .popin-colors-alta #choix-couleurs-alta .all-colors-alta::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ .popin-colors-alta #choix-couleurs-alta .all-colors-alta::-webkit-scrollbar-thumb { background: #b2a861; border-radius: 10px; } .popin-colors-alta #choix-couleurs-alta .form-control-label { padding: 8px 4px; position: relative; display: block; height: auto !important; font-weight:bold !important; cursor:pointer; } .popin-colors-alta #choix-couleurs-alta .form-control-label::before { content: ''; height: 2px; background: #b2a861; width: 100%; left: 0; position: absolute; bottom: 0; } .popin-colors-alta #choix-couleurs-alta .form-control-label svg { position: absolute; right: 0; color:#b2a861; transform: rotate(180deg); transition: all 0.3s; } /* .popin-colors-alta #choix-couleurs-alta .collapse-block > ul { */ /* height: 0; */ /* overflow: hidden; */ /* transition: 0.3s; */ /* } */ .popin-colors-alta #choix-couleurs-alta .footer-colors-alta { padding: 0px 40px 25px 40px; display: flex; align-items: center; justify-content: flex-end; align-content: center; flex-direction: row; } .popin-colors-alta #choix-couleurs-alta .footer-colors-alta > button { text-transform: uppercase; color: #fff; background: #000; padding: 8px 20px; border: 1px solid black; border-radius: 0; font-weight: bold; font-size: 0.8rem; line-height: unset; transition: all 0.3s; cursor: pointer; } .popin-colors-alta #choix-couleurs-alta .footer-colors-alta > button:hover { background: #fff; color: #000; } .popin-colors-alta #choix-couleurs-alta .collapse-block.active .form-control-label svg { color:#000; transform: rotate(0deg); } /* .popin-colors-alta #choix-couleurs-alta .collapse-block.active > ul { */ /* height:100% !important; */ /* } */ .product-variants-item { order: 2; } .product-variants-item.product-variants-item-color { order: 1; } .product-variants select { width: 335px !important; padding: 0 20px; color: grey !important; border-color: gray; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 2l4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; margin-right: 20px; background-size: 16px; } .product-variants h3 { font-size: 1.25rem; } #colors-choice-block span.color, #selected-product-attribute span.color { outline: none; padding: 0!important; font-size: 12px; border-radius: 100px; display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; border: 1px solid #000; margin-right: 10px; background-size: contain; } #colors-choice-block .color-infos, #selected-product-attribute { display: flex; flex-wrap: nowrap; flex-direction: row; align-content: center; align-items: center; } #colors-choice-block { display: flex; flex-direction: column; } #colors-choice-block span.popinOpener{ padding: 10px; cursor: pointer; border: 1px solid #000; text-transform: uppercase; width: max-content; margin-top: 8px; font-size: 15px; background-color: #fff; } #colors-choice-block span.color-name, #selected-product-attribute span.color-name { font-size: 15px; color: gray; margin-right: 20px; } #selected-product-attribute .popinOpener { display:none !important; } .product-reference_to_display { font-weight:bold; color:#707070; font-size: 1.125rem; } #product, #product #wrapper{ background-color: #ededed!important; } #product h1 { font-size:3rem; text-transform: unset; } #product .quick-access-product { background: #fff; padding: 50px 30px 20px; display: flex; } #product .quick-access-product button:first-child { background: #000; color:#fff; border: 1px solid #000; border-radius: 22px; padding: 10px 30px; margin: 0 5px; font-weight:bold; cursor:pointer; transition: all 0.3s; display: flex; flex-direction: row; align-items: center; } #product .quick-access-product button:first-child:hover { background: #fff; color:#000; } #product .quick-access-product button:last-child { background: #b2a861; color:#fff; border: 1px solid #b2a861; border-radius: 22px; padding: 10px 20px; margin: 0 5px; font-weight:bold; cursor:pointer; transition: all 0.3s; display: flex; flex-direction: row; align-items: center; } #product .quick-access-product button:last-child:hover { background: #fff; color:#b2a861; } #product .add-to-cart i, #product .quick-access-product i { font-size: 1.4rem; margin-right: 10px; } #product .product-add-to-cart .add { position:relative; } #product .bubble { font-family: sans-serif; width: 150px; background: #B2A861; border-radius: 20px 20px 20px 0px; padding: 10px; text-align: center; color: #000; position: absolute; left: 280px; bottom: 80px; color: #fff; font-size:13px; box-shadow: 0px 3px 6px #00000029; transition: all 0.3s; } #product .bubble strong { font-size:17px; } #product .bubble a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 20px; } #product .bubble-bottom-left:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 24px solid #B2A861; border-right: 12px solid transparent; border-top: 12px solid #B2A861; border-bottom: 20px solid transparent; left: 0px; bottom: -24px; transition: all 0.3s; } #product .bubble:hover { background: #000; } #product .bubble:hover:before { border-left: 24px solid #000; border-right: 12px solid transparent; border-top: 12px solid #000; } .netreviews-html-code { width: fit-content !important; } #product .netreviews-html-code { display: none; } #product .skeepers_product__stars .stars__item { width: 20px; height: 20px; } #product .skeepers_product__stars .stars__rating { text-decoration:underline; } .product-miniature .product-flags li.product-flag { color: #fff !important; } .main-url-hide-on-desk {display:none;} /* responsive */ @media (max-width: 991px) and (min-width: 560px) { .main-url-hide-on-desk {display:block;} .row.product-container.js-product-container { justify-content: center; } .btn-primary.add-to-cart { width: 315px !important; } .bubble.bubble-bottom-left { bottom: 65px !important; left: 335px !important; display:none; } } @media (max-width: 560px) { .main-url-hide-on-desk {display:block;} nav.breadcrumb { display: none !important; } #product h1 { font-size:1.375rem !important; } #product .quick-access-product { flex-direction:column; padding: 0px 30px 20px; } #product .quick-access-product button:last-child { margin-top: 10px; } #product .skeepers_product__stars > .skeepers_product__stars { margin-top: 20px; } #product .product-reference_to_display { margin-top: 15px; } #product .product-variants select { width: 100% !important; } #product #colors-choice-block .color-infos { flex-wrap: wrap; } #product #colors-choice-block .color-infos .color { order: 1; } #product #colors-choice-block .color-infos .color-name { order: 2; } #product #colors-choice-block .color-infos .popinOpener { order: 0; margin-bottom: 20px; width: 100%; } #product .product-information .btn-primary.add-to-cart, .product-quantity .add { width:100% !important; margin-left:0; margin-top: 10px; } #product .product-prices { display: flex; justify-content: center; } #product .product-prices .block-prix { margin-bottom: 0px; } #product .product-prices > div { margin-bottom: 0px; } #product .popin-colors-alta { width: -webkit-fill-available; top: 0; /* transform: translateY(-101%); */ left: 0; position: fixed; height: 100vh; transform:none !important; background-color: #fff; /* margin: 0 -30px; */ } #product .popin-colors-alta::before { content: none; } #product .popin-colors-alta #choix-couleurs-alta .header-colors-alta h3 { font-size:1.375rem !important; } #product .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file { flex-direction: column; } #product .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice { width: 100%; } #product .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file .bloc-couleurs-echantillon { flex-direction: column; } #product .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file .bloc-couleurs-echantillon > span { display: block; line-height: 2rem; margin-bottom: 10px; } #product .popin-colors-alta #choix-couleurs-alta .all-colors-alta { height: 60vh; max-height: 60vh; } #product .popin-colors-alta #choix-couleurs-alta .all-colors-alta, #product .popin-colors-alta #choix-couleurs-alta .footer-colors-alta { padding: 25px 20px; } #product .popin-colors-alta #choix-couleurs-alta .footer-colors-alta { position: fixed; background-color: #fff; left: 0; width: 100%; bottom: 0; } #choix-couleurs-alta ul, #choix-couleurs-pantone ul, #choix-couleurs-auto ul, .product-variants-item-12 ul { justify-content:center; } #product #choix-couleurs-alta li { margin: 0.5rem; } #product #choix-couleurs-alta .color, #product #choix-couleurs-alta .custom-checkbox input[type="checkbox"] + span.color { width: 3rem; height: 3rem; } #product .product-quantity .add { flex-direction: column; } #product .bubble { display:none; margin-top: 15px; margin-left: auto; position: relative; left: auto; right: auto; top: auto; bottom: auto; } } /* Popup Maker */ .fancybox-overlay .fancybox-wrap { width: 500px !important; height: auto !important; position: absolute !important; top: 50% !important; left: 50% !important; opacity: 1 !important; overflow: visible !important; transform: translate(-50%, -50%) !important; } .fancybox-overlay .fancybox-wrap .fancybox-skin, .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-inner{ width: auto !important; height: auto !important; padding:0 !important; } .fancybox-overlay .fancybox-wrap .fancybox-skin .container { padding: 0; } .fancybox-overlay .fancybox-wrap .fancybox-skin .container p { margin: 0; } /* .adaka-blog-cat-presentation__thumbnail img { */ /* border: 5px solid #d8246b; */ /* } */ .flex-h100 .elementor-widget-image, .flex-h100 .elementor-widget-image .elementor-widget-container, .flex-h100 .elementor-widget-image .elementor-widget-container .elementor-image { height: 100%; } .flex-h100 img{ height: 100%; object-fit:cover; } body#checkout #everpspopup_block_center, body#checkout .fancybox-wrap { display:none !important; } .toggle { margin: 0 0 1.5rem; box-sizing: border-box; font-size: 0; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; } .toggle input { width: 0; height: 0; position: absolute; left: -9999px; } .toggle input + label { margin: 0; padding: 8px 20px; box-sizing: border-box; position: relative; display: inline-block; border: solid 1px #DDD; background-color: #FFF; font-size: 1rem; line-height: 140%; font-weight: 300; text-transform: uppercase; text-align: center; box-shadow: 0 0 0 rgba(255, 255, 255, 0); transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out; } .toggle input:hover + label { border-color: #213140; } .toggle input:checked + label { border-color: #000; z-index: 1; } .variant-group { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .full-width-carousel { width: 100vw; } .full-width-carousel figure { width: 100%; } .elementor-2170104 .elementor-element.elementor-element-ef55fed .elementor-badge-sale { background-color: #ff8e9b!important; } #header { background-color: transparent; } #header section.background-white-blurred{ background-color: rgba(255, 255, 255, 0.85); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } #header section.background-white{ background-color: white; } .variant-cards { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 20px; } .variant-card { cursor: pointer; display: inline-block; border: 1px solid transparent; padding: 10px; text-align: center; transition: 0.4s; text-transform: uppercase; background-color: #fff; margin-bottom: 0!important; } .variant-card:hover { border-color: #cdcccc; } .variant-card.active { border-color: #000; } .btn-primary.add-to-cart { background-color: #000; color: #fff; border: 1px solid #000; transition: .4s; } .btn-primary.add-to-cart:hover { background-color: transparent; color: #000; } .divider { width: 100%; height: 1px; background-color: #f4f5f5; margin: 10px 0; } .product-variants .product-variants-item { width: 100%; } .product-information .product-add-to-cart { margin-top: 0!important; } .accordion-toggle { display: none; /* Cache les checkboxes */ } .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .accordion-icon { transition: transform 0.2s ease-out; } .accordion-toggle:checked + .accordion-title + .accordion-content { padding-top: 15px; max-height: 500px; /* Hauteur maximale lorsque l'élément est ouvert, ajustez selon le besoin */ } .accordion-toggle:checked + .accordion-title .accordion-icon { transform: rotate(0.5turn); } .accordion-title { cursor: pointer; display: block; } .accordion label { text-align: left; font-weight: 800; font-size: 1.25rem; margin: 0; } .accordion-title-label-content { display: flex; align-items: center; justify-content: space-between; } .video-wrapper { position: relative; padding-top: 56.25%; /* 16:9 Aspect Ratio */ height: 0; overflow: hidden; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-avis { background-color: #fff; position: relative; width: 100%; } .section-avis::before { content: ''; background-color: #fff; position: absolute; width: 100%; left: -100%; top: 0; height: 100%; } .section-avis::after { content: ''; background-color: #fff; position: absolute; width: 100%; right: -100%; top: 0; height: 100%; } .product-miniature .thumbnail-container { border-radius: 0; } .product-miniature .thumbnail-container .product-description { background-color: #F4F5F5; text-align: left; padding: 12px; } .product-miniature .thumbnail-container .product-description h3.h3 { text-align: left; height: max-content; } .product-miniature .thumbnail-container .product-description h3.h3 a { font-size: 20px; } .product-miniature .thumbnail-container .product-description .product-description-short { margin: 0; } .product-miniature .thumbnail-container .product-price-and-shipping { display: flex; align-items: center; justify-content: space-between; width: 100% } .product-miniature .thumbnail-container .product-price-and-shipping::after { content: none; display: none; } .product-miniature .thumbnail-container .product-price-and-shipping .product-price { font-size: 20px; color: #000; background: transparent; padding: 0; } .product-miniature .thumbnail-container .product-price-and-shipping .btn-primary { padding: 0!important; border: 0; background-color: transparent; color: #000; margin: 0; } .product-miniature .thumbnail-container .product-price-and-shipping .btn-primary i { margin-right: 0; } .product-miniature .thumbnail-container .product-price-and-shipping .btn-primary:hover { padding: 0; border: 0; background-color: transparent; color: #000; margin: 0; } .product-miniature .thumbnail-container .product-price-and-shipping .btn-primary::before { content: ''; width: 0; left: 0; z-index: -1; top: 0; height: 0; background-color: transparent; position: absolute; transition: all 0.3s; } .product-miniature .thumbnail-container .product-price-and-shipping .btn-primary:hover::before { width: 0; } .product-miniature .product-flags li.product-flag.discount { background-color:#b2a861!important; border-radius: 0; font-size: 12px; font-weight: 700; min-width: min-content; min-height: min-content; } .product-flags li.product-flag.discount { background-color: rgba(54, 95, 72, 1)!important; } .product-miniature .thumbnail-container .product-thumbnail img { margin-top: 45px; } .product-container .product-flags { position: static; } .product-flags li.product-flag { margin: 0; border-radius: 0; } .thumbnail-container .product-flags li.product-flag { margin: 10px; } h1.category-name { font-size: 20px; color: #000; text-align: left; } #category, #wrapper { overflow-x: hidden; } #category #wrapper { background-color: #fff; } #js-product-list { position: relative; background-color: #F4F5F5; padding: 20px 0; } #js-product-list::before { content: ''; background-color: #F4F5F5; position: absolute; width: 100%; left: -100%; top: 0; height: 100%; } #js-product-list::after { content: ''; background-color: #F4F5F5; position: absolute; width: 100%; right: -100%; top: 0; height: 100%; } .subcategories-list-flex { justify-content: flex-start; margin: 0; gap: 15px; } #subcategories-mobile h2, #subcategories h2 { text-align: left; font-size: 20px; color: #000; font-weight: 700; } #subcategories { padding-top: 20px; } #subcategories-mobile .subcategory-label a, #subcategories .subcategory-label a { padding: 16px; border: 1px solid transparent; margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 0; transition: .2s ease-in-out; font-size: 16px; text-transform: uppercase; font-weight: 300; } #subcategories-mobile .subcategory-label a:hover, #subcategories .subcategory-label a:hover { border-color: #000; background-color: #fff; color: #000; } @media (min-width: 1024px) { .ets_mm_megamenu .ets_mm_megamenu_content .ets_mm_megamenu_content_content .mm_menus_ul .mm_menus_li .ets_mm_url .mm_menu_content_title { font-weight: 400; letter-spacing: 0.05em; } .ets_mm_megamenu .ets_mm_megamenu_content .ets_mm_megamenu_content_content .mm_menus_ul .mm_menus_li.active .ets_mm_url .mm_menu_content_title { font-weight: 800; } .mm_menus_li.hover:hover > .mm_columns_ul_tab { display: flex !important; flex-wrap: nowrap !important; } .mm_menus_li.hover > .mm_columns_ul_tab.mm_columns_ul_tab .mm_tabs_li .mm_tab_li_content .mm_tab_toggle { height: 170px !important; display: flex; align-items: center; justify-content: center; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #ddd !important; } .mm_menus_li.hover > .mm_columns_ul_tab.mm_columns_ul_tab .mm_tabs_li.open .mm_tab_li_content .mm_tab_toggle:hover { border-bottom: 1px solid #fff !important; } .mm_menus_li.hover > .mm_columns_ul_tab.mm_columns_ul_tab .mm_tabs_li .mm_tab_li_content .mm_tab_toggle .mm_tab_toggle_title .ets_mm_url { display: flex; align-items: center; flex-direction: column; justify-content: center; text-transform: uppercase; } .mm_menus_li.hover > .mm_columns_ul_tab.mm_columns_ul_tab .mm_tabs_li .mm_tab_li_content .mm_tab_toggle .mm_tab_toggle_title .ets_mm_url img { width: 80px; height: 80px; } .mm_tab_has_child::after { display: none; } .mm_menus_li .mm_tabs_li .mm_columns_contents_ul { top: 170px !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 200px !important; display: flex; align-items: center; justify-content: flex-start; margin: 0 !important; } .mm_menus_li .mm_tabs_li .mm_columns_contents_ul .mm_columns_li { width: calc(100% / 5) !important; } .mm_menus_li .mm_tabs_li .mm_columns_contents_ul img { width: 80px !important; height: 80px !important; } .mm_menus_li .mm_tabs_li .mm_columns_contents_ul img:hover { transform: scale(1) !important; } .mm_menus_li .mm_tabs_li .mm_columns_contents_ul .mm_block_type_image { display: flex; flex-direction: column; align-items: center; justify-content: center; } .mm_menus_li .mm_tabs_li .mm_columns_contents_ul .ets_mm_categories li { margin: 0 auto !important; } .mm_tab_li_content { border: 0 !important; } .mm_menus_ul .mm_has_sub.hover:hover { border-bottom: 1px solid #fff; } .mm_menus_ul .mm_has_sub.hover { border-bottom: 1px solid #ddd; } .mm_tabs_li.open { border-bottom: 1px solid #fff !important; } .mm_columns_contents_ul { border: 0 !important; } .ets_mm_megamenu.mm_menu_center ul.mm_menus_ul { justify-content: flex-start !important; } .mm_menus_ul .mm_has_sub.hover { width: max-content !important; } body .layout_layout5.ets_mm_megamenu::before { content: none; } .mm_tabs_li.open .mm_columns_contents_ul, .mm_menus_li.hover .mm_tabs_li .mm_columns_contents_ul { overflow-y: hidden; } .layout_layout5 .mm_blocks_ul .mm_blocks_li { text-align: center; justify-content: center; display: flex; } #header .layout_layout5 .ets_mm_block_content a { text-transform: uppercase; } .mm_columns_contents_ul .mm_columns_li .mm_blocks_ul { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .ets_mm_megamenu { clear: unset !important; } .ets_mm_megamenu_content .container { padding: 0; } @media (min-width: 768px) { .mm_menus_ul { float: unset !important; } } .mm_menus_li { float: unset !important; } .mm_menu_content_title { float: unset !important; } .mm_tabs_li { float: unset !important; clear: unset !important; } .mm_tab_li_content { float: unset !important; } .mm_tab_name.mm_tab_toggle { float: unset !important; } .mm_tab_toggle_title { float: unset !important; } .mm_columns_li { float: unset !important; } .mm_blocks_ul { float: unset !important; } .mm_blocks_li { float: unset !important; } .ets_mm_url { display: inline-block; width: 140px; /* Ajustez la largeur selon vos besoins */ text-align: center; } .ets_mm_url::before { content: "\200B"; /* Zero-width space character */ } .ets_mm_url::after { content: "\200B"; /* Zero-width space character */ } .ets_mm_url { white-space: nowrap; } .ets_mm_url:after { content: " "; } .ets_mm_url { white-space: normal; } .mm_columns_ul.mm_columns_ul_tab { width: 1440px; } .ets_mm_megamenu .mm_columns_ul:before { height: 170px; bottom: 0; top: 0; z-index: -1; background-color: white; border-bottom: 1px solid #ddd; } } .hero-article--section { padding: 20px 0!important; } .hero-article--section .elementor-container .elementor-row { gap: 20px!important; } .hero-article { overflow: hidden; border-radius: 10px; background-color: white; } .hero-article .elementor-column-wrap { padding: 0!important; } .hero-article--image .elementor-widget-container .elementor-image .ce-caption { position: relative; width: 100%!important; height: 200px!important; } .hero-article--image .elementor-widget-container .elementor-image .ce-caption img { position: absolute!important; height: 100%!important; width: 100%!important; object-fit: cover!important; } .hero-article--image::after { content: ""; position: absolute!important; top: 0!important; left: 0!important; width: 100%!important; height: 100%!important; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%); z-index: 3!important; } .hero-article--image .elementor-widget-container .elementor-image .ce-caption .ce-caption-text { position: absolute!important; top: 20px!important; left: 20px!important; color: #fff!important; font-weight: 800!important; z-index: 5!important; text-transform: uppercase!important; } .hero-article--title, .hero-article--description { margin: 0!important; padding: 0 20px!important; } .hero-article--description p { margin: 0!important; color: #7B8591!important; } .hero-article--title { margin-top: 20px!important; } .hero-article--description { margin-top: 10px!important; padding-bottom: 20px!important; } .last-articles .block-categories { padding: 0!important; border-radius: 10px; overflow: hidden; } .last-articles .block-categories .title_block { font-size: 20px; font-weight: 800; color: #fff!important; width: 100%!important; text-align: center; background-color: #1C2E3D!important; padding: 10px 0; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .last-articles .block-categories a.link_block { font-family: 'Roboto', sans-serif; } .last-articles .block-categories .btn-primary, #prestablog_lastliste a.btn-primary, .last-articles .block-categories .btn-primary:hover, #prestablog_lastliste a.btn-primary:hover { background-color: #fff!important; color: #7B8591!important; text-transform: uppercase; font-size: 12px!important; padding-bottom: 20px; font-family: 'Roboto', sans-serif; } #prestablog_lastliste p { padding-left: 20px!important; padding-right: 20px!important; } #prestablog_lastliste p a { display: flex!important; align-items: center!important; justify-content: flex-start!important; gap: 20px!important; color: #161615!important; } #prestablog_lastliste p a img { width: 100px!important; height: 100px!important; object-fit: cover!important; border-radius: 10px!important; } .article-discovery--container .elementor-container .elementor-row { display: flex; align-items: stretch!important; justify-content: flex-start!important; gap: 20px!important; } .article-discovery { height: calc(100% - 25px)!important; padding: 20px!important; background-color: #fff!important; border-radius: 10px!important; } .article-discovery .elementor-container, .article-discovery .elementor-container .elementor-row, .article-discovery .elementor-container .elementor-row .article-discovery--image, .article-discovery .elementor-container .elementor-row .article-discovery--image .elementor-widget-container, .article-discovery .elementor-container .elementor-row .article-discovery--image .elementor-widget-container .elementor-image { height: 100%!important; } .article-discovery .elementor-container .elementor-row .article-discovery--image .elementor-widget-container .elementor-image img { height: 100%!important; object-fit: cover!important; border-radius: 10px!important; } .article-discovery--badge { display: flex!important; align-items: center!important; justify-content: flex-end!important; } .article-discovery--badge p { padding: 8px 15px!important; background-color: #015AEE!important; border-radius: 50px!important; color: #fff!important; font-size: 15px!important; font-weight: 800!important; } .article-discovery--title .elementor-widget-container .elementor-heading-title { font-size: 60px!important; } .article-discovery--description .elementor-widget-container .elementor-text-editor p { color: #161615!important; } .article-discovery--gallery .elementor-image-gallery { gap: 20px!important; flex-direction: row!important; flex-wrap: nowrap!important; } .article-discovery--gallery .elementor-image-gallery .ce-gallery-item .ce-gallery-icon, .article-discovery--gallery .elementor-image-gallery .ce-gallery-item .ce-gallery-icon img { height: 100%!important; } .article-discovery--gallery .elementor-image-gallery .ce-gallery-item .ce-gallery-icon img { border-radius: 10px!important; } .article-conseil { padding: 20px 0!important; } .article-conseil .elementor-row { gap: 20px!important; } .article-conseil > .elementor-container > .elementor-row > .elementor-col-66 > .elementor-column-wrap > .elementor-widget-wrap { align-content: center!important; } .article-conseil--badge p { width: max-content!important; padding: 10px 20px!important; border: 1px solid #000!important; text-transform: uppercase; } .article-conseil--title .elementor-heading-title { font-size: 60px!important; font-weight: 800!important; margin-bottom: 20px!important; } .article-conseil--button .elementor-button-link { background: transparent!important; color: #000!important; border: 1px solid #000!important; border-radius: 50px!important; } .article-conseil--image img { border-radius: 10px!important; } .themes-scroll { overflow-x: scroll!important; } .themes-scroll .elementor-column-gap-narrow .elementor-row { width: fit-content!important; } .themes-scroll .elementor-column-gap-narrow .elementor-row .elementor-element .elementor-element-populated { min-width: 300px!important; width: 100%!important; height: 100%!important; } .elementor-toggle .elementor-tab-content a { padding: 8px 10px!important; border: 1px solid black!important; color: white!important; background-color: black!important; text-transform: uppercase!important; transition: .4s ease-in-out; font-size: 1em!important; } .elementor-toggle .elementor-tab-content a:hover { background-color: white!important; color: black!important; } .product-information h3 { font-size: 20px; } .product-quantity #quantity_wanted { height: unset!important; padding: 0.3em 1.5em!important; width: 5em!important; text-align: center!important; background-color: transparent; } .themes-scroll .elementor-top-column .elementor-column-wrap .elementor-widget-wrap, .themes-scroll .elementor-top-column .elementor-column-wrap .elementor-widget-wrap .elementor-element, .themes-scroll .elementor-top-column .elementor-column-wrap .elementor-widget-wrap .elementor-element .elementor-widget-container { height: 100%; } .themes-scroll .elementor-top-column .elementor-column-wrap .elementor-widget-wrap .elementor-element .elementor-widget-container { display: flex; align-items: flex-end; } .product-flags { display: flex!important; flex-direction: row!important; gap: 10px!important; } .product-miniature .product-flags { gap: 0!important; } .product-miniature .product-flags li.product-flag.new, .product-miniature .product-flags li.product-flag.online-only, .product-miniature .product-flags li.product-flag.pack, .product-miniature .product-flags li.product-flag.out-of-stock, .product-miniature .product-flags li.product-flag.on-sale { margin: 10px 0 0 10px!important; height: 20px!important; } .product-flags li.product-flag.new, .product-flags li.product-flag.online-only, .product-flags li.product-flag.pack, .product-flags li.product-flag.out-of-stock, .product-flags li.product-flag.on-sale { background-color: transparent!important; border: 1px solid #000!important; color: #000!important; position: unset!important; top: unset!important; right: unset!important; margin-top: unset!important; font-size: 1em!important; } .subcategory-miniature { width: 72px; height: 72px; } #module-prestablog-blog h2 { font-family: "Roboto", sans-serif!important; font-size: 1.6em!important; line-height: unset!important; margin: unset!important; color: black!important; } #module-prestablog-blog h3 { font-family: "Roboto", sans-serif!important; font-size: 1.6em!important; line-height: unset!important; margin: unset!important; color: white!important; } #module-prestablog-blog p { color: black!important; } #module-prestablog-blog p.elementor-image-box-description { color: white!important; } #module-prestablog-blog .header-article { display: none!important; } #module-prestablog-blog .elementor-text-editor a, #module-prestablog-blog .elementor-text-editor a:hover { color: #015AEE!important; } #module-prestablog-blog.elementor-page .product-miniature .thumbnail-container { box-shadow: unset!important; border-radius: 0!important; } #module-prestablog-blog.elementor-page .product-miniature .thumbnail-container:hover { transform: scale(1)!important; } .article-product-associated .elementor-widget-container { border-radius: 10px!important; overflow: hidden!important; } #module-prestablog-blog .article-product-associated .elementor-widget-container h2.elementor-heading-title { font-size: 1em!important; color: white!important; text-align: center!important; padding: 20px 0!important; background-color: #C93D49!important; text-transform: uppercase!important; } #module-prestablog-blog .article-product-associated .elementor-widget-container { margin-top: 20px!important; background-color: white!important; } #module-prestablog-blog .article-product-associated .elementor-widget-container .product-description { background-color: white!important; } #module-prestablog-blog p { color: unset!important; } #module-prestablog-blog #footer .elementor-heading-title { color: white!important; } #module-prestablog-blog p, #module-prestablog-blog li, #module-prestablog-blog .elementor-text-editor { line-height: unset!important; font-weight: unset!important; color: unset!important; } #footer p a { color: #015AEE!important; } h1, h2, h3, h4, h5, h6, p, a { font-family: 'Roboto', sans-serif!important; } .elementor-column-gap-wider .elementor-row { gap: 30px; } #module-prestablog-blog .elementor-widget-container a.btn { color: #000; border: 0; } .page-content.page-cms ul { list-style-type: none; } .product-variants .product-variants-item-color .divider{ display: none; } .product-variants .product-variants-item-color #colors-choice-block .divider{ display: block; } #subcategories .subcategory-label a { max-width: 150px; width: 150px; height: 100%; justify-content: flex-start; } .product-miniature .product-title a { color: black; } .product-miniature .product-title a:hover { color: rgba(0, 0, 0, 0.8); } .elementor-element-843d6ac p { line-height: 1.5em!important; } .elementor-element-5746eb7 a { letter-spacing: 0.1em!important; } #product #wrapper { background-color: #fff!important; } #product .accordion .accordion-content p { font-size: 1em; line-height: 1.5em; } #product .accordion .accordion-content p a { color: #015AEE!important; } .elementor-slick-slider .slick-slider .slick-next, .elementor-slick-slider .slick-slider .slick-prev { background-color: rgba(0, 0, 0, .2); width: 40px; height: 40px; border-radius: 50%; transition: .4s; } .elementor-slick-slider .slick-slider .slick-next:hover, .elementor-slick-slider .slick-slider .slick-prev:hover { background-color: rgba(0, 0, 0, .7); } .section-title { background-color: #fff; } .section-title .section-title--title { margin-top: 15px; margin-bottom: 5px; } .section-title .section-title--title .elementor-widget-container { margin: 0!important; padding: 0!important; } .article-datas .elementor-container .elementor-row { gap: 20px; margin-bottom: 20px; } .article-datas .elementor-container .elementor-row .elementor-element { width: max-content!important; } .article-datas .elementor-container .elementor-row .elementor-element .elementor-element-populated { align-items: flex-start!important; padding: 0!important; } .article-datas .elementor-container .elementor-row .elementor-element .elementor-element-populated .elementor-widget-wrap { align-items: center; gap: 5px; } .article-datas .elementor-container .elementor-row .elementor-element .elementor-element-populated .elementor-widget-wrap .elementor-widget-text-editor { display: flex; align-items: center; } .article-datas .elementor-container .elementor-row .elementor-element .elementor-element-populated .elementor-widget-wrap .elementor-widget-icon .elementor-icon-wrapper { display: flex; align-items: center; } .article-datas .elementor-container .elementor-row .elementor-element .elementor-element-populated .elementor-widget-wrap .elementor-widget-icon, .article-datas .elementor-container .elementor-row .elementor-element .elementor-element-populated .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container { margin: 0!important; } .article-datas .elementor-container .elementor-row .elementor-element .elementor-element-populated .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container .elementor-text-editor p { margin: 0!important; } .article-datas .elementor-container .elementor-row .elementor-element .elementor-element-populated .elementor-icon i { width: 13px!important; height: 13px!important; font-weight: 400!important; } .article-datas .elementor-container .elementor-row .elementor-element .elementor-element-populated .article-datas--date { color: #7a7a7a; font-family: "Roboto",sans-serif; font-size: .95em; font-weight: 300; } .swiper-subcategories .subcategory-label { width: 100%; } .swiper-subcategories .swiper-button-prev, .swiper-subcategories .swiper-button-next { color: #000; background-image: unset; } .swiper-subcategories .swiper-button-prev.swiper-button-disabled, .swiper-subcategories .swiper-button-next.swiper-button-disabled { opacity: 0; } #subcategories-mobile .subcategory-label:hover a, #subcategories .subcategory-label:hover a { background-color: unset; border-color: black; color: black; } #index #wrapper { padding: 0!important; } .elementor-element-59e4f65 .elementor-element-populated, .elementor-element-5fd4461 .elementor-element-populated { padding: 0!important; } .elementor-element-9369825 { margin: 0!important; } .mm_menus_li .mm_tabs_li .mm_columns_contents_ul, .ets_mm_megamenu .mm_columns_ul:before { width: 1440px!important; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta { background-color: #000; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice { color: black; } .popin-colors-alta #choix-couleurs-alta .form-control-label::before { background: black; } .popin-colors-alta #choix-couleurs-alta .form-control-label svg { color: black; } .popin-colors-alta #choix-couleurs-alta .close:focus, .popin-colors-alta #choix-couleurs-alta .close:hover, .popin-colors-alta #choix-couleurs-alta .close { color: white; opacity: 1; } .category-title { font-size: 2em; } .category-description { margin-bottom: 30px; } .product-description p, .accordion-content p{ color: black; } .product-description a { color: #015AEE; } .only-mobile { display:none !important; } @media (max-width:1440px) { .mm_menus_li .mm_tabs_li .mm_columns_contents_ul, .ets_mm_megamenu .mm_columns_ul:before { width: 100%!important; } } @media (max-width:575px) { .product-quantity .qty, .product-quantity .add { justify-content: flex-start; } #product .product-prices { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical i.touchspin-up, .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical i.touchspin-down { top: 0; left: 0; padding: 0; } .section-avis .container, .section-avis .container .col-lg-12 { padding: 0; } #skeepers_product_widget .widget__block--sidebar { width: unset!important; } .product-container .col-lg-6 { width: 100%; } .mm_blocks_ul { display: flex; align-items: center; justify-content: flex-start; } .mm_blocks_ul .mm_blocks_li { width: unset; } .mm_blocks_ul .mm_img_content img { width: 50px!important; } } @media screen and (max-width: 768px) { body#index { width: 100%; overflow-x: hidden; } .only-mobile { display:list-item !important; } .elementor-column-gap-wider .elementor-row { gap: 15px; } } .block-category>h1 { color: black; } #category-description a{ color: #b2a861; font-weight: 700; } .faq_link{ margin-top: 10px; font-weight: 700; color: #333333 !important; } #cart .bootstrap-touchspin .input-group-btn-vertical i { top: unset; left: unset; } #cart .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down i { line-height: 0.8; } a { color: #015AEE; } a:hover{ color: #0245b6; } .btn-primary { background: #53A10F; background: linear-gradient(17deg,rgba(83, 161, 15, 1) 51%, rgba(119, 222, 29, 1) 100%, rgba(91, 202, 120, 1) 100%, rgba(87, 199, 133, 1) 100%); border-radius: 4px; color: white; border: none !important; } .btn-primary:hover { background: #53A10F; background: linear-gradient(17deg,rgba(83, 161, 15, 1) 51%, rgba(119, 222, 29, 1) 100%, rgba(91, 202, 120, 1) 100%, rgba(87, 199, 133, 1) 100%); color: white; } @media screen and (max-width: 768px) { .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical i { font-size: 20px !important; top: unset !important; left: unset !important; } .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical i.touchspin-down { line-height: 0.8; } #product .add-to-cart i { font-size: 1.1rem; } .ets_mm_megamenu_content_content .ybc-menu-toggle { display: flex; align-items: center; } #header .ets_mm_megamenu.hook-custom{ margin-top: 0; } #header .ets_mm_megamenu_content_content .mm_extra_item form{ height: 40px; } #header .ets_mm_megamenu_content_content .mm_extra_item { padding-right: 10px; } } #header .layout_layout5:not(.ybc_vertical_menu) .mm_menus_li { height: auto; display: flex; } #header .mm_extra_item #search_widget { height: auto; display: flex; margin: 0; } #header .mm_extra_item { padding: 5px 0; } #header .mm_extra_item #search_widget form{ display: flex; } #header .mm_extra_item #search_widget form button{ position: relative; top: unset; bottom: unset; left: unset; right: unset; transform: unset; -webkit-transform: unset; padding: 0 10px; background-color: black; cursor: pointer; border-radius: 0 5px 5px 0; } #header .mm_extra_item #search_widget form input{ padding-left: 10px; border-radius: 5px 0 0 5px; min-width: 200px; background-color: #f1f1f1; } #header .mm_extra_item #search_widget form i{ position: relative; top: unset; transform: unset; -webkit-transform: unset; padding: 0; color: white; } #header .layout_layout5:not(.ybc_vertical_menu) .mm_menus_li > a.ets_mm_url { display: flex; } #header .layout_layout5:not(.ybc_vertical_menu) .mm_menus_li > a.ets_mm_url .mm_menu_content_title{ min-height: unset; padding-top: 15px; padding-bottom: 15px; } #contact #left-column.col-12 .row { width: calc(100% - 30px); display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; margin-left: 15px; margin-right: 15px; } #contact #left-column.col-12 .row .col-6 { width: 50%; } #contact #left-column.col-12 .row .col-6.image-container { display: flex; align-items: flex-start; justify-content: flex-end; } #contact #left-column.col-12 .row .col-6.image-container img { border-radius: 10px; width: 100%; max-width: 500px; } .block-category .see-more-btn { background-color: #000; color: #fff; padding: 10px 20px; margin-bottom: 30px; text-align: center; display: block; transition: .4s ease-in-out; } .block-category .see-more-btn:hover { cursor: pointer; background-color: white; border: 1px inset black; color: black; } .category-description { height: auto; } .block-category .see-more-btn { display: none; } @media screen and (max-width: 768px) { #contact #left-column.col-12 .row { display: flex; flex-direction: column; margin-bottom: 30px; } #contact #left-column.col-12 .row .col-6 { width: 100%; } .category-description { overflow: hidden; } .category-description.collapsed { margin-bottom: 0; height: 50px; } .block-category .see-more-btn { display: block; } } @media (max-width: 768px) { .category-description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 4.5em; /* 3 lines * 1.5em line-height */ line-height: 1.5em; } .category-description.expanded { -webkit-line-clamp: unset; max-height: none; } .see-more { display: inline-block; color: #b2a861; cursor: pointer; font-weight:700; text-decoration: underline; margin: 10px 0 30px; } .category-description { margin-bottom: 0px; } } @media (min-width: 769px) { .see-more { display: none; } } /*Amélioration panier*/ @media screen and (max-width: 767px) { .page-cart .col-xs-12, .col-xs-6 { padding-right: 10px !important; padding-left: 10px !important; } .page-order .col-xs-12, .col-xs-6 { padding-right: 10px !important; padding-left: 10px !important; } } .page-cart .product-line-grid-right .product-price { padding-left:20px; } /*Rework template Product dans Cat version UPD*/ @media screen and (max-width:767px){ #js-product-list .col-xs-6 { border-bottom: 1px solid #c0c0c0; margin-bottom: 10px; } .col-xs-12, .col-xs-6{ padding-right:0 !important; padding-left: 0 !important; } .page-category .product-miniature .thumbnail-container { display: flex !important; background: none !important; margin-bottom: 0 !important } .product-miniature .thumbnail-container{ background: none !important; } .page-category .container { padding-left:0 !important; padding-right: 0 !important; } .gauche{ float: left; width: 33.33333%; } .droite{ float: right; width: 66.66666%; } .product-miniature .thumbnail-container .product-description h3.h3 a, .product-miniature .thumbnail-container .product-price-and-shipping .product-price{ font-weight:700 !important; color:#363636 !important } .product-miniature .thumbnail-container .product-description{ padding: 0px 0px 0px 5px !important; } .product-miniature .thumbnail-container .product-description h3.h3 a { font-size: 19px !important; } .product-description .product-description-short{ font-size:14px !important } span.apartirde { font-size: 11px; text-align: left; font-weight: 300; } .hostein{ display: flex; flex-direction: column; justify-content: flex-start; } .product-description a { text-align: left; } .product-miniature .thumbnail-container .product-price-and-shipping .product-price { letter-spacing: -0.5px; } .space_around{ display: flex; flex-direction: column; justify-content: space-around; } .product-miniature .regular-price { position: absolute; top: 137px !important; } .product-miniature .thumbnail-container .product-price-and-shipping { margin-bottom: 10px; } } /*Fin mobile*/ .bouton_qui_tue{ border: 0px solid rgb(54 95 72); border-radius: 5px; font-weight: 400 !important; transition: ease 0.6s; -webkit-transition: ease 0.6s; padding: 9px 22px 9px 22px !important; font-size:13px; border-radius: 5px; font-size:13px; background: #53A10F; background: linear-gradient(17deg,rgba(83, 161, 15, 1) 51%, rgba(119, 222, 29, 1) 100%, rgba(91, 202, 120, 1) 100%, rgba(87, 199, 133, 1) 100%); color:white !important; transition: ease 0.4s; } .bouton_qui_tue:hover{ background: #53A10F; background: linear-gradient(17deg,rgba(83, 161, 15, 1) 51%, rgba(119, 222, 29, 1) 100%, rgba(91, 202, 120, 1) 100%, rgba(87, 199, 133, 1) 100%); color:white !important; } .product-miniature .regular-price{ position: absolute; top:130px; } span.apartirde { font-weight: 300; font-size: 11px; } .space_around{ display: flex; flex-direction: column; justify-content: space-around; } .product-description-short { margin-bottom: 20px !important; } /*Avis Catégories sur desktop*/ .av_category_stars{ display: flex; justify-content: flex-start; align-items: center; width: 100%; } @media screen and (min-width: 1000px){ .av_category_stars a{ text-align: left !important; } } /*Avis vérifiés*/ .av_category_stars span { font-size: 11px; font-weight: 400; letter-spacing: -0.5px; } .av_category_stars .ratingText { font-weight:400 !important } .space_around a{ color:black; } /*Sticky add to add Button*/ /* Cache le bouton sticky par défaut */ .sticky-add-to-cart { display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; background-color: white; padding: 10px; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3); text-align: center; } /* Affiche le bouton sticky sur les appareils mobiles uniquement */ @media (max-width: 768px) { .sticky-add-to-cart { display: flex; justify-content: center; align-items: center; } .add{ position: absolute; left: -99999px; visibility: hidden; display: none; } } @media screen and (max-width: 575px) { #add-to-cart-or-refresh { position: relative; padding-bottom: 20px; } } /*OBF compte*/ .obflink{ position: relative; line-height: 20px; padding: 13px 20px !important; color:#232323; font-weight: 400; cursor: pointer; transition: ease 0.4s; } .obflink:hover{ color:#b2a861 } /*OBF panier*/ #obf_panier .obflink-cart { cursor: pointer; } .elementor-cart__container .elementor-cart__main { z-index: 999999; } /*Catégories Kits*/ .category-id-310 .sort-by-row { display: none !important; } .reassurance_kits { display: flex; align-items: center; justify-content: center; padding: 10px; background-image: linear-gradient(to bottom right, #515bd4, #8134af, #dd2a7b, #f58529); margin-bottom: 40px; border-radius: 10px; margin-left: 10%; margin-right: 10%; margin-top: 30px; } .icone_rea{ text-align: center; transition: ease-out 0.5s; } .icone_rea svg { font-size: 45px; } @media screen and (max-width:767px){ .icone_rea p { font-size: 11px !important; } .icone_rea svg { font-size: 30px !important; } .reassurance_kits { margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; } } .icone_rea p { font-size: 15px; color: #ffffff; text-align: center; margin-bottom: 10px; font-weight: 700; line-height: 16px; } .kit_seo_content { margin-top: 50px; } .kit_seo_content h2{ color: black; font-size: 25px; } .kit_seo_content p{ color: #161615; font-size: 15px; } .CTA_more_product{ width: 100%; display: flex; justify-content: center; padding: 30px; margin-top: 30px; } .CTA_more_product a{ text-decoration: none; color: white !important; font-size:17px !important; font-weight:900; border-radius:10px; text-align: center; padding: 15px 30px; background-image: linear-gradient(to bottom right, #515bd4, #8134af, #dd2a7b, #f58529); transition: ease 0.5s; -webkit-transform: ease 0.5; } .CTA_more_product a:hover{ background: #8134af; } /*A/B TEST cacher menu Landing pages composants Adwords*/ .category-id-314 section#nav_alta, .category-id-316 section#nav_alta, .category-id-317 section#nav_alta, .category-id-318 section#nav_alta, .category-id-319 section#nav_alta, .category-id-320 section#nav_alta, .category-id-321 section#nav_alta, .category-id-322 section#nav_alta, .category-id-323 section#nav_alta, .category-id-324 section#nav_alta, .category-id-325 section#nav_alta, .category-id-326 section#nav_alta, .category-id-327 section#nav_alta, .category-id-328 section#nav_alta, .category-id-329 section#nav_alta, .category-id-330 section#nav_alta, .category-id-331 section#nav_alta, .category-id-332 section#nav_alta { display: none; } .category-id-314 .see-more, .category-id-316 .see-more, .category-id-317 .see-more, .category-id-318 .see-more, .category-id-319 .see-more, .category-id-320 .see-more, .category-id-321 .see-more, .category-id-322 .see-more, .category-id-323 .see-more, .category-id-324 .see-more, .category-id-325 .see-more, .category-id-326 .see-more, .category-id-327 .see-more, .category-id-328 .see-more, .category-id-329 .see-more, .category-id-330 .see-more, .category-id-331 .see-more, .category-id-332 .see-more { display: none; } /**Démarcartion du Menu en desktop*/ @media (min-width: 1024px) { .mm_tabs_li.open .mm_columns_contents_ul, .mm_menus_li.hover .mm_tabs_li .mm_columns_contents_ul { overflow-y: hidden; -webkit-box-shadow: 1px 17px 17px -7px rgba(0, 0, 0, 0.63) !important; box-shadow: 1px 17px 17px -7px rgba(0, 0, 0, 0.63) !important; } } /*******************************Rework Mega Menu *********************************************/ #menu-overlay { position: fixed; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Noir avec une opacité de 50% */ z-index: 19; /* Assurez-vous qu'il se trouve au-dessus du contenu */ display: none; /* Caché par défaut */ } .elementor-search__product-details { font-family:'Roboto' } .elementor-search__product-name { font-size: 18px; font-weight: 600; } .elementor-search__product-category { font-style: italic; } .elementor-search__product-price { font-weight: 500; } @media screen and (max-width:767px){ li.mm_logo_li{ display: none !important; } .mm_menu_content_title i{ display: none; } #free_ship{ position:absolute; top: 10px } } li.mm_logo_li { display: flex; flex-direction: column; justify-content: center; padding-left: 10px; padding-right: 10px; } li.mm_logo_li img{ max-width: 200px !important; } .ets_mm_megamenu.mm_menu_center ul.mm_menus_ul { justify-content: center !important; } @media (min-width: 1024px) { .ets_mm_megamenu_content { display: flex; justify-content: center; position: relative; } .ets_mm_megamenu_content .container { padding: 0; width: 100%; display: flex; justify-content: center; } #header section.background-white { padding-bottom: 20px; padding-top: 20px; } #search_wrapper_top_bar{ display: flex; flex-direction: column; justify-content: center; } .ets_mm_megamenu.mm_menu_center ul.mm_menus_ul { justify-content: center !important; } #header .mm_extra_item{ display: none !important; } #rechercher .elementor-search__container { border-radius:10px; } #rechercher input::placeholder{ color: rgba(53, 53, 53, 0.616); font-weight: 500; } #rechercher input{ color: rgb(53, 53, 53); font-family: 'Roboto' !important; font-weight: 600; font-size: 18px; } /*Catégories*/ .mm_menu_content_title i{ margin-left: 6px; } .mm_menus_ul .mm_has_sub.hover { border-bottom: none !important; } .mm_menus_li.hover>.mm_columns_ul_tab.mm_columns_ul_tab .mm_tabs_li .mm_tab_li_content .mm_tab_toggle{ border-bottom:1px solid #e6e6e6 !important; } .mm_tab_li_content { /*background: rgb(235,235,235); background: -moz-linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebebeb",endColorstr="#ffffff",GradientType=1); /*background: rgb(24,24,24); background: -moz-linear-gradient(0deg, rgba(24,24,24,1) 0%, rgba(64,64,64,1) 50%, rgba(107,107,107,1) 100%); background: -webkit-linear-gradient(0deg, rgba(24,24,24,1) 0%, rgba(64,64,64,1) 50%, rgba(107,107,107,1) 100%); background: linear-gradient(0deg, rgba(24,24,24,1) 0%, rgba(64,64,64,1) 50%, rgba(107,107,107,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#181818",endColorstr="#6b6b6b",GradientType=1);*/ } .mm_tab_li_content:last-child{ width: 260px !important; } .mm_menus_li.hover>.mm_columns_ul_tab.mm_columns_ul_tab .mm_tabs_li .mm_tab_li_content .mm_tab_toggle .mm_tab_toggle_title .ets_mm_url img { width: 50px !important; height: 50px !important; } } /*Sous catégories*/ @media (min-width: 1024px) { .mm_tabs_li.open .mm_columns_contents_ul, .mm_menus_li.hover .mm_tabs_li .mm_columns_contents_ul { overflow-y: hidden; /*background: rgb(230,230,230); background: -moz-linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(235,235,235,1) 50%, rgba(235,235,235,1) 96%); background: -webkit-linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(235,235,235,1) 50%, rgba(235,235,235,1) 96%); background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(235,235,235,1) 50%, rgba(235,235,235,1) 96%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6e6e6",endColorstr="#ebebeb",GradientType=1); /*background: rgb(13,13,13); background: -moz-linear-gradient(0deg, rgba(13,13,13,1) 0%, rgba(41,41,41,1) 50%, rgba(24,24,24,1) 100%); background: -webkit-linear-gradient(0deg, rgba(13,13,13,1) 0%, rgba(41,41,41,1) 50%, rgba(24,24,24,1) 100%); background: linear-gradient(0deg, rgba(13,13,13,1) 0%, rgba(41,41,41,1) 50%, rgba(24,24,24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d0d0d",endColorstr="#181818",GradientType=1);*/ -webkit-box-shadow: 1px 17px 17px -7px rgba(0, 0, 0, 0.63) !important; box-shadow: 1px 17px 17px -7px rgba(0, 0, 0, 0.63) !important; } .mm_tabs_li.open .mm_columns_contents_ul, .mm_menus_li.hover .mm_tabs_li .mm_columns_contents_ul:first-child{ border-bottom-left-radius: 7px !important; } .mm_tabs_li.open .mm_columns_contents_ul, .mm_menus_li.hover .mm_tabs_li .mm_columns_contents_ul:last-child{ border-bottom-right-radius: 7px !important; } .mm_menus_li .mm_tabs_li .mm_columns_contents_ul img { width: 50px !important; height: 50px !important; } } /*rework fiche produit + Caté Flags Promo*/ .product-miniature .regular-price { top: 147px; } .mobile_only { display: block; } /* Afficher uniquement sur mobile (max 767px) */ @media only screen and (max-width: 767px) { .mobile_only { display: none !important; } #category .hostein .LaPromo { background: none !important; color: #333333 !important; padding: 7px 7px !important; border-radius: 3px !important; } a.bouton_qui_tue { position: relative; top: 9px; } .space_around { margin-bottom: 6px; } } span.product-price { text-align: left; } /**Jauges*/ /* Style pour les jauges */ .product-gauges { margin: 20px 0; display: flex; justify-content: flex-start; } .gauge { margin-bottom: 10px; margin-right: 40px; } .gauge{ display: flex; justify-content: flex-start; align-items: center; } .MEO { display: flex; flex-direction: column; justify-content: center; } .MEO span{ font-weight: 600 !important; font-size: 12px; line-height: 12px; } .MEO_text { font-size: 12px; color: #414141; } /*Jauges Catégory mobile**/ @media screen and (max-width:767px){ #category .MEO span{ display: none; } #category svg.difficulty-svg { width: 1.3em; } #category svg.time_svg { width: 1.2em; } #category .gauge { margin: 0 !important; position: relative; left: 10px; height: 24px; } #category .MEO_text{ font-weight: 500; color: #414141; } #category .product-gauges{ flex-direction: column; margin:0 !important } .page-index .MEO span{ display: none; } .page-index svg.difficulty-svg { width: 1.3em; } .page-index svg.time_svg { width: 1.2em; } .page-index .gauge { margin: 0 !important; position: relative; left: 10px; height: 24px; } .page-index .MEO_text{ font-weight: 500; color: #414141; } .page-index .product-gauges{ flex-direction: column; margin:0 !important } } @media screen and (min-width:768px){ #category .product-miniature .thumbnail-top { display: flex; justify-content: center; } #category .product-gauges { position: absolute; bottom: 0; margin: 0; } #category .gauge{ margin-bottom:0; margin-right: 30px; } #category svg.difficulty-svg{ width: 1.8em; } #category svg.time_svg { width: 1.8em; } .page-index .product-miniature .thumbnail-top { display: flex; justify-content: center; } .page-index .product-gauges { position: absolute; bottom: 0; margin: 0; } .page-index .gauge{ margin-bottom:0; margin-right: 30px; } .page-index svg.difficulty-svg{ width: 1.8em; } .page-index svg.time_svg { width: 1.8em; } } @media screen and (min-width:768px){ .page-index .product-miniature .regular-price{ top:155px; } } .product-miniature .highlighted-informations{ display: none; } .dernier span { font-weight: 700 !important; } /*Rework Page Produit*/ @media (max-width: 560px) { #product .avv .skeepers_product__stars > .skeepers_product__stars { margin-top: 7px; } } .accordion-toggle:checked + .accordion-title + .accordion-content { padding-top: 15px; max-height: 100%; } /*Cross selling*/ a.ets_crosssell_tab { color: #333333 !important; } .ets_crosssell_block .product-gauges{ display: none; } .ets_crosssell_block .featured-products .slick-arrow:hover{ background: #333333; border-color: #333333; } @media screen and (max-width:767px){ #product .ets_crosssell_block{ background: #F4F5F5; } #product h4.ets_crosssell_title { font-size: 18px; padding-bottom: 25px; padding-top: 25px; justify-content: center; } .ets_crosssell_nav_tabs{ padding-top: 20px; justify-content: center; } } /******************************Rework Page Produit****************************** **************************************************************************************************** **************************************************************************************************** **************************************************************************************/ #product #content-wrapper{ padding-left: 0 !important; padding-right: 0 !important; } #product #wrapper{ background: #F4F5F5 !important; } #product .container { width: 100% !important; padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .breadcrumb { margin-left: 10%; } #product #main { padding-left: 15px !important; padding-right: 15px !important; } } @media (max-width: 575px) { #wrapper { padding-top: 0 } } #product #main{ background: #F4F5F5; padding-left: 10%; padding-right: 10%; padding-top: 0px; margin-bottom: 50px } .product-container #content .product-cover{ background: none } @media (min-width:768px){ .product-container #content .product-cover{ display: flex; justify-content: center; } .product-cover img { background: none; width: 500px; margin: 0; } } ul.product-flags.js-product-flags{ position: absolute; margin-bottom: 0; } .product-cover img { background: none } .product-cover .layer{ background:rgba(0, 0, 0, 0.4); transition: 0.4s; -webkit-transition: 0.4s; } #product-modal .modal-content .modal-body .image-caption p{ color:#333333; text-align: center; } #product h1 { font-size: 2rem; } .new_description { margin-top: 20px; margin-bottom: 20px; } .new_description p{ color: #333333; font-size: 15px; line-height: 1.5em; } .new_description a{ color: black; } .product-information h3{ font-size: 16px; } #product .divider{ background-color: #dfdfdf !important; margin: 20px 0; } .variant-card,#colors-choice-block span.popinOpener { border-radius: 8px; } .variant-card{ -webkit-box-shadow: 4px 5px 6px -4px rgba(0,0,0,0.55); box-shadow: 4px 5px 6px -4px rgba(0,0,0,0.55); } .card-body{ font-size:0.8375rem } .variant-card.active { border-color: #333333; background: #333333; color: white; font-weight: 700; } .card.variant-card.active:after { position: absolute; width: 18px; height: 18px; border: 1px solid #333333; content: ''; top: -10px; right: -11px; border-radius: 50%; background: #21b134; background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221em%22 height=%221em%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22white%22 d=%22M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z%22/%3E%3C/svg%3E'); background-size: 15px 15px; background-repeat: no-repeat; } .btn-primary.add-to-cart{ background: #53A10F; background: linear-gradient(17deg,rgba(83, 161, 15, 1) 51%, rgba(119, 222, 29, 1) 100%, rgba(91, 202, 120, 1) 100%, rgba(87, 199, 133, 1) 100%); color: #fff; border: 0px solid rgb(54 95 72); transition: .4s; } .btn-primary.add-to-cart:hover{ background: #53A10F; background: linear-gradient(17deg,rgba(83, 161, 15, 1) 51%, rgba(119, 222, 29, 1) 100%, rgba(91, 202, 120, 1) 100%, rgba(87, 199, 133, 1) 100%); color: white; } .add{ margin-bottom: 0 !important; } .product-information .btn-primary.add-to-cart { border-radius: 3px !important; } @media (max-width: 560px) { #product #colors-choice-block .color-infos .popinOpener { order: 0; margin-bottom: 20px; width: fit-content; } } .color-infos-wrapper { display: flex; justify-content: flex-start; align-items: center; } #ins{ margin-left: 20px; margin-bottom: 20px; text-decoration: underline; color: #333333 ; cursor: pointer; } #ins:before{ position: relative; display: block; width: 16px; height: 16px; border: 1px solid #333333; content: ''; top: 18px; right: 22px; border-radius: 50%; background: #333333; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjYzZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMzIwIDUxMiI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik04MCAxNjBjMC0zNS4zIDI4LjctNjQgNjQtNjRoMzJjMzUuMyAwIDY0IDI4LjcgNjQgNjR2My42YzAgMjEuOC0xMS4xIDQyLjEtMjkuNCA1My44bC00Mi4yIDI3LjFhODcuOTggODcuOTggMCAwIDAtNDAuNCA3NHYxLjRjMCAxNy43IDE0LjMgMzIgMzIgMzJzMzItMTQuMyAzMi0zMnYtMS40YzAtOC4yIDQuMi0xNS44IDExLTIwLjJsNDIuMi0yNy4xYzM2LjYtMjMuNiA1OC44LTY0LjEgNTguOC0xMDcuN3YtMy42YzAtNzAuNy01Ny4zLTEyOC0xMjgtMTI4aC0zMkM3My4zIDMyIDE2IDg5LjMgMTYgMTYwYzAgMTcuNyAxNC4zIDMyIDMyIDMyczMyLTE0LjMgMzItMzJtODAgMzIwYTQwIDQwIDAgMSAwIDAtODBhNDAgNDAgMCAxIDAgMCA4MCIvPjwvc3ZnPg=='); /* Base64 code ici */ background-size: 13px 13px; background-repeat: no-repeat; } #ins:hover{ color: black; } /*Pre Rea*/ @media (max-width:767px){ .pre_rea h2 { text-align: center; font-size: 1.375rem !important; } } .pre_rea { display: flex; flex-direction: column; justify-content: center; background: white; padding-top: 50px; padding-left: 20px; padding-right: 20px; padding-bottom: 60px; } .pre_rea h2 { text-align: center; font-size: 1.8rem; color: #333333; } .pre_rea svg{ position: relative; top: 5px; } .rea_produit_wrapper{ display: flex; justify-content: space-between; align-items: center; background: white; margin-left: 10%; margin-right: 10%; padding-top: 30px; padding-bottom: 30px; } .rea_produit_container{ display: flex; align-items: center; gap: 10px; } .rea_produit{ display: flex; flex-direction: column; justify-content: flex-start; } .rea_produit .title{ font-weight: 700; font-size:16px; color:#333333; margin-bottom: 10px; } .little{ font-size: 13px; font-weight: 600; } .rea_produit span{ max-width: 200px; hyphens: auto; word-wrap: break-word; font-size: 11px; color:#333333; } @media (max-width: 768px) { .rea_produit_wrapper { display: flex; flex-wrap: wrap; gap: 16px; /* Espace entre les colonnes */ margin-left: 0% !important; margin-right: 0% !important; } .rea_produit { flex: 1 1 100%; /* Sur les très petits écrans, 100% de la largeur */ padding: 10px; } .rea_produit span{ max-width: 300px; hyphens: auto; word-wrap: break-word; font-size: 11px; color:#333333; } } /*Rework tabs / Accordions Produit*/ ul#productTabs { display: flex; justify-content: center; } @media screen and (max-width:767px){ #productTabs{ display: none !important; } } @media (min-width: 993px) { .devices{ display: none; } } @media (max-width: 992px) { .cpu{ display: none; } #product .skeepers_product__stars span { font-size:12px } #product .skeepers_product__stars > .skeepers_product__stars { margin-top: 5px; } #product .devices .skeepers_product__stars.stars-cursor{ pointer-events: none; } #product .accordion label { font-size: 1.15em; } } #product .nav-item .nav-link{ display: flex; color:#333333; padding-left: 30px; padding-right: 30px; border: 1px solid #333333 !important; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; font-weight: 500; } #product .nav-item .nav-link:nth-last-child(){ border-right: 1px solid #333333 !important; } #product .nav-tabs .nav-link.active, #product .nav-tabs .nav-link.active:focus{ background:#333333 !important; color: white !important; } #product .nav-tabs .nav-link:hover{ background:#4a4a4a !important; } #product .nav-tabs .nav-link:focus, #product .nav-tabs .nav-link:hover { border-color: #333333; background: #333333; color: white !important; } div#productTabContent { margin-top: 30px; margin-bottom: 90px; padding-bottom: 20px; } #product .tab-content p, #product .tab-content ul { text-align: left; } #product #extra-2 p{ text-align: center; } #product .product-tabs-accordions p, #product .product-tabs-accordions li, #product .product-tabs-accordions ol{ color: #333333 !important; font-size:15px !important; line-height: 1.5em; margin-bottom: 10px; text-align: left !important; } @media (min-width:768px){ .wrapper_accordion_img_produit{ display: flex; justify-content: center; align-items: baseline; gap: 30px; } } .accordion_img_produit { display: flex; flex-direction: column; justify-content: center; gap: 20px; } #product #footer_rea p { color: white !important; } #product .product-tabs-accordions .tab-pane a{ color:#b2a861 !important; text-decoration: underline; } .qr{ font-size:14px !important; text-align:left !important; } #desc-tab:before{ content: ''; display: inline-block; width: 20px; /* Ajuste selon la taille souhaitée */ height: 20px; margin-right: 8px; /* Espace entre l'icône et le texte */ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjI1IDZBLjc1Ljc1IDAgMCAxIDMgNS4yNWgxOGEuNzUuNzUgMCAwIDEgMCAxLjVIM0EuNzUuNzUgMCAwIDEgMi4yNSA2bTAgNEEuNzUuNzUgMCAwIDEgMyA5LjI1aDE4YS43NS43NSAwIDAgMSAwIDEuNUgzYS43NS43NSAwIDAgMS0uNzUtLjc1bTAgNGEuNzUuNzUgMCAwIDEgLjc1LS43NWg3YS43NS43NSAwIDAgMSAwIDEuNUgzYS43NS43NSAwIDAgMS0uNzUtLjc1bTExLjE4LjUxMmEuNzUuNzUgMCAwIDEgMS4wNTgtLjA4MWwzLjAxMiAyLjU4MWwzLjAxMi0yLjU4MWEuNzUuNzUgMCAxIDEgLjk3NiAxLjEzOGwtMy41IDNhLjc1Ljc1IDAgMCAxLS45NzYgMGwtMy41LTNhLjc1Ljc1IDAgMCAxLS4wODEtMS4wNTdNMi4yNSAxOGEuNzUuNzUgMCAwIDEgLjc1LS43NWg3YS43NS43NSAwIDAgMSAwIDEuNUgzYS43NS43NSAwIDAgMS0uNzUtLjc1IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4='); /* Base64 code ici */ background-size: contain; background-repeat: no-repeat; vertical-align: middle; } .nav-link.active#desc-tab:before,.nav-link:hover#desc-tab:before{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IndoaXRlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjI1IDZBLjc1Ljc1IDAgMCAxIDMgNS4yNWgxOGEuNzUuNzUgMCAwIDEgMCAxLjVIM0EuNzUuNzUgMCAwIDEgMi4yNSA2bTAgNEEuNzUuNzUgMCAwIDEgMyA5LjI1aDE4YS43NS43NSAwIDAgMSAwIDEuNUgzYS43NS43NSAwIDAgMS0uNzUtLjc1bTAgNGEuNzUuNzUgMCAwIDEgLjc1LS43NWg3YS43NS43NSAwIDAgMSAwIDEuNUgzYS43NS43NSAwIDAgMS0uNzUtLjc1bTExLjE4LjUxMmEuNzUuNzUgMCAwIDEgMS4wNTgtLjA4MWwzLjAxMiAyLjU4MWwzLjAxMi0yLjU4MWEuNzUuNzUgMCAxIDEgLjk3NiAxLjEzOGwtMy41IDNhLjc1Ljc1IDAgMCAxLS45NzYgMGwtMy41LTNhLjc1Ljc1IDAgMCAxLS4wODEtMS4wNTdNMi4yNSAxOGEuNzUuNzUgMCAwIDEgLjc1LS43NWg3YS43NS43NSAwIDAgMSAwIDEuNUgzYS43NS43NSAwIDAgMS0uNzUtLjc1IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4='); /* Base64 code ici */ } div#desc{ text-align: left; } #product .tab_content { text-align: left; } @media screen and (min-width:768px){ #product .tab_content { padding-left: 10%; padding-right: 10%; } } .av_svg{ position: relative; top: 2px; margin-right: -4px; } #product .rating__sorting { display: none !important; } #product .skeepers_product__reviews{ margin: 0 !important; } #product #skeepers_product_widget.widget--vertical .rating__filters{ display: none; } #product #skeepers_product_widget.widget--vertical .rating{ justify-content: center; } #product #skeepers_product_widget .review__status .upvotes-container.view-upvotes+.report-review{ display: none; } .product-tabs-accordions { background: white; padding-left: 5%; padding-right: 5%; padding-bottom: 55px; text-align: center; min-height: 350px; } .product-tabs-accordions h2, .product-tabs-accordions h3{ font-size: 1.1125rem; } #product .accordion .accordion-content p a { color: #b2a861 !important; } @media (min-width: 992px) { .accordion-item { display: none; } } .nav-item .nav-link{ border: #333333; } .nav-item { font-size:15px !important } /* Accordions for mobile/tablet */ @media (max-width: 991px) { } @media (max-width: 560px) { #product .avv .skeepers_product__stars > .skeepers_product__stars { margin-top: 7px; } } .accordion-toggle:checked + .accordion-title + .accordion-content { padding-top: 40px; max-height: 100%; } /*Bloc trouver produit dans page produit*/ @media (min-width:768px){ #product .bloc_trouver_produit{ padding-left: 10%; padding-right: 10%; } } #product .bloc_trouver_produit{ background:#F4F5F5; display:flex; justify-content: flex-start; gap:40px; height: 280px; margin-left: 10%; } .contenu_texte{ display: flex; flex-direction: column; justify-content: center; align-items: center; } span#trouver_title{ font-size: 1.4em; color: #333333; margin-top: 20px; font-weight: 600; } .contenu_texte span { max-width: 500px; text-align: center; font-size: 16px; color:#333333; margin-bottom: 30px; } .bouton_chercher{ display: flex; align-items: center; gap: 10px; padding-left: 5%; padding-right: 5%; padding-top: 2%; padding-bottom: 2%; background: #333333; color: white; text-transform: uppercase; transition: 0.4s ease-out; -webkit-transition: 0.4s ease-out; cursor: pointer; border: 1px solid #333333; font-size: 1em; border-radius: 4px; text-decoration: none; } .bouton_chercher:hover{ background:#333333cc; color: white; text-decoration: none; } @media screen and (min-width: 1200px) and (max-width: 1850px) { .image_trouver_produit { margin-right: 0 !important; } .trouver_img { position: absolute; top: -143px; max-width: 530px; } } @media screen and (min-width:1851px){ .image_trouver_produit { margin-right: 15% !important; } } /**Media query Tablette*/ @media (min-width: 768px) and (max-width: 1024px) { #product .bloc_trouver_produit { justify-content: center; margin: 0 !important } .image_trouver_produit{ display: none !important; } .rea_produit_wrapper{ margin: 0 !important; } .bouton_chercher{ font-size: 1em !important; } } /*Fin Media query Tablette*/ @media (max-width:767px){ #product .bloc_trouver_produit { margin-left: 15px !important; margin-right: 15px !important; height: 345px !important; } .image_trouver_produit{ display: none !important; } .trouver_title { font-size: 1.5em; text-align: center !important; } .bouton_chercher{ font-size: 1em !important; } .product-tabs-accordions { padding-left: 15px !important; padding-right: 15px !important; } #product .container.cs_mobile{ padding-left: 10px !important; padding-right: 10px !important; } } .image_trouver_produit { display: flex; justify-content: flex-end; position: relative; top: -150px; margin-right: 10% ; } .trouver_img{ position: absolute; top: -350px; max-width: 650px; } /*Cross selling page produit*/ #product .ets_crosssell_nav_tabs li.active a, #product .ets_crosssell_nav_tabs.nav-tabs li.active a, #product .ets_crosssell_nav_tabs.nav-tabs li.active a:hover{ color:#333333; } @media (min-width:768px){ .cross_sell_aera{ padding-left: 10%; padding-right: 10%; } } #product li.ets_crosssell_list_blocks{ background: #F4F5F5; } /*Rework bouton +- */ .qty .btn{ border:none } .input-group .input-group-btn>.btn{ display: none; } .product-quantity #quantity_wanted, button.btn.btn-decrement.btn-quantity, button.btn.btn-increment.btn-quantity{ color:#333333; font-weight: 600; border-top: 1px solid #333333; border-bottom: 1px solid #333333; } button.btn.btn-decrement.btn-quantity { border-left:1px solid #333333; border-bottom: 1px solid #333333; border-top: 1px solid #333333; border-top-left-radius: 50%; border-bottom-left-radius: 50%; background: transparent; padding-top: 1em; } button.btn.btn-decrement.btn-quantity:focus{ outline: none; } button.btn.btn-increment.btn-quantity:focus{ outline: none; } button.btn.btn-increment.btn-quantity { border-right:1px solid #333333; border-bottom: 1px solid #333333; border-top: 1px solid #333333; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background: transparent; padding-top: 1em; } .product-quantity #quantity_wanted { border-right: none; border-left: none; width:9em !important; } /*Rework couleurs*/ .popin-colors-alta{ width: 830px; } .popinOpener{ font-weight: 600; -webkit-box-shadow: 4px 5px 6px -4px rgba(0, 0, 0, 0.55); box-shadow: 4px 5px 6px -4px rgba(0, 0, 0, 0.55); } #colors-choice-block span.popinOpener{ display: flex; align-items: center; border:none !important; font-size: 0.8375rem !important; } .popinOpener::before { content: ''; display: inline-block; width: 24px; /* Ajuste selon la taille souhaitée */ height: 24px; margin-right: 8px; /* Espace entre l'icône et le texte */ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiNDQzMyMUQ7IiBkPSJNMjU3LjEzOCw0MDcuNzMxVjUwOS40OUgxMDQuMDg3Yy0xMi4wNjktNTUuMjU4LDIuMzM5LTE2NS42NiwxMC42OTgtMTc5LjM1M0wyNTcuMTM4LDQwNy43MzF6Ii8+DQo8cG9seWdvbiBzdHlsZT0iZmlsbDojRTU0NzI4OyIgcG9pbnRzPSIzODIuNzg4LDI5NC43MTkgMzgyLjc4OCw1MDkuNDkgMjU3LjEzOCw1MDkuNDkgMjU3LjEzOCw0MDcuNzMxIDI1Ni43MSwzMjUuMTQ0IA0KCTM3MC4xNjQsMjk0LjcxOSAiLz4NCjxyZWN0IHg9IjM4Mi43OTUiIHk9IjI5NC43MTkiIHN0eWxlPSJmaWxsOiNGOTU0Mjg7IiB3aWR0aD0iMTI1LjY2NCIgaGVpZ2h0PSIyMTQuNzciLz4NCjxnPg0KCTxyZWN0IHg9IjM3NS42NjMiIHk9IjI5NC43MTkiIHN0eWxlPSJmaWxsOiM2NjY2NjY7IiB3aWR0aD0iMTQuMjY0IiBoZWlnaHQ9IjIxNC43NyIvPg0KCTxyZWN0IHg9IjI1MC4wMTMiIHk9IjM2MS41MTciIHN0eWxlPSJmaWxsOiM2NjY2NjY7IiB3aWR0aD0iMTQuMjY0IiBoZWlnaHQ9IjE0Ny45NzMiLz4NCjwvZz4NCjxwYXRoIHN0eWxlPSJmaWxsOiMxNjhCQkY7IiBkPSJNMjkwLjE1OCwzNzQuNzExbC0zMy4wMjEsMzMuMDIxbC01My41MTgsNTMuNTMyYy05OC44MiwyNS4wNjItNTMuMTc2LTMzLjE2My01My4xNzYtNTIuMzM0DQoJbC03LjEzMi0xMjguMDA0bDc0Ljk4NSwyMS45MjNMMjkwLjE1OCwzNzQuNzExeiIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzJCQTVGNzsiIHBvaW50cz0iMzE2LjA5LDQ1LjA3NCA0NjcuOTQzLDE5Ni45NDEgMzc5LjAyMiwyODUuODYxIDIyNy4xNjksMTM0LjAwOSAiLz4NCjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMyMTk3RDg7IiBwb2ludHM9IjM3MC4xNjQsMjk0LjcxOSAyOTAuMTU4LDM3NC43MTEgMjE4LjI5NywzMDIuODUgMTgxLjExMSwyNDIuNDE0IDIxOC4yOTcsMTQyLjg2NiANCgkyMjcuMTY5LDEzNC4wMDkgMzc5LjAyMiwyODUuODYxICIvPg0KPGc+DQoJPHBvbHlnb24gc3R5bGU9ImZpbGw6IzY2NjY2NjsiIHBvaW50cz0iMzczLjk4LDI5MC45MDUgMjIyLjEyNywxMzkuMDUyIDIzMi4xOTksMTI4Ljk1MiAzODQuMDY0LDI4MC44MTggCSIvPg0KCQ0KCQk8cmVjdCB4PSIxNzIuNjQ3IiB5PSIzMTguODk1IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgMTgxLjcwMjEgNzI3LjMxNjcpIiBzdHlsZT0iZmlsbDojNjY2NjY2OyIgd2lkdGg9IjEzNy42NzMiIGhlaWdodD0iMTQuMjY0Ii8+DQo8L2c+DQo8cG9seWdvbiBzdHlsZT0iZmlsbDojQjI3MjE0OyIgcG9pbnRzPSIyMTguMjk3LDMwMi44NSAyMTguMjk3LDM3MC4xMTggMy41NDEsMzcwLjExOCAzLjU0MSwyNDQuNDY4IDIxOC4yOTcsMjQ0LjQ2OCAiLz4NCjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNFMDlCMkQ7IiBwb2ludHM9IjIxOC4yOTcsMTQyLjg2NiAyMTguMjk3LDI0NC40NjggMy41NDEsMjQ0LjQ2OCAzLjU0MSwxMTguODAzIDIxOC4yOTcsMTE4LjgwMyAiLz4NCjxyZWN0IHg9IjMuNTQxIiBzdHlsZT0iZmlsbDojRjdCMjM5OyIgd2lkdGg9IjIxNC43NTYiIGhlaWdodD0iMTE4LjgwMyIvPg0KPGc+DQoJPHJlY3QgeD0iMy41NDEiIHk9IjExMS42NzEiIHN0eWxlPSJmaWxsOiM2NjY2NjY7IiB3aWR0aD0iMjE0Ljc1NiIgaGVpZ2h0PSIxNC4yNjQiLz4NCgk8cmVjdCB4PSIzLjU0MSIgeT0iMjM3LjMzNiIgc3R5bGU9ImZpbGw6IzY2NjY2NjsiIHdpZHRoPSIyMTQuNzU2IiBoZWlnaHQ9IjE0LjI2NCIvPg0KPC9nPg0KPHBhdGggc3R5bGU9ImZpbGw6I0NDQ0NDQzsiIGQ9Ik0yMTguMjk3LDQwNC42MjJ2LTM0LjUwNEgzLjU0MXYzNC41MDRDMy41NDEsNDYzLjkyNSw1MS42MTYsNTEyLDExMC45MTksNTEybDAsMA0KCUMxNzAuMjIyLDUxMiwyMTguMjk3LDQ2My45MjUsMjE4LjI5Nyw0MDQuNjIyeiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0Y5NTQyODsiIGQ9Ik0xMTAuOTIsNDA4Ljk1OGMxMC43MjgsMCwxOS40MjcsOC42OTksMTkuNDI3LDE5LjQyN3MtOC43LDE5LjQyNy0xOS40MjcsMTkuNDI3DQoJYy0xMC43NDUsMC0xOS40NDQtOC43LTE5LjQ0NC0xOS40MjdTMTAwLjE3Niw0MDguOTU4LDExMC45Miw0MDguOTU4eiIvPg0KPHJlY3QgeD0iMy41NDEiIHk9IjM2Mi45ODYiIHN0eWxlPSJmaWxsOiM2NjY2NjY7IiB3aWR0aD0iMjE0Ljc1NiIgaGVpZ2h0PSIxNC4yNjQiLz4NCjwvc3ZnPg=='); /* Base64 code ici */ background-size: contain; background-repeat: no-repeat; vertical-align: middle; } @media (max-width: 560px) { #product .popin-colors-alta #choix-couleurs-alta .all-colors-alta { height: 70vh; max-height: 100%; } #product .popin-colors-alta #choix-couleurs-alta .footer-colors-alta { -webkit-box-shadow: 5px 3px 15px 2px rgba(0, 0, 0, 0.53); box-shadow: 5px 3px 15px 8px rgba(0, 0, 0, 0.73); } } /*Rework contenance*/ .content-variant { font-size: 11px; line-height: 13px; text-align: center; font-weight: 600; } .variant-cards{ margin-bottom:20px; } span.type_support { padding: 5px 9px; background: #9f9f9f; color: white; font-size: 11px; font-weight: 600; border-radius: 5px; text-transform: uppercase; } div#contenance_tooltip { font-size: 11px; line-height: 32px; } @media (max-width:767px){ #contenance_tooltip{ display: flex; flex-wrap: wrap; align-items: center; gap:5px; } span.type_support{ width: fit-content !important; font-size: 10px !important; padding: 2px 6px !important; } } /*Echantillon et couleurs*/ .popin-colors-alta #choix-couleurs-alta .header-colors-alta h3 { text-align: center; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice:before{ content:'Saisir une couleur ou code pantone...' !important; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice{ border-radius: 25px; border: none; font-size: 0.8rem; font-weight: bold; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice:focus{ outline: none; border: 2px solid #b2a861; } .popin-colors-alta #choix-couleurs-alta .header-colors-alta .search-and-file #product-colors-choice:before{ font-size: 0.8rem; color: #696969; } #notice_echantillon{ padding-left: 5%; padding-right: 5%; padding-top: 20px; } /*Popin Echantillon*/ .echantillon_wrapper{ display: flex; } #overlay_echantillon { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); /* Couleur sombre avec transparence */ z-index: 99999998; /* Juste derrière la popup */ opacity: 0; display: none; /* Masqué par défaut */ transition: opacity 0.8s ease; } #overlay_echantillon.open { opacity: 1; /* L'overlay devient visible */ display: block; /* Affiche l'overlay quand il est en "open" */ } #pop_in_echantillon { position: fixed; top: 0; right: 0; width: 100%; /* Par défaut, prend 100% pour mobile */ max-width: 100%; /* Sur mobile, ne dépasse pas 100% */ height: 100%; /* Occupe toute la hauteur */ background: white; opacity: 1; z-index: 99999999; overflow: auto; transform: translateX(100%); /* Commence en dehors de l'écran */ transition: transform 0.6s ease; /* Animation de translation */ } @media (min-width: 768px) { #pop_in_echantillon { width: 50%; /* Sur desktop, prend 50% de largeur */ max-width: 50%; /* Limite la largeur */ right: 0; /* Aligne à droite */ } } /* Classe pour afficher #pop_in_echantillon avec l'animation */ #pop_in_echantillon.open { transform: translateX(0); /* Glisse vers la position centrale */ } .header_echantillon { display: flex; justify-content: space-between; border-bottom: 1px solid #c7c7c7; padding: 20px 30px; align-items: center; } .header_echantillon svg { width: 2.8em; height: 2.8em; cursor: pointer; } .header_echantillon span { font-weight: 600; color: #333333; font-size: 1.3em; line-height: 1.4em; } .adresse_echantillon { margin: 20px; padding: 10px; border: 1px solid #333333; text-align: center; } /*PAGE CONFIRMATION COMMANDE*/ @media screen and (max-width: 767px) { #order-confirmation .col-xs-12, .col-xs-6 { padding-right: 15px !important; padding-left: 15px !important; } #order-confirmation section.featured-products.clearfix { display: none; } } /*Page commande*/ #checkout a { color: #333333; font-weight: 700; text-decoration:none; } #checkout a:hover{ color: #b2a861 !important } #checkout span.product-price.float-xs-right { font-weight: 700; font-size: 1rem; } /*Page Sitemap**/ #sitemap{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; grid-auto-rows: minmax(100px, auto); } @media screen and (max-width:767px){ #sitemap{ grid-template-columns: 1fr; } } .cms-id-16 h2{ color: #C93D49 !important; font-weight: 900; } .cms-id-16 h3{ color: #333333cc; } #sitemap h3 { margin-bottom: 20px !important; } .cat_sm{ margin-left: 30px !important; } #sitemap a{ text-decoration: underline !important; color: #333 !important; } /****Guide d'achat Peinture Cuir***/ .guide_wrapper{ display: flex; justify-content: center; padding-bottom: 30px; } .guide-achat-link{ padding: 8px 20px; border: 1px solid rgb(54 95 72); background-color:rgb(54 95 72) ; color:white; font-weight: 400; text-transform: uppercase; text-decoration: none; transition: ease 0.6s; -webkit-transition: ease 0.6s; text-align: center; } .guide-achat-link:hover{ background-color:white ; color:rgb(54 95 72) !important; } /*customisation des h2 de la FAQ pour la caté 156 Nettoyer Cuir Voiture*/ .questions_nettoyer_cuir{ font-size: 17px !important; margin-top: 20px !important; } /***PAGE CMS NETTOYER CUIR VOITURE****/ .cms-id-18 #wrapper{ background: white !important; } /*****Bouton Apple Pay ********/ #applepay-product-button, #googlepay-product-button{ margin-top:30px; margin-bottom: 30px; } @media screen and (min-width:768px){ #applepay-product-button,#googlepay-product-button{ width:270px } } /**Catégorie 340 Nettoyer Chaussures Daim*/ .category-id-340 p { font-size: 14px !important; } /*Rework page nettoyer*/ .category-id-5 .elementor-toggle .elementor-tab-content a { padding: 0 !important; border: none !important; color: #b2a861 !important; background-color: transparent !important; text-transform: lowercase !important; transition: 0s ease-in-out; font-size: inherit !important; } /*NEW BLOG*/ #module-prestablog-blogcuir .space_around{ padding: 10px 10px !important; } #module-prestablog-blogcuir .product-description-short { font-size: 13px; } #module-prestablog-blogcuir .product-miniature .regular-price { top: 143px !important; }