html{scroll-behavior:smooth!important}:root{--color1:#1D1D1B;--color2:#007abe;--color3:#ffffff;--color4:#7fbcab;--color5:#F7E7D2}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif}body{background-color:#f9f9f9}button.button.secondary.float-right{background:var(--color1)}#logout-reveal a.button,.escm-button-negative,.reveal.small .button{color:var(--color3);border:1px solid var(--color2);border-radius:60px;background-color:var(--color2)}#logout-reveal a.button:hover,.escm-button-negative:hover,.reveal.small .button:hover{color:var(--color3);border-radius:60px;border:1px solid var(--color4);background-color:var(--color4)}.cookiesPreferences-action .button:hover{background-color:var(--color4)!important}.product-card .product-card-top .product-option{top:0;right:0}.product-card .product-card-top .product-labels-container{max-width:200px}.product-card .product-card-top .product-labels-container .label{font-size:.9rem}::-webkit-input-placeholder{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}:-moz-placeholder{opacity:1;-moz-transition:opacity .5s;transition:opacity .5s}::-moz-placeholder{opacity:1;-moz-transition:opacity .5s;transition:opacity .5s}:-ms-input-placeholder{opacity:1;-ms-transition:opacity .5s;transition:opacity .5s}::placeholder{opacity:1;transition:opacity .5s}:focus::-webkit-input-placeholder{opacity:0}:focus:-moz-placeholder{opacity:0}:focus::-moz-placeholder{opacity:0}:focus:-ms-input-placeholder{opacity:0}:focus::placeholder{opacity:0}._0033_marketing{max-width:1200px;margin:20px auto}.breadcrumbs li{color:#000;font-size:13px}.breadcrumbs li a{color:#154734;font-size:13px}.breadcrumbs li a:hover{color:#000}.cookiesOpenButton{border:0;box-shadow:0 0 7px 4px rgb(0 0 0/9%);font-weight:600}.cookiesOpenButton:hover{color:var(--color2);background-color:#fff;border:0;transform:scale(1);transition:.3s ease-in-out}.cookiesOpenButton,.cookiesPreferences-action .button{color:#fff;background-color:var(--color2);transition:.3s ease-in-out}.cookiesPreferences-action .button{border:1px solid var(--color2);font-weight:500}.cookiesPreferences-action .button:hover{color:#fff;border:1px solid var(--color4);transition:.3s ease-in-out}.cookiesPreferences-header{flex-wrap:wrap}.cookiesValidation-header-title{color:var(--color1);font-size:16px}.cookiesPreferences-action .button,.cookiesValidation-actions button{border-radius:60px}.cookiesValidation-actions .button{background-color:var(--color2)}.cookiesValidation-actions .buttonHollow{border:1px solid var(--color4);color:#fff;background-color:var(--color4)}#libCookieClosePreferencesButton,.libCookieDeclineButton{color:#686d77}.libCookieDeclineButton:hover{color:#8a8a8a}.cookie-footer input:checked~.switch-paddle{background:var(--color1)}.cookie-footer .switch-paddle{border-radius:15px}.cookie-footer .switch-paddle::after{border-radius:10px}#u-aa328672-8a02-4871-993a-8b841e72e118{width:100%;margin:30px auto 20px;padding-bottom:10px;border-bottom:1px solid #8a8a8a}#u-4955408d-ffce-4907-8e09-bb695d895319,#u-7f5ce921-f916-4b86-89c9-84005f1c8e9d{margin:0 auto 20px;padding-bottom:10px;border-bottom:1px solid #8a8a8a}#u-7f5ce921-f916-4b86-89c9-84005f1c8e9d{width:100%}nav.grid-x.grid-padding-x{background:#eee;padding:12px 0 0 5px;border-radius:4px}@media screen and (min-width:64em){.cookiesPreferences-table-header{background-color:var(--color2);font-weight:500;border-radius:60px}.cookiesPreferences-table-content .cookie[data-es-id=cookies-preferences-item]{border-radius:60px}}@media screen and (min-width:40em){.grid-container.fluid{padding-right:0;padding-left:0}}@media screen and (max-width:670px){.breadcrumbs li,.breadcrumbs li a{font-size:12px}}@media screen and (max-width:1024){button.topButton{display:none}}button[data-es-id=product_card-express-quotation]{width:100%;font-weight:400;font-style:normal;text-transform:uppercase;text-decoration:none;background-color:var(--color2);color:#fff;margin:5px auto 1rem;border-radius:60px}.expressQuotationForm .express-quotation-confirm-button:hover,button[data-es-id=product_card-express-quotation]:hover{background-color:var(--color4);color:#fff;border-radius:60px}.expressQuotation{display:none;width:95%!important;min-height:70vh;padding:1.5rem 3rem}.expressQuotationForm{display:flex;flex-direction:column}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6{width:100%}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 label{display:none}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 input,.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 select,.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 textarea{box-shadow:none;border:1px solid var(--color1);border-radius:60px;font-size:.9rem;font-weight:500;color:var(--color1)}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 input::placeholder,.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 textarea::placeholder{font-size:.9rem;font-weight:500;color:var(--color1)}.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 input:focus,.expressQuotationForm .grid-x.grid-padding-x .cell.medium-6 select:focus{box-shadow:none}.expressQuotationForm h2[data-es-id=express_quotation_modal_title]{font-size:1.9rem;font-weight:600;color:var(--color1);text-align:center;text-transform:uppercase;margin-top:30px;margin-bottom:30px}.expressQuotationForm .editableLabel p,.expressQuotationForm .editableLabel span{font-family:inherit!important;color:var(--color1)!important}.expressQuotationForm .editableLabel a p,.expressQuotationForm .editableLabel a span{color:var(--color1)!important}.expressQuotationForm .editableLabel a:hover p,.expressQuotationForm .editableLabel a:hover span{text-decoration:underline!important}.expressQuotationForm .express-quotation-confirm-button{background-color:var(--color2);color:#fff;border-radius:60px;text-transform:uppercase}.close-button#express-quotation-close svg{width:.75rem;color:var(--color1)}.close-button#express-quotation-close svg:hover{color:var(--color1)}.expressQuotationForm .captcha,.expressQuotationForm .g-recaptcha{margin:0 auto;display:flex;justify-content:center}@media screen and (max-width:39.9375em){.expressQuotationForm h2[data-es-id=express_quotation_modal_title]{font-size:1.5rem}}.product-theme{border-radius:10px}.altcha-label{font-size:0!important}.altcha-label:before{font-size:.9rem!important;content:"Je ne suis pas un robot"} /* 0007_header : u-2db88d1d-5a39-4dd8-aef2-167a775fa816 */ #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 header { z-index: 10000; top: 0; width: 100vw; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 h1.home-title { display: none; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .sticky-container .sticky { position: fixed; width: 100%; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop { background-color: var(--color2); /* background: linear-gradient(to right, var(--color4), var(--color2), var(--color4)); */ padding: 2px 16px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .sticky.is-stuck .headerMenuTop { height: 0; overflow: hidden; min-height: unset; padding: 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a { color: var(--color3); font-size: 0.8em; font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a i { color: var(--color3); font-size: 0.9rem; } .headerMenuTop a:hover, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a:hover i { color: var(--color3) !important; transition: 250ms color ease; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .dropdown.menu a::after { border-color: var(--color3) transparent transparent; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .is-dropdown-submenu { border: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2); background-color: var(--color3); z-index: 20; border-top: 2px solid var(--color2); padding: 5px 10px; top: 31px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .is-dropdown-submenu li { line-height: 2; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .is-dropdown-submenu li button { color: var(--color2); padding: 8px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .is-dropdown-submenu li button:hover { cursor: pointer; color: var(--color2); transition: 250ms color ease; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu { background-color: var(--color3); padding: 0.5rem 50px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu { align-items: center; font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu .logo { margin-right: 2rem; padding-left: 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu .logo:hover { margin-right: 2rem; padding-left: 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu li a span { display: inline-block; font-weight: 600; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu li a span::first-letter { text-transform: uppercase; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 header .logo img { height: auto; max-width: 150px; min-width: 50px; object-fit: contain; margin-top: -5px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-search input { max-width: 180px !important; color: var(--color1) !important; font-size: 0.9rem; font-weight: 500; border: 1px solid var(--color2) !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 60px !important; border-bottom-left-radius: 60px !important; box-shadow: none !important; margin-left: 1rem; padding-left: 15px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-search input::placeholder { color: var(--color1); font-size: 0.9rem; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-search button { color: var(--color3); background-color: var(--color2) !important; border: 1px solid var(--color2) !important; padding-left: 9px; border-radius: 0; border-top-right-radius: 60px !important; border-bottom-right-radius: 60px !important; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-search button:hover { color: var(--color3); background-color: var(--color4) !important; border: 1px solid var(--color4) !important; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-search button i { position: relative; left: 6px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-search form { margin-bottom: 0; } @media screen and (min-width: 1024px) { #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .sticky.is-stuck .off-canvas-wrapper { box-shadow: 0; } .mobileMenu-btn, .headerMenuTop-searchExandable, .headerMenuTop .logo, .mobileMenu, .headerMenu .companyInformations, .headerMenu .accountLinks, .headerMenu .accountLinks .wishlist-link, .headerMenu .accountLinks .connexion-link, .headerMenu .accountLinks .shoppingCart-link, .headerMenu .accountLinks .languageSelect, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .close-button { display: none; } .headerMenuTop .companyInformations, .headerMenuTop .accountLinks .wishlist-link, .headerMenuTop .accountLinks .connexion-link, .headerMenuTop .accountLinks .languageSelect, .headerMenu-search, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .logo { display: block; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .accountLinks { margin-right: 33px; align-items: center; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .accountLinks .connexion-link { display: flex; align-items: center; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .accountLinks .connexion-link i { font-size: 0.825rem; color: var(--color3); width: 15px; height: 15px; position: relative; top: 0; font-weight: 300; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .accountLinks .connexion-link span { display: none; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .accountLinks .connexion-link span[data-es-label="header.login"] { display: block; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .accountLinks .connexion-link .connexion-link-dropdown a:first-child { margin-right: 0; padding-left: 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .accountLinks .connexion-link .connexion-link-dropdown a:last-child::before { content: url(/api/assets/u-94295211-6ee9-4d56-ab49-f10b24bf1294); margin-right: 5px; color: var(--color1); font-size: 1rem; position: relative; top: 1px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .accountLinks .languageSelect .is-dropdown-submenu-parent a span { text-transform: uppercase; margin-right: 5px; position: relative; top: -1px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu { display: flex; position: inherit; visibility: visible; width: 100%; transform: inherit; overflow: visible; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .off-canvas-wrapper { overflow: visible; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .accountLinks .shoppingCart-link span { display: inline-block; } .menu-firstLevel-link, .menu-secondLevel-link, .menu-thirdLevel-link, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .menu-lastLevel-link { color: var(--color1); } .menu-firstLevel-link:hover, .menu-secondLevel-link:hover, .menu-thirdLevel-link:hover, .menu-lastLevel-link:hover, .menu-firstLevel-link:focus, .menu-secondLevel-link:focus, .menu-thirdLevel-link:focus, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .menu-lastLevel-link:focus { color: var(--color4); transition: 250ms color ease; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .menu-firstLevel-link::after { border-color: var(--color4) transparent transparent; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .menu-firstLevel-link:hover::after { border-color: black transparent transparent; transition: 250ms all ease; } } /**** RESPONSIVE ****/ @media screen and (min-width: 75em) { #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu li a { font-size: 0.9rem; text-transform: uppercase; padding: 0.5rem 0.75rem; color: var(--color1); font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu li a:hover { font-size: 0.9rem; text-transform: uppercase; padding: 0.5rem 0.75rem; color: var(--color4); font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu .categoryMenu li a { font-size: 0.9rem; padding: 0.6rem 1rem; } } @media screen and (min-width: 64em) { #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu { justify-content: space-between; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a { color: var(--color3); font-size: 0.85rem; font-weight: 500; padding: .4rem 1rem; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a.wishlist-link i.fa-heart { margin-right: 3px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a[data-es-label="header.logout"] { padding: 0.4rem 0.1rem 0.4rem 0.5rem; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a span { font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after { right: 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu li a { font-size: 0.9rem; text-transform: uppercase; padding: 0.5rem 0.75rem; color: var(--color1); font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu li a:hover { font-size: 0.9rem; text-transform: uppercase; padding: 0.5rem 0.75rem; color: var(--color4); font-weight: 500; } } @media screen and (min-width: 64em) and (max-width: 1325px) { #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 header .logo img { max-width: 150px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu li a { font-size: 0.85rem; padding: 0.5rem 0.75rem; text-transform: uppercase; } .headerMenu-search input, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-search input::placeholder { max-width: 175px !important; font-size: 0.85rem; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu .categoryMenu li a { font-size: 0.9rem; padding: 0.75rem 1rem; } } @media screen and (min-width: 1092px) { #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .drilldown .is-drilldown-submenu-parent>a::after { right: 1rem; } } @media screen and (max-width: 1023px) { #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .sticky { transform: inherit; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu { display: block; position: fixed; top: 0; left: 0; height: 100%; overflow-y: auto; max-width: 340px; width: 100%; background-color: var(--color4); padding: 32px 0 0 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 header .logo img { max-width: 190px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .close-button { position: absolute; align-items: center !important; justify-content: center; border-bottom: none; top: 8px; right: 8px; width: 32px !important; padding: 0 !important; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop { justify-content: space-around; padding: 16px; background: var(--color3); box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.19); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a { font-size: 1.05em; color: var(--color1); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a i { color: var(--color1); font-size: 1rem; font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop a .i-inline--fa.fa-w-18 { width: 2.1em; height: 1.1em; color: var(--color1); margin-right: 0; margin-left: 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 [type=search] { box-shadow: none; } .headerMenuTop .companyInformations, .headerMenuTop .accountLinks .wishlist-link, .headerMenuTop .accountLinks .connexion-link, .headerMenuTop .accountLinks .shoppingCart-link span, .headerMenuTop .accountLinks .languageSelect, .headerMenu-search, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .logo { display: none !important; } .mobileMenu-btn, .headerMenuTop-searchExandable, .headerMenuTop .logo, .headerMenu .accountLinks .wishlist-link, .headerMenu .accountLinks .connexion-link, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .accountLinks .languageSelect { display: block; width: 100%; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .accountLinks a span { font-weight: 600; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .accountLinks .wishlist-link i { margin-right: 7px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .accountLinks .languageSelect .is-accordion-submenu-parent a span { text-transform: inherit; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { border-color: var(--color3) transparent transparent; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { border-color: var(--color3) transparent transparent; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu button { color: var(--color3); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .accountLinks .shoppingCart-link span { display: inline-block; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .mobileMenu-btn .fa-bars { color: var(--color1); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .mobileMenu-btn:hover .fa-bars { cursor: pointer; color: var(--color1); transition: 250ms color ease; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu>*:not(.close-button) { display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 32px 16px; border-bottom: 1px solid var(--color4); text-transform: uppercase; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu>*:last-child { border: none; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu { font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu a { width: 100%; font-size: 0.8rem; color: var(--color3); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu a::after { border-color: var(--color3) transparent transparent; right: -8px; } .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true]>a, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu .is-accordion-submenu-item[aria-expanded=true]>a { background-color: rgba(255, 255, 255, 0.2) !important; font-weight: 500; margin: 0 -16px 8px -16px; width: calc(100% + 32px) !important; padding: 0.7rem 16px !important; } .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true]>a:hover, .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true]>a:focus, .headerMenu-menu .is-accordion-submenu-item[aria-expanded=true]>a:hover, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu .is-accordion-submenu-item[aria-expanded=true]>a:focus { color: var(--color3) !important; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu-menu .is-accordion-submenu-parent[aria-expanded=true] a::after { right: 22px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .menu-lastLevel { left: 0 !important; margin-bottom: 32px; } .headerMenu .accountLinks a, .headerMenu .companyInformations a, .menu-firstLevel-link, .menu-secondLevel-link, .menu-thirdLevel-link, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .menu-lastLevel-link { padding: 8px 0 !important; color: var(--color3); background: transparent !important; font-size: 0.8rem; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .accountLinks a:last-child { color: var(--color1); padding: 8px !important; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .companyInformations a span { font-weight: 600; } .menu-secondLevel, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .menu-thirdLevel { background-color: transparent; padding-left: 10px; } .menu-firstLevel-link:hover, .menu-secondLevel-link:hover, .menu-thirdLevel-link:hover, .menu-lastLevel-link:hover, .headerMenu .accountLinks a:hover, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .companyInformations a:hover { color: var(--color3); transition: 250ms all ease; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenu .accountLinks a i { font-size: 0.9rem; } .headerMenuTop .mobileMenu-btn .fa-bars, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .shoppingCart-link { color: var(--color1); padding: 0; transition: 250ms all ease; } .headerMenuTop .mobileMenu-btn:hover .fa-bars, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop .shoppingCart-link:hover { color: var(--color1); padding: 0; transition: 250ms all ease; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .is-drilldown { margin-right: 5px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .is-drilldown li { width: 100%; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .drilldown .is-drilldown-submenu-parent>a::after { border-color: transparent transparent transparent var(--color3); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .drilldown .js-drilldown-back>a::before { border-color: transparent var(--color1) transparent transparent; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .is-accordion-submenu.is-active { color: var(--color3); } } @media screen and (max-width: 670px) { #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 header .logo img { max-width: 100px; } } /**** SEARCH EXANDABLE ****/ #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop-searchExandable input[type=search] { background: var(--color3) url('/api/assets/u-13d4da38-45c1-426e-9792-7727c9df210f') no-repeat 9px center; border: solid 1px transparent; padding: 9px 10px 9px 26px; width: 35px; border-radius: 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop-searchExandable input::placeholder { font-size: 1rem; color: var(--color1); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop-searchExandable input[type=search]:hover:not(:focus) { cursor: pointer; background: var(--color3) url('/api/assets/u-1693a23d-359f-46c7-bfb1-978e6a4a34f1') no-repeat 9px center; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop-searchExandable input[type=search] { margin: 0 0.5rem; border: solid 1px transparent; padding: 9px 10px 9px 26px; width: 35px; border-radius: 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop-searchExandable input[type=search]:focus { cursor: text; position: absolute; top: 1rem; width: 63%; height: 67px; background-color: var(--color3); border: 0; border-bottom: 1px solid var(--color2); -webkit-box-shadow: 0 0 5px rgba(23, 121, 186, 0.5); box-shadow: none; margin-right: 0; margin-left: 13px; padding: 9px; padding-right: 0; padding-left: 30px; } .headerMenuTop-searchExandable input:-moz-placeholder::after, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop-searchExandable input::-webkit-input-placeholder::after { color: var(--color1); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .headerMenuTop-searchExandable input[type=search]:hover { background-color: var(--color3); } /* --- SHOPPING CART --- */ #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .mini-shopping-cart-modal { position: fixed; overflow-y: auto; width: 40em; top: 3rem; right: 3rem; border-radius: 19px; padding: 1em 1.5em; background-color: var(--color3); -webkit-box-shadow: 0 0 0.29em 0.19em rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.29em 0.19em rgba(0, 0, 0, 0.2); max-height: calc(100% - 5em); z-index: 10; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .mini-shopping-cart-product { margin-bottom: 1rem; padding: 1em 0 0.5em; border-bottom: 1px solid var(--color4); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-title { margin-bottom: 0.5em; color: var(--color1); font-size: 1.25rem; font-weight: 800; text-transform: uppercase; text-decoration: none; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 h4.subheader { color: var(--color2); font-size: 1.5rem; font-weight: 500; text-align: center; text-decoration: underline; margin-bottom: 10px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-link { display: block; color: var(--color2); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-img { margin-right: 0.5em; width: 80px; height: 80px; object-fit: contain; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .mini-shopping-cart-product-title { color: var(--color2); margin-bottom: 0.5em; font-size: 1.1rem; font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-description { font-size: 75%; margin-bottom: 5em; } #mini-shopping-cart-price, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-ordered-quantity { color: var(--color1); font-size: 80% !important; margin-bottom: 0 !important; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-price { display: none; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-button { padding: 1em 0; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-button a.button { width: 48%; color: var(--color3); background-color: var(--color2); border-radius: 60px; font-weight: 500; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-button a.button:hover { color: var(--color3); background-color: var(--color4); } #mini-shopping-cart-see, #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 #mini-shopping-cart-continue { margin-bottom: 0 !important; } /* Menu categories header */ #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown .submenu-title { background-color: transparent; color: var(--color3); padding: 0 16px; font-size: 1.19rem; font-weight: 600; text-transform: uppercase; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown .submenu-title::after { border-color: transparent transparent transparent var(--color4); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .menu-all { padding-bottom: 29px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .menu-all span { font-weight: 500; } /* CATEGORY MENU */ #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu { position: fixed; top: 0; left: 0; height: 100vh; width: 429px; background: var(--color2); box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.4); padding: 16px 16px 16px 0; overflow-y: auto; transform: translateX(-438px); transition: transform ease-out 500ms; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu hr { border-bottom: 1px solid var(--color3); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu._open { transform: translateX(0); transition: transform ease-in 500ms; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown { max-width: inherit !important; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown { margin-left: 0; background-color: transparent; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown { margin-left: 0; background-color: transparent; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-dropdown-submenu-parent { position: initial; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .drilldown .js-drilldown-back>a::before { border-color: transparent var(--color3) transparent transparent; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .drilldown .js-drilldown-back>a:hover::before { border-color: transparent var(--color3) transparent transparent; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown .is-drilldown-submenu { background-color: var(--color2); border: none; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown a { background-color: transparent; color: var(--color3); font-weight: 500; line-height: 1.2; margin-left: 1rem; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown a:hover { color: var(--color3); background-color: var(--color4); border-radius: 60px; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown a::first-letter { text-transform: uppercase; } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown a::after { border-color: transparent transparent transparent var(--color3); } #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .categoryMenu .is-drilldown .drilldown a:hover::after { border-color: transparent transparent transparent var(--color3); } /* END CATEGORY MENU */ #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .languageSelect { display: none !important; } @media screen and (min-width: 64em) { #u-2db88d1d-5a39-4dd8-aef2-167a775fa816 .sticky.is-stuck .headerMenuTop { height: 37.17px; overflow: hidden; min-height: unset; padding: 2px 16px; } } /* 0085_product_detail : u-ef2699ef-f027-46ad-913e-1e271188c7b3 */ #u-ef2699ef-f027-46ad-913e-1e271188c7b3 ._0085_product-details { margin: 0 auto; max-width: 1200px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .fa-undo-alt { font-weight: 500; color: var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-label-img { padding: 10px; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #f3f3f3; background: white; } .add-logo, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .img-extend { position: absolute; display: flex; align-items: center; justify-content: center; background-color: rgba(216, 216, 216, 0.2); width: 40px; height: 40px; border-radius: 50%; right: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .img-extend { bottom: calc(1rem + 0.75rem); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .add-logo { bottom: 5rem; display: none; } .img-extend i, .img-extend svg, .add-logo i, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .add-logo svg { padding: 0; font-size: 1.1em; background-color: transparent; color: #dad8d8; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 10; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .add-logo a { line-height: 20.64px; } .img-extend i, .img-extend svg:hover, .add-logo i, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .add-logo svg:hover { color: white; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .add-to-cart small { color: #fff; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #product-id { top: 20px !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #product-id .orbit-container { min-height: 874.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .products-slideshow-content:focus { border: none; background-color: lightgrey; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .orbit-slides-container { height: auto !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .orbit-container .orbit-slides-container li.active { position: static; } @media screen and (min-width: 75em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #product-id img { width: 75%; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #product-id .orbit-container { min-height: 657.5px; } } @media screen and (max-width: 39.9375em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reveal { height: auto; min-height: auto; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .colors { display: flex; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #product-id .orbit-container { min-height: 343px; } } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #product-id img { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } #product-id .orbit-previous, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #product-id .orbit-next { color: var(--color1); } #product-id .orbit-previous:hover, #product-id .orbit-next:hover, #product-id .orbit-previous:active, #product-id .orbit-next:active, #product-id .orbit-previous:focus, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #product-id .orbit-next:focus { color: #fefefe; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .main-product-image { position: relative; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .main-image { margin-bottom: 0.75rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-labels-container { max-width: 140px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-labels-container .label { font-size: 1rem; padding: 0.25rem 16px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .label.warning { color: #fefefe; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .warning { color: #FF5722; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .img-top-right { position: absolute; right: 0; padding: 0.5rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-name { display: inline-block; font-size: 1.95rem; font-weight: 600; color: var(--color2); text-transform: uppercase; width: 80%; padding-right: 0.5rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .line-through-price { color: #cc4b37; text-decoration: line-through; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wishlist-toggle:focus { outline: none; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wishlist-toggle { color: var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wishlist-toggle:active { color: #184d99; } .detail-add-wishlist, .detail-remove-wishlist, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .detail-back-return.fa-2x { font-size: 1.5rem; padding-top: 0.25rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 a:hover .detail-add-wishlist.fa-heart { font-weight: 600; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .detail-add-wishlist.is-active { color: #cc4b37; font-weight: 600; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .from-price { margin-bottom: 0.5rem; padding: 0.5rem; background-color: #f2f2f2; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .from-price p { margin-top: 0.25rem; margin-bottom: 0; font-size: 1rem; font-weight: 600; color: #0a0a0a; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .from-price a { color: var(--color1); background-color: #fefefe; margin-bottom: 0; font-weight: 600; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .from-price a:hover { color: #fefefe; background-color: var(--color1); } @media screen and (max-width: 39.9375em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 a:hover .detail-add-wishlist.fa-heart { font-weight: 400; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .detail-add-wishlist.is-active { color: #cc4b37; font-weight: 600 !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .from-price p { font-size: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .from-price a { padding: 0.5em; } } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .ref-brand-stock { color: var(--color1) !important; border-top: 1px solid #cacaca; margin: 0.5rem 0 0; padding-top: 0.5rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 small { font-size: 100%; } .ref-brand-stock small span:nth-child(2), #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .ref-brand-stock .small-4 span a { color: var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .rubric-title { color: var(--color1); font-size: 1rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.4rem; padding-top: 0.5rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .rubric-title.text-left { border-bottom: 1px solid #cacaca; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .description-preview { color: var(--color1); font-size: 1rem; margin-bottom: 0.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .description-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .description-link a { margin-top: 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .description a { color: var(--color1); font-size: 100%; text-decoration: underline; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .informations-button .button { padding: 1rem 0.5rem; font-size: 1rem; } .details-add-text1, .details-add-text2, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .details-add-text3 { color: var(--color1); font-size: 100%; margin-bottom: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .details-add-text4 { font-size: 100%; margin-bottom: 1.5rem; padding: 0.5rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .details-add-text1 p { font-size: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .close-button i { font-size: 1.5rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reveal { color: var(--color1); } .express-quote-reseller-logo, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .sample-inquiry-reseller-logo { margin-bottom: 1rem; } .express-quote-reveal-product-name, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .sample-inquiry-reveal-product-name { margin: 1rem 0 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 textarea.express-quote-reveal-form-textarea { color: var(--color1); font-size: 1rem; min-height: 195px; resize: vertical; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 textarea.sample-inquiry-reveal-form-textarea { color: var(--color1); font-size: 1rem; min-height: 351px; resize: vertical; } .reveal label, .reveal [type='text'], .reveal [type='email'], .reveal [type='password'], #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reveal select { color: var(--color1); font-size: 1rem; } .reveal input::-webkit-input-placeholder, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reveal textarea::-webkit-input-placeholder { color: var(--color1); font-size: 1rem; } .reveal input::-moz-placeholder, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reveal textarea::-moz-placeholder { color: var(--color1); font-size: 1rem; } .reveal input:-ms-input-placeholder, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reveal textarea:-ms-input-placeholder { color: var(--color1); font-size: 1rem; } .reveal input::-ms-input-placeholder, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reveal textarea::-ms-input-placeholder { color: var(--color1); font-size: 0.8rem; } .reveal input::placeholder, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reveal textarea::placeholder { color: var(--color1); font-size: 0.8rem; } .express-quote-rgpd-caution, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .sample-inquiry-rgpd-caution { display: inline-block; font-size: 0.7rem; } .express-quote-rgpd-caution-policy-privacy-link, .express-quote-rgpd-caution-policy-privacy-link:hover, .sample-inquiry-rgpd-caution-policy-privacy-link, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .sample-inquiry-rgpd-caution-policy-privacy-link:hover { color: var(--color1); text-decoration: underline; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .share { color: var(--color1); cursor: pointer; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .share:hover { color: var(--color1); } .share:focus, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .share:active { color: var(--color2); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .share .fa-2x { font-size: 1.3em; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .share_twitter { display: none; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .step { padding-top: 0 !important; } .first-part, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .second-part { border-bottom: 1px solid #cacaca; margin-bottom: 30px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .second-part { color: var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .second-part form { position: relative; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .second-part-title { font-size: 1.5rem; font-weight: 500; color: var(--color1); padding-bottom: 0 !important; margin-bottom: 0 !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .step1-characteristic { border-bottom: 1px solid var(--color1); margin-bottom: 1.5rem; background-color: transparent; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .step2 { padding: 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .step2-marking { padding: 2.5%; background-color: #e6e6e6; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .marking-toggle-head { background-color: #fefefe; padding: 0.75rem; margin-bottom: 0.25rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .marking-area { background-color: #fefefe; padding: 0.75rem; margin-bottom: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .change-marking { margin-bottom: 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .import-file-button { display: flex; align-items: center; justify-content: center; background-color: var(--color1); padding: 8px 32px; min-width: 160px; max-width: 250px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .import-file-button .upload-icon { font-size: 16px; color: #fff; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .import-file-button label { color: #fff; font-weight: bold; margin-bottom: 0 !important; } @media screen and (max-width: 39.9375em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .change-marking { padding-right: 0.5rem; top: 0.2rem; right: -2rem; } .express-quote-label-checkbox, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .sample-inquiry-label-checkbox { position: relative; top: -2.5rem; left: 15px; } .express-quote-confirm-button, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .sample-inquiry-confirm-button { width: 100%; } } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .marking-name { margin-bottom: 0; font-weight: 500; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .edit-marking { color: var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 textarea { resize: vertical; margin-bottom: 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .btn-close-marking { position: relative; top: -0.5rem; color: var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 input.logo { display: none !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .marking-delete { position: relative; right: 0rem; top: 0; font-size: 1.2em; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reset-marking { padding-top: 6px; text-decoration: underline; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .valid-marking { margin-bottom: 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .no-personalization-title { padding: 1rem; color: var(--color1); background-color: #f2f2f2; border: 1px solid var(--color1); margin: 1rem 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .no-personalization-title h3 { font-size: 1rem; font-weight: 600; margin-bottom: 0; text-transform: uppercase; } .personalization-step-subtitle, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .no-personalization-step-subtitle { color: var(--color1); text-transform: uppercase; font-size: 1rem; font-weight: 600; } .personalization-step-label, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .no-personalization-step-label { font-size: 100%; } .personalization-step2-label, .personalization-step2-label-first, .no-personalization-step2-label, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .no-personalization-step2-label-first { font-size: 100%; font-weight: 500; margin-top: 1.5rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .personalization-step2-label-first { margin-top: 0; } .grey-select, .quantity-input, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .marking-area input { font-size: 1rem; color: var(--color1); border-radius: 5px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .marking-area textarea { font-size: 1rem; color: var(--color1); border-radius: 5px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .quantity-input { text-align: center; width: auto; margin-bottom: 0.5rem; font-size: 1rem; color: #0a0a0a; border-radius: 5px; border: 1px solid var(--color1); } th, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 td { border: 1px solid #e6e6e6; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 thead th { text-align: center; } th:first-child, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 td:first-child { text-align: left; } thead th, thead td, tfoot th, tfoot td, tbody th, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 tbody td { font-size: 100%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .table-first { color: #0a0a0a; font-weight: 500; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .aside-summary { padding: 1rem; margin-bottom: 1rem; line-height: 2; color: var(--color1); border-radius: 5px; background-color: #F3F3F3; } .aside-summary-title, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .aside-summary-total-result { font-size: 1.1em; font-weight: 600; padding-top: 0.5rem; color: var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .aside-summary-div { padding: 0.5rem 0; border-bottom: 1px solid var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .aside-summary-label { font-size: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .aside-summary-result { font-weight: 600; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .aside-summary .has-tip { cursor: help; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .aside-button button { margin-bottom: 0.5rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .dpn { display: none !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .dpb { display: block; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .decreasing-prices-content { margin-bottom: 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .accordion { border: 1px solid #e6e6e6; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .accordion-title { padding: 1rem 0.5rem; border: 0px; border-bottom: 1px solid #e6e6e6; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .accordion-content { border: 0px; border-bottom: 1px solid #e6e6e6; color: var(--color1); font-size: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .accordion-item:first-child> :first-child { border-top: 0; } :last-child>.accordion-content:last-child, :last-child:not(.is-active)>.accordion-title, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .accordion-title:last-child { border-bottom: 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .accordion-title { color: var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .accordion-title:hover { color: var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .characteristics { padding: 0.25rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .keyword { color: var(--color1); background-color: #e6e6e6; padding: 0.5rem 1rem; border-radius: 90px; display: inline-block; } /*************** Color selector *******************/ .filter-color .button-group, .filter-product-color .button-group, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .filter-ink-color .button-group { flex-wrap: wrap; } .filter-color .button-group .button, .filter-product-color .button-group .button, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .filter-ink-color .button-group .button { width: 25px; height: 25px; border: 0.5px solid #cacaca; border-radius: 100% !important; padding: 0; margin: 8px; } .filter-color .button-group .button.first-all, .filter-product-color .button-group .button.first-all, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .filter-ink-color .button-group .button.first-all { background-color: #fefefe; color: var(--color1); font-size: 1rem; padding-bottom: 3px; padding-left: 1px; } .filter-color .filter-color-button.is-active, .filter-color .filter-color-button:focus, .filter-color .filter-color-button:active, .filter-product-color .filter-color-button.is-active, .filter-product-color .filter-color-button:focus, .filter-product-color .filter-color-button:active, .filter-ink-color .filter-color-button.is-active, .filter-ink-color .filter-color-button:focus, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .filter-ink-color .filter-color-button:active { border: 2px solid var(--color1); } .filter-product-color, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .filter-ink-color { margin-bottom: 20px; } /*************** Product & Ink Color selector *******************/ #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .button-group input { display: none !important; } .filter-product-color .button-group input:checked+label, .filter-product-color .button-group input:checked+label:active, .filter-ink-color .button-group input:checked+label, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .filter-ink-color .button-group input:checked+label:active { border: 2px solid var(--color1); } /************* JQuery-Step Wizard *****************/ /* Common */ .wizard, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol a { outline: 0; } .wizard ul, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul>li, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol ul>li { display: block; padding: 0; } /* Accessibility */ .wizard>.steps .current-info, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.steps .current-info { position: absolute; left: -999em; } .wizard>.content>.title, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.content>.title { position: absolute; left: -999em; } /* Wizard */ #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps { position: relative; display: block; width: 100%; margin-top: 0.47rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #no-personalization .wizard>.steps { display: none; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard.vertical>.steps { display: inline; float: left; width: 30%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps .number { font-size: 1.429em; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps>ul>li { width: 49%; } .wizard>.steps>ul>li, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.actions>ul>li { float: left; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps>ul>li:first-child { margin-right: 2%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard.vertical>.steps>ul>li { float: none; width: 100%; } .wizard>.steps a, .wizard>.steps a:hover, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps a:active { display: block; width: auto; margin: 0.5rem; padding: 0.5rem 1rem 0.5rem 2.5rem; text-decoration: none; } .wizard>.steps .disabled a, .wizard>.steps .disabled a:hover, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps .disabled a:active { background: #f2f2f2; color: #aaa; cursor: default; } .wizard>.steps .current a, .wizard>.steps .current a:hover, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps .current a:active { background: var(--color1); color: #fff; cursor: default; } .wizard>.steps .done a, .wizard>.steps .done a:hover, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps .done a:active { background: var(--color1); color: #fff; } .wizard>.steps .error a, .wizard>.steps .error a:hover, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps .error a:active { background: #ff0003; color: #fff; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content { background: transparent; display: block; margin: 0.5em; overflow-x: hidden; position: relative; width: auto; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #no-personalization .wizard>.content { background: transparent; display: block; margin: 0.5em; margin-top: 0; overflow-x: hidden; position: relative; width: auto; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard.vertical>.content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content>.body { float: left; position: relative; width: 100%; height: 100%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content>.body ul { list-style: disc !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content>.body ul>li { display: list-item; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content>.body>iframe { border: 0 none; width: 100%; height: 100%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content>.body input { display: block; font-size: 1rem; color: #0a0a0a; border: 1px solid var(--color1); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content>.body input[type="checkbox"] { display: inline-block; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content>.body input.error { background: #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content>.body label { display: inline-block; margin-bottom: 0.5em; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.content>.body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.actions { position: relative; display: block; text-align: right; width: 100%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard.vertical>.actions { display: inline; float: right; margin: 0 2.5%; width: 95%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.actions>ul { display: inline-block; text-align: right; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.actions>ul>li { margin: 0 0.5em; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard.vertical>.actions>ul>li { margin: 0 0 0 1em; } .wizard>.actions a, .wizard>.actions a:hover, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.actions a:active { background: #1779ba; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; } .wizard>.actions .disabled a, .wizard>.actions .disabled a:hover, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.actions .disabled a:active { background: #f2f2f2; color: #aaa; } /* Tabcontrol */ #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.steps { position: relative; display: block; width: 100%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.steps>ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.steps>ul>li { float: left; margin: 5px 2px 0 0; padding: 1px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.steps>ul>li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.steps>ul>li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.steps>ul>li>a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.steps>ul>li>a:hover { text-decoration: none; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.steps>ul>li.current>a { padding: 15px 30px 10px 30px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.content { position: relative; display: inline-block; width: 100%; height: 40em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.content>.body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.content>.body ul { list-style: disc !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .tabcontrol>.content>.body ul>li { display: list-item; } .attribute-filter-select, .filter-select, .technology-select, input, textarea, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .quantity-input { border-radius: 5px; font-size: 1rem; color: var(--color1); border: 1px solid #ccc !important; } @media screen and (max-width: 39.9375em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps>ul>li { width: 100%; } } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-0 { position: relative; padding-left: 1.5rem; font-size: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-0::after { content: ''; position: absolute; right: -20px !important; bottom: 0; width: 0; height: 0; border-top: 29px solid transparent; border-bottom: 24px solid transparent; border-left: 20px solid var(--color1); clear: both; } .wizard>.steps .done #personalization-t-0::after, .wizard>.steps .done #personalization-t-0:hover::after, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .wizard>.steps .done #personalization-t-0:active::after { border-left: 20px solid var(--color1) !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #step-2-loader { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; top: 0; right: 0; left: 0; bottom: 0; color: white; background-color: rgb(0 0 0 / 15%); } @media screen and (min-width: 64em) and (max-width: 74.9375em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-0::after { right: -6.5%; } } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-1 { position: relative; font-size: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-1::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-left: 20px solid #f9fbf5; clear: both; } @media screen and (min-width: 40em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .informations-button .medium-4 { width: 33%; } } @media screen and (max-width: 39.9375em) { #personalization-t-0, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-1 { padding: 0.5rem 1rem; } #personalization-t-0::after, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-1::after { display: none; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .description-infos { display: block; align-items: baseline; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .rubric-title { margin-right: 8px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .description-link { margin-left: 1px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .description a { margin-top: 0; margin-right: 1px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .express-quote-label-checkbox { position: inherit; } } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-option-detail { position: absolute; top: 8px; right: 8px; display: flex; align-items: center; justify-content: center; background: #e6e6e6; border-radius: 4px; width: 50px; height: 50px; padding: 8px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-option-detail .product-marking-img { width: 100%; height: 100%; object-fit: contain; } /* Thumbnail slideshow */ .product-image-thumbnail-0039 .slide-prev, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-image-thumbnail-0039 .slide-next { display: block; position: absolute; top: calc(50% - 12px); color: var(--color1); font-size: 24px; padding: 0; right: 0; } .product-image-thumbnail-0039 .slide-prev:hover, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-image-thumbnail-0039 .slide-next:hover { cursor: pointer; color: #484848; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-image-thumbnail-0039 .slide-prev { left: -12px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .product-image-thumbnail-0039 .slide-next { right: -12px; } /*buttons*/ #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .icon-label { color: #fff !important; } .show-pdf, .add-to-cart, .wizard>.actions a:active, #add-marking, .import-file-button, .valid-quantity, .valid-marking, .add-to-cart, .wizard>.actions a, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .button.small { background-color: var(--color2) !important; color: #fff !important; border-radius: 60px; font-size: 1rem; } .show-pdf:hover, .add-to-cart:hover, .wizard>.actions a:active, #add-marking:hover, .valid-quantity:hover, .import-file-button:hover, .valid-marking:hover, .add-to-cart:hover, .wizard>.actions a:hover, #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .button.small:hover { border-radius: 60px; background-color: var(--color4) !important; color: #fff !important; transition: .2s all ease; box-shadow: 0 2px 4px 0 rgba(41, 41, 41, 0.25); font-size: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .add-to-cart { background-color: var(--color2) !important; color: #fff !important; border-radius: 60px; font-size: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .add-to-cart:hover { border-radius: 60px; background-color: var(--color4) !important; color: #FFFFFF !important; transition: .2s all ease; box-shadow: 0 2px 4px 0 rgba(41, 41, 41, 0.25); font-size: 1rem; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .add-to-cart:hover [data-es-label="product.without_personalization"] { color: #fff !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .reset-marking a { color: var(--color1) !important; } /*fin buttons*/ /* Réseaux sociaux */ #u-ef2699ef-f027-46ad-913e-1e271188c7b3 .fa-pinterest-square { display: none; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #decreasing-prices-content thead { background-color: var(--color2); color: var(--color3); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #decreasing-prices-content thead:hover { background-color: var(--color2) !important; color: var(--color3) !important; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 thead tr:hover { background-color: var(--color2); } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 p { color: #000; } @media screen and (min-width: 40em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-0 { border-top-left-radius: 60px; border-bottom-left-radius: 60px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-1 { border-top-right-radius: 60px; border-bottom-right-radius: 60px; } } @media screen and (max-width: 39.9375em) { #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-0 { border-radius: 60px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 #personalization-t-1 { border-radius: 60px; } } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 * { word-break: normal; } [data-es-id="m_0085_product_detail-tabledescription-technicalinformation-text"] b span, [data-es-label="product.colors"], #u-ef2699ef-f027-46ad-913e-1e271188c7b3 [data-es-label="product.description"] { margin-right: 3px; } #u-ef2699ef-f027-46ad-913e-1e271188c7b3 span.max-size::after { content: "Sous réserve de vérification de la qualité du fichier par nos services"; width: 100%; display: block; } /* 0020_footer : u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e */ #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .default-cursor a { cursor: default; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer { background-color: var(--color3); border-top: 1px solid var(--color2); padding-bottom: 10px; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer a { padding: 0.5rem 0; color: var(--color1); font-size: 0.9rem; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .newsletterText { display: contents; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer a:hover:not(.reinsurance-item) { cursor: pointer; color: var(--color2); transition: color 500ms ease; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .show-for-large { max-width: 1920px; margin: auto; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .company-logo { height: 95px; object-fit: contain; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .accordion-title { border: 0; background-color: var(--color3); color: var(--color1); text-transform: uppercase; border-bottom: 1px solid var(--color1); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .accordion-title h5 { margin-left: 16px; margin-bottom: 0; background: var(--color3); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .accordion-content { background: var(--color3); border: 0; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .rubric-list-item-image { display: inline-block; text-align: center; width: 25px; color: var(--color2); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .backTop-icon { color: #8a8a8a; margin-top: 15px; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer .fa-2x { font-size: 1.75em; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer .fa-phone { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer small { color: var(--color1); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .input-group-field { border-top-left-radius: 60px !important; border-bottom-left-radius: 60px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border: 1px solid var(--color2) !important; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .input-group-button input { padding-top: 0; padding-bottom: 0; color: var(--color3) !important; background: var(--color2) !important; border-top-right-radius: 60px !important; border-bottom-right-radius: 60px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border: 1px solid var(--color2) !important; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .input-group-button input:hover { padding-top: 0; padding-bottom: 0; color: var(--color3) !important; background: var(--color4) !important; border-top-right-radius: 60px !important; border-bottom-right-radius: 60px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border: 1px solid var(--color4) !important; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer input { font-size: 1rem; color: #0a0a0a; max-width: 185px; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer input::placeholder { font-size: 1rem; color: #000; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .rubric-title { color: var(--color 1); background: transparent; text-transform: unset; font-weight: 700; border-bottom: 1px solid var(--color1); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .gc2 { border-bottom: 1px solid var(--color2); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .newsletter-message { display: block; line-height: 20.48px; color: var(--color1); margin: 5px 10px 10px 0; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .switch.mobile { height: inherit; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .switch-paddle { background: var(--color2); width: 3.5rem; border: 1px solid var(--color2); border-radius: 10px; color: var(--color3) !important; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .switch-paddle::after { border-radius: 10px; background-color: #fff; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .switch.tiny input:checked~.switch-paddle::after { left: inherit; right: 0.25rem; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .switch-active { left: 15%; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .social-network li { margin: 0 8px; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .social-network li:first-child { margin-left: 0; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .social-network a { border: none; color: var(--color2); } .social-network li:nth-child(5), #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .social-network li:nth-child(4) { display: none; } @media screen and (max-width: 63.9375em) { #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .company-logo { height: 35px; margin-bottom: 8px; } } @media screen and (min-width: 64em) { #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer { margin: 2rem auto 0; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .fourth-rubric { order: -3; width: 20%; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .fourth-rubric .rubric-title { display: none; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .fourth-rubric form { color: transparent; height: 150px; background-position: center center; background-size: contain; background-repeat: no-repeat; background-image: url(/api/assets/u-4547553f-6698-44ce-902d-8cfb514c08cb); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .fourth-rubric form ul { display: none; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .first-rubric { width: 30%!important; } } /* Reinsurance */ #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .reinsurance { background-color: var(--color3); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .reinsurance-item { display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; padding: 32px; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .reinsurance-item:hover { opacity: 0.6; transition: all 500ms ease; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .reinsurance-item-icon { font-size: 32px; margin-bottom: 16px; color: var(--color4); } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .reinsurance-item-text { font-weight: 600; text-align: center; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .inactiveLink { pointer-events: none; cursor: default; } /* End reinsurance */ /* NEWSLETTER */ #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .newsletterCheckbox-checkbox { margin-bottom: 0; margin-right: 8px; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .newsletterCheckbox-message { display: inline; margin: 0; line-height: 20.48px; color: var(--color4); } @media screen and (max-width: 63.9375em) { #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .newsletterCheckbox { margin-bottom: 8px; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .newsletter-form-mobile .input-group { margin-bottom: 8px; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .switch.tiny.mobile.primary { display: flex; flex-direction: column; margin: 10px auto 20px; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .newsletter-form-mobile .input-group { margin-bottom: 8px; margin: 10px auto; display: flex; justify-content: center; } #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .altcha-block { margin: 0 auto; display: flex; justify-content: center; } } /* END NEWSLETTER */ #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e footer .altcha-label { color: var(--color1); } @media screen and (min-width: 64em) { #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .fourth-rubric { display: none; } .first-rubric, .second-rubric, #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .third-rubric { width: 33% !important; } } @media screen and (max-width: 63.9375em) { /* #u-1125a8e3-e1cd-4bae-a9b6-4dcb6cb7775e .fourth-rubric .newsletter-form-mobile { display: none; } */ }