/* Modèle font-face si besoin - ne pas oublier font-display: swap; @font-face { font-family: 'Source Sans Pro' ; src: url('../fonts/source-sans-pro.woff2') format('woff2'), url('../fonts/source-sans-pro.woff2') format('woff2'); font-display: swap; } Modèle font-face si besoin */ .iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1200px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000000; } a:hover:not(.nav-link):not(.btn) { color: #425260; } .pagination .page-list li:hover { border-color: #425260; } .pagination .page-list li.current { border-color: #425260; } .pagination .page-list li.current a { color: #425260; } #mobile-header { background: #ffffff; border-bottom: solid 1px #e3e3e3; } #mobile-header #mobile-header-sticky { background: #ffffff; } #mobile-header .mobile-main-bar { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } #mobile-header .m-nav-btn { color: #000000; } #mobile-header .m-nav-btn:hover { color: #425260; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 14px; } @media (max-width: 767px) { html { font-size: 13px; } } body { line-height: 1.4rem; } body { font-family: 'Source Sans Pro', sans-serif; } #blockcart-content { background: #ffffff; color: #000000; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } #blockcart-content a:not(.btn) { color: #000000; } #blockcart-content a:not(.btn):hover { color: #000000; } /*** Secondary button ***/ .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default { background: #425260; color: #ffffff; border: none 1px #f0f0f0; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary :active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled :active, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled :active, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:focus, .bootstrap-touchspin .group-span-filestyle .btn-touchspin :active, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:focus, .group-span-filestyle .bootstrap-touchspin .btn-touchspin :active, .group-span-filestyle .btn-default:hover, .group-span-filestyle .btn-default:focus, .group-span-filestyle .btn-default :active { background: #3f719e; color: #ffffff; } .btn-secondary:not(:disabled):not(.disabled):active { background: #3f719e; color: #ffffff; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #425260; color: #ffffff; border: solid 1px #98a2b3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #3f719e; color: #ffffff; border: solid 1px #98a2b3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #425260; color: #ffffff; border: none 1px; } .btn-primary:hover, .btn-primary:focus, .btn-primary :active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled :active, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled :active { background: #3f719e; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #3f719e; color: #ffffff; } #wrapper .breadcrumb { padding-top: 0.7142857143rem; padding-bottom: 0.7142857143rem; margin-top: -2.1428571429rem; margin-bottom: 2.1428571429rem; font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #666666; } #wrapper .breadcrumb li:after { color: #666666; } #wrapper .breadcrumb a { color: #666666; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #666666; border: solid 1px #98a2b3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #666666; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #666666; border: solid 1px #98a2b3; } .bootstrap-touchspin .btn-touchspin:hover { color: #666666; background: #ffffff; } .form-control::-webkit-input-placeholder { color: #666666; } .form-control::-moz-placeholder { color: #666666; } .form-control:-ms-input-placeholder { color: #666666; } .form-control:-moz-placeholder { color: #666666; } .form-control:focus { color: #666666; background: #ffffff; border-color: #3f719e; } .custom-select2:focus-within { background: #ffffff; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #000000; } .custom-radio input[type=radio]:checked + span { background-color: #000000; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #000000; border-color: #98a2b3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #eeeeee; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: black!important; border-bottom: solid 1px #eeeeee; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(0, 0, 0, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #333!important; color: white!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(194, 194, 194, 0.7); } .modal-content { background: #ffffff; border: none 1px; } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #ca5058; color: #ffffff; border: none 1px; } .product-price { color: #000000; } .iqit-review-star { color: #fdee00; } .product-flags .product-flag { font-size: 0.7857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #db3647; color: #ffffff; } .product-flags .new { background: #3f719e; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #e08437; color: #ffffff; } .product-flags .out_of_stock { background: #fff3d6; color: #8a5a00; } .discount { background: #db3647; color: #ffffff; } .product-available { background: #198754; color: #ffffff; } .product-unavailable { background: #fff3d6; color: #8a5a00; } .product-unavailable-allow-oosp { background: #3f719e; color: #ffffff; } .alert-success { background: #2cb32c; color: #ffffff; border-color: #2cb32c; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } .alert-info { background: #f8f8f8; color: #425260; border-color: #f8f8f8; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #425260; text-decoration: underline; } .alert-warning { background: #f8f8f8; color: #425260; border-color: #f8f8f8; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #425260; text-decoration: underline; } .alert-danger { background: #3f719e; color: #ffffff; border-color: #3f719e; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #ffffff; text-decoration: underline; } #iqitcompare-floating { background: #425260; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #iqitcompare-floating a { color: #ffffff; } #page-preloader { background: #ffffff; } #back-to-top { background: #3d4e59; color: #ffffff; } #back-to-top:hover { background: #3f719e; color: #ffffff; } #header, #checkout-header { border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { border-bottom: none 1px; } #header .header-nav { color: #000000; background: #fafafa; border-bottom: none 1px; padding-top: 0.7142857143rem; padding-bottom: 0.7142857143rem; font-size: 1rem; } #header .header-nav a { color: #000000; } #header .header-nav a:hover { color: #425260; } #header .header-nav .social-links._topbar { font-size: 1rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #000000 !important; } .header-top { padding-top: 1.7857142857rem; padding-bottom: 1.7857142857rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #425260; } .header-top .form-search-control { border: none 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.4285714286rem; display: block; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #000000; padding: 0.6428571429rem 0.6428571429rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #000000; } .header-top a.header-cart-btn:not(:hover) { color: #000000; } .stuck-header .header-top { padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .cart-products-count-btn { background: #3f719e; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #ffffff; border-top: none 1px rgba(0, 0, 0, 0.2); border-right: none 3px #38b82c; border-bottom: none 3px #457deb; border-left: none 3px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3.5714285714rem; max-width: 5.7142857143rem; color: #000000; padding-left: 1.0714285714rem; padding-right: 1.0714285714rem; border-left: none 2px rgba(87, 87, 87, 0.57); } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.2142857143rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.5714285714rem !important; } .cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover { background: #fafafa; color: #000000; } .cbp-horizontal .cbp-tab-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.4285714286rem; max-height: 1.4285714286rem; } .cbp-horizontal > ul { text-align: center; } .cbp-horizontal > ul > li { float: none; text-align: left; } .cbp-horizontal .cbp-submenu-aindicator { display: none; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.7142857143rem; padding-right: 0.7142857143rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(-10px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; color: #000000; background: #ffffff; line-height: 3.5714285714rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #666666; background: #ffffff; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; border-top: solid 1px rgba(227, 227, 227, 0.35); } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.7142857143rem; max-height: 1.7142857143rem; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { color: #000000; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #666666; background: #ffffff; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: none 1px #37a625; box-shadow: 0px 15px 25px 0px rgba(74, 63, 63, 0.15); } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #000000 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #bdbdbd !important; } .cbp-hrmenu .tabs-links { background: #ffffff; } .cbp-hrmenu .cbp-tabs-names li a { color: #000000 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #666666 !important; } .cbp-hrmenu .cbp-links li a:before { display: none; } .cbp-hrmenu .cbp-links li a { padding-left: 0; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #000000 !important; border-bottom: none 3px #c2bc29; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #666666 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #ffffff; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #000000 !important; } #iqitmegamenu-mobile { background: #ffffff; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.8571428571rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #ffffff; } .mobile-menu__tab { border-bottom: solid 1px #ebebeb; min-height: 3.7142857143rem; } .mobile-menu__link { color: #000000 !important; padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: uppercase; } .mobile-menu__arrow { padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; color: #000000; font-size: 1.5714285714rem; } .mobile-menu__tab-icon { font-size: 1.2857142857rem; } .mobile-menu__tab-icon--img { max-height: 1.2857142857rem; } .mobile-menu__legend { font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #000000; } .mobile-menu__header-wrapper { color: #000000; background-color: #fafafa; border-bottom: none 1px; } .mobile-menu__title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.4285714286rem; font-style: normal; font-weight: normal; text-transform: uppercase; color: #000000 !important; } .mobile-menu__column { font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; color: #333333; margin-bottom: 1.7857142857rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 1.7857142857rem; } .mobile-menu__column-title { margin-bottom: 0.5714285714rem; } .mobile-menu__links-list-li { padding-top: 0.4285714286rem; padding-bottom: 0.4285714286rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #000000; } .mobile-menu__footer { border-top: none 1px; color: #000000; background-color: #fafafa; display: none; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #425260; color: #ffffff; } .swiper-pagination-bullet { background: #425260; } /*** Product miniature ***/ .products.row { margin: -1.4285714286rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 1.4285714286rem; } .swiper-container-wrapper { margin: -1.4285714286rem; } .swiper-container-wrapper .products.swiper-container { padding: 1.4285714286rem; } .swiper-container-wrapper .product-carousel { padding: 1.4285714286rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 1.4285714286rem; } .product-miniature { border: none 1px #dcdcdc; outline: 1px none transparent; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid { padding: 0.7142857143rem; } .product-miniature-grid .product-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.5714285714rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15); } } .product-miniature-grid .product-functional-buttons { display: none; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: #425260 !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .product-brand { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.6428571429rem 1.2857142857rem; background: black; color: #ffffff; border: none 1px; } .btn-product-list:hover { background: #ffffff; color: #425260; } .products-grid .product-miniature-default { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-miniature-default .product-description { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-add-cart { margin: auto auto 0 auto; } .product-carousel { height: 100%; } .products.swiper-container .swiper-slide { height: auto; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.7142857143rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #ffffff; background: #425260; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } .product-cover .expander { width: 100%; height: 100%; padding: 0; bottom: 0; right: 0; } .product-cover .expander > span { position: absolute; bottom: 1rem; right: 1rem; padding: 0.6rem; } #product .product-cover .expander > span { color: #ffffff; background: #425260; transition: opacity 0.2s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s cubic-bezier(0.7, 0, 0.3, 1); } #product .product-cover .expander > span:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } @media screen and (max-width: 768px) { .col-left-product-cover, .col-left-product-thumbs { flex: 0 0 100%; max-width: 100%; } .col-left-product-thumbs { order: 2; margin-top: 2rem; } } #wrapper { border-top: none 1px; border-bottom: none 1px; padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; color: #000000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #000000; text-align: center; font-size: 2.1428571429rem; font-style: normal; font-weight: bold; text-transform: uppercase; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #000000; } #content-wrapper .page-title span { margin-right: 0.5rem; } #content-wrapper .page-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 1px #efefef; } #content-wrapper .page-title span { margin-left: 0.5rem; } #content-wrapper .page-title:before { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: none 1px #efefef; } #content-wrapper .section-title { color: #000000; text-align: center; font-size: 2.1428571429rem; font-style: normal; font-weight: normal; text-transform: uppercase; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #000000; } #content-wrapper .section-title span { margin-right: 0.5rem; } #content-wrapper .section-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #000000; } #content-wrapper .section-title span { margin-left: 0.5rem; } #content-wrapper .section-title:before { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #000000; } .nav-tabs .nav-link { color: #425260; font-size: 1.2142857143rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #425260; border-bottom: none 3px #425260; } .iqit-accordion .title { font-size: 1.0714285714rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .iqit-accordion .title a:link:not(.nav-link):not(.btn), .iqit-accordion .title a:visited:not(.nav-link):not(.btn) { color: #425260; } .iqit-accordion .nav-link { border-bottom: none 3px #425260; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #425260; border-bottom: none 3px #425260; } #wrapper .block-title { color: #000000; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: uppercase; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #000000; } #wrapper .block-title span { margin-right: 0.5rem; } #wrapper .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #000000; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #f8f8f8; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px #e3e3e3; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #425260; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #425260; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #3f719e; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #425260; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #425260; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #425260; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #425260; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.2857142857rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #000000 !important; } #footer .block-title, #checkout-footer .block-title { color: #000000; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: uppercase; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #000000; } #footer .block-title span, #checkout-footer .block-title span { margin-right: 0.5rem; } #footer .block-title:after, #checkout-footer .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #e3e3e3; } #footer-container-first { border-top: none 1px; padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; background: #212121; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: uppercase; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 2.8571428571rem; padding-bottom: 1.8571428571rem; color: #000000; } #footer-container-main a, #checkout-footer a { color: #000000; } #footer-container-main a:hover, #checkout-footer a:hover { color: #425260; } #footer-copyrights { border-top: none 1px; background: #ffffff; padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-title span::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 10px; } #footer .block-toggle > .block-content { display: none; } #footer .block-toggle._toggled > .block-content { display: block; } #footer .block-toggle._toggled .block-title span::after { content: ""; } #footer .footer-style-inline .block-title { display: block !important; max-width: 100%; } #footer .footer-style-inline .block-content { display: block; width: 100%; margin-top: 1rem; } } #maintenance-page { background: #e3e3e3; color: #000000; } #maintenance-page a, #maintenance-page a:link { color: #000000; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #425260; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #3f719e; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333333; background: #e3e3e3; color: #333333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333333; } /*css pour occlusion sur les clique +/- de declinaisons coloris*/ #processing-overlay { position: fixed; inset: 0; /* top:0; right:0; bottom:0; left:0; */ background: rgba(0, 0, 0, 0.55); z-index: 9999; display: flex; align-items: center; justify-content: center; } #processing-overlay .processing-overlay-inner { background: #ffffff; padding: 20px 30px; border-radius: 6px; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.3); max-width: 300px; } #processing-overlay .processing-overlay-inner p { margin-top: 10px; font-size: 14px; } /* Petit loader basique */ #processing-overlay .loader { width: 40px; height: 40px; border-radius: 50%; border: 4px solid #ddd; border-top-color: #333; animation: overlay-spin 0.8s linear infinite; margin: 0 auto; } @keyframes overlay-spin { to { transform: rotate(360deg); } } /*css pour occlusion sur les clique +/- de declinaisons coloris*/ /* Styles communs pour les icônes et span */ .password-requirements-length i, .password-requirements-score i { color: red; /* par défaut rouge */ font-weight: bolder; } /* Remplacer le check par une croix par défaut */ .password-requirements-length i::before, .password-requirements-score i::before { content: "\f00d"; /* fa-times */ } /* Span suit la couleur du i */ .password-requirements-length i + span, .password-requirements-score i + span { color: red; font-weight: bolder; } /* Cas succès : i devient vert avec check */ .password-requirements-length i.text-success, .password-requirements-score i.text-success { color: green; font-weight: bolder; } /* Remettre le check */ .password-requirements-length i.text-success::before, .password-requirements-score i.text-success::before { content: "\f00c"; /* fa-check */ } /* Span vert pour succès */ .password-requirements-length i.text-success + span, .password-requirements-score i.text-success + span { color: green; font-weight: bolder; } #registration .popover,#registration .progress-container{ display:none !important; } .mobile-menu__tab-icon--img { max-width: 1.2857142857rem !important; } #desktop-header .cbp-mainlink-iicon{ display:none !important; } .trustpilot-widget iframe .tp-widget-wrapper { margin-left: 200px !important; margin-right: 200px !important; max-width: 100% !important; } .ps-shoppingcart.dropdown #blockcart-content { z-index: 1000; } /*-- GENERAL --*/ .badge { padding: .8em 1em; } /* Breadcrumb */ #wrapper .breadcrumb { text-transform: lowercase; } /*-- ICONES DU SITE--*/ .icon-search { content: url('https://rascol.com/img/cms/icon/icon-search.svg'); width: 2rem; } i.icon-shopping-bag::before, .icon-shopping-cart-abd { content: url(https://rascol.com/img/cms/icon/icon-shopping-bag.svg); width: 2rem !important; display: block; } .icon-user { content: url('https://rascol.com/img/cms/icon/icon-login.svg'); width: 2rem; } i.icon-wishlist::before { content: url('https://rascol.com/img/cms/icon/icon-wishlist.svg'); width: 2rem; display: block; } #user_info .fa-user::before { content: url('https://rascol.com/img/cms/icon/icon-login.svg'); width: 1rem !important; display: inline-block; } .d-inline-block .fa-heart-o::before { content: url('https://rascol.com/img/cms/icon/icon-wishlist.svg'); width: 1rem; display: inline-block; } #desktop-header-container i.fa-search:before { content: url(https://rascol.com/img/cms/icon/icon-search.svg); } #desktop-header-container .header-btn { display: flex !important; align-items: center; } #header-user-btn { order: 1; } div#header-user-btn .dropdown-menu a, .my-account-side-links span.link-item { display: flex; align-items: center; } div#header-user-btn .dropdown-menu i, .my-account-side-links span.link-item i { margin-right: 5px; } .my-account-side-links i.fa-user, #header-user-btn i.fa-user:before { content: url(https://rascol.com/img/cms/icon/icon-login.svg); } .my-account-side-links i.fa-bookmark { content: url(https://rascol.com/img/cms/icon/icon-cookies.svg); } .my-account-side-links i.fa-map-marker, #header-user-btn i.fa-map-marker:before { content: url(https://rascol.com/img/cms/icon/icon-marker.svg); } .my-account-side-links i.fa-history, #header-user-btn i.fa-history:before { content: url(https://rascol.com/img/cms/icon/icon-history.svg); } .my-account-side-links i.fa-file-o, #header-user-btn i.fa-file-o::before { content: url(https://rascol.com/img/cms/icon/icon-voucher.svg); } .my-account-side-links i.fa-tags, #header-user-btn i.fa-tags::before { content: url(https://rascol.com/img/cms/icon/icon-tag.svg); } .my-account-side-links i.fa-heart-o, .header-user-btn i.fa-heart-o:before { content: url(https://rascol.com/img/cms/icon/icon-wishlist.svg); } .my-account-side-links i.fa-bell-o { content: url(https://rascol.com/img/cms/icon/icon-stock-alert.svg); } .my-account-side-links i.fa-user-secret { content: url(https://rascol.com/img/cms/icon/icon-personal.svg); } .my-account-side-links i.fa-sign-out, #header-user-btn i.fa-sign-out:before { content: url(https://rascol.com/img/cms/icon/icon-logout.svg); } .my-account-side-links i, #desktop-header-container #header-wishlist-btn i, #desktop-header-container #header-user-btn i, #desktop-header-container #cart-toogle i { width: 2rem !important; margin: 3px; } body#category #giftcard_block p.link_gift_cards { /* rajouter les body#?? etc ... si besoin de changer l'icone autre part que page categ*/ background: url(https://rascol.com/img/cms/icon/icon-giftcard-block.svg) no-repeat; } #js-product-list i.fa-shopping-bag, body#product #col-product-info button i.fa-shopping-bag, .elementor-widget-prestashop-widget-ProductsList button i.fa-shopping-bag { content: url(https://rascol.com/img/cms/icon/icon-shopping-bag.svg); width: 1.5rem !important; filter: invert(100%); } body#product button.btn.btn-primary.btn-lg.add-to-cart { display: flex; height: 100%; } .col-add-btn .add{ height: 100%; } #sticky-cart-wrapper #ps-shoppingcart i.fa-shopping-bag { content: url(https://rascol.com/img/cms/icon/icon-shopping-bag.svg); width: 1.5rem !important; } .elementor-widget-prestashop-widget-ProductsList button { display: flex; align-items: center; } #js-product-list button:hover i.fa-shopping-bag, body#product #col-product-info button:hover i.fa-shopping-bag, #desktop-header-container #ps-shoppingcart-wrapper i.fa-shopping-bag:before { content: url(https://rascol.com/img/cms/icon/icon-shopping-bag.svg); width: 1.5rem !important; } .elementor-widget-prestashop-widget-ProductsList button:hover i.fa-shopping-bag { filter: invert(100%); } .elementor-widget-prestashop-widget-ProductsList button:hover i.fa-shopping-bag { margin-right: 0px; } #ps-shoppingcart-wrapper { order: 3; } #desktop-header-container #ps-shoppingcart-wrapper #blockcart i.fa-shopping-bag { width: 2rem !important; margin: 3px; } .products-grid .product-miniature-layout-2 .product-add-cart a::before { width: 21px; height: 21px; } /*-- DASHBOARD --*/ .icon-user-dash { content: url('https://rascol.com/img/cms/icon/icon-login.svg'); vertical-align: middle; } .icon-marker-dash { content: url('https://rascol.com/img/cms/icon/icon-marker.svg'); vertical-align: middle; } .icon-history-dash { content: url('https://rascol.com/img/cms/icon/icon-history.svg'); vertical-align: middle; } .icon-voucher-dash { content: url('https://rascol.com/img/cms/icon/icon-voucher.svg'); vertical-align: middle; } .icon-wishlist-dash { content: url('https://rascol.com/img/cms/icon/icon-wishlist-dash.svg'); vertical-align: middle; } .icon-privacy-dash { content: url('https://rascol.com/img/cms/icon/icon-privacy.svg'); vertical-align: middle; } .icon-tag-dash { content: url('https://rascol.com/img/cms/icon/icon-tag.svg'); vertical-align: middle; } .icon-cookies-dash { content: url('https://rascol.com/img/cms/icon/icon-cookies.svg'); vertical-align: middle; } .icon-custom-product-dash { content: url('https://rascol.com/img/cms/icon/icon-custom-product.svg'); vertical-align: middle; } .icon-undo-dash, .dropdown-item .fa-undo { content: url('https://rascol.com/img/cms/icon/icon-undo.svg'); vertical-align: middle; } #emailsalerts .fa-envelope-open-o::before { content: url('https://rascol.com/img/cms/icon/icon-stock-alert.svg'); vertical-align: middle; display: inline-block } .icon-colissimo-dash { content: url('https://rascol.com/img/cms/icon/icon-colissimo.svg'); vertical-align: middle; } .icon-logout-dash { content: url('https://rascol.com/img/cms/icon/icon-logout.svg'); vertical-align: middle; } .icon-devis-dash { content: url('https://rascol.com/img/cms/icon/icon-devis.svg'); vertical-align: middle; } .icon-credit-card { content: url('https://rascol.com/img/cms/icon/icon-credit-card.svg'); vertical-align: middle; } .icon-loyalty-dash { content: url('https://rascol.com/img/cms/icon/icon-loyalty.svg'); vertical-align: middle; } .icon-supervisor-dash { content: url('https://rascol.com/img/cms/icon/icon-handshaking.svg'); vertical-align: middle; } .icon-transaction-dash { content: url('https://rascol.com/img/cms/icon/icon-transaction.svg'); vertical-align: middle; } .transaction-list-item .icon-search { width: 1.8rem; } .icon-export { content: url('https://rascol.com/img/cms/icon/icon-export.svg'); vertical-align: middle; width: 1.8em; } .icon-thumb { content: url('https://rascol.com/img/cms/icon/icon-handshaking.svg'); vertical-align: middle; width: 2.4rem; } /*Dashboard*/ .icon-undo-dash, .icon-stock-alert-dash, .icon-privacy-dash, .icon-voucher-dash, .icon-history-dash, .icon-marker-dash, .icon-user-dash, .icon-cookies-dash, .icon-custom-product, .icon-custom-product-dash, .icon-wishlist-dash, #emailsalerts .fa-envelope-open-o::before, .icon-colissimo-dash, .icon-logout-dash, .icon-tag-dash, .icon-devis-dash .icon-supervisor-dash, .icon-credit-card, .icon-loyalty-dash, .icon-transaction-dash { width: 1.6em !important; margin: 2px 6px 2px 0; } /*- DROPDOWN MENU -*/ .dropdown-item .icon-voucher-dash, .dropdown-item .icon-history-dash, .dropdown-item .icon-marker-dash, .dropdown-item .icon-user-dash, .icon-logout-dash, .dropdown-item .icon-tag-dash, .dropdown-item .icon-return-dash, .dropdown-item .icon-undo-dash, .dropdown-item .icon-tag-dash { width: 1.4em !important; margin: 2px } /*- ICONS COMPANY -*/ .contact-rich .fa-map-marker::before { content: url('https://www.generique.preprodcibleweb.com/img/cms/icon/icon-marker.svg'); width: 1rem; display: block } .contact-rich .fa-phone::before { content: url('https://www.generique.preprodcibleweb.com/img/cms/icon/icon-phone.svg'); width: 1rem; display: block } .contact-rich .fa-envelope-o::before { content: url('https://www.generique.preprodcibleweb.com/img/cms/icon/icon-envelope.svg'); width: 1rem; display: block } body#checkout section.checkout-step .step-title { font-size: 1.3rem; } /*-- TOP BAR --*/ /*-- HEADER --*/ #header .container { max-width: 1570px; } #desktop_logo { text-align: center; } #desktop_logo .img-fluid { width: 200px; content: url(https://rascol.com/img/cms/logo/logo.svg); } /*- STICKY MENU - fadin -*/ .iqitmegamenu-wrapper { transition: 0.2s; } #iqitmegamenu-wrapper.stuck-menu, iqitmegamenu-horizontal { transition: 0.4s; padding: 10px 0; } /*- MENU -*/ .cbp-hrmenu .cbp-links li a::before { content: none; } .cbp-hrmenu .cbp-links li a { padding-left: 0px; } .cbp-hrmenu .cbp-manufacturers li { width: auto; } .cbp-horizontal>ul li#cbp-hrmenu-tab-9 a.nav-link { max-width: 9.8rem; } .cbp-horizontal>ul li#cbp-hrmenu-tab-15 a.nav-link, .cbp-horizontal>ul li#cbp-hrmenu-tab-19 a.nav-link { max-width: 7rem; } .cbp-hrsub-inner [class*="menu-element-id-"] p a { background-color: #fff; border: 1px solid; color: #000; text-transform: uppercase; } .cbp-hrsub-inner [class*="menu-element-id-"] p a:hover { background-color: #3f719e; border: 1px solid #3f719e; color: #fff !important; } .cbp-hrsub-inner .cbp-valinks-vertical { display: grid; } .cbp-hrmenu .cbp-hrmenu-tab .cbp-tab-title { text-align: center; } .title-col-menu { font-size: 24px !important; font-weight: 700; text-transform: uppercase; } .sbmenu-table td { padding: 0 10px; } /*- WISHLIST IQIT - HEADER -*/ #header-wishlist-btn #iqitwishlist-nb { position: absolute; min-width: 16px; height: 16px; padding: 1px 5px; font-family: 'Source Sans Pro', sans-serif; font-size: .7rem; line-height: 14px; color: #FFF; top: 8px; border-radius: 30px; z-index: 99; } .m-nav-btn #iqitwishlist-nb { top: 0; left: -4px; position: absolute; min-width: 16px; height: 16px; padding: 1px 5px; font-family: 'Source Sans Pro', sans-serif; font-size: .7rem; line-height: 14px; color: #FFF; border-radius: 30px; } .ps-shoppingcart .cart-products-count-btn { font-family: 'Source Sans Pro', sans-serif; font-size: .7rem; font-weight: normal; line-height: 14px; left: -4px; right: unset; top: 0; } #cart-subtotal-shipping { background-color: #f8f8f8; margin: -8px; padding: 3px 8px; } #blockcart-content .cart-subtotals { padding: .875rem 5px; } #cart #content-wrapper { margin: 20px 0; } .cart-buttons .btn-block { padding: 1rem 1.5rem; } .cart-buttons .btn-primary { background-color: #425260; border: 1px solid #425260; color: #fff; } .cart-buttons .btn-primary:hover { background-color: #3f719e; border: 1px solid #3f719e; color: #fff; } .cart-summary .mt-1 { padding: 0 16px; } .cart-summary .mt-1 a, .blockcart-content .mt-1 a { padding: 1rem 1.5rem; width: 100%; } .cart-summary .mt-1 a, .blockcart-content .mt-1 a, .blockcart-content .cart-buttons .btn-secondary { background: #fff; color: #000; border: 1px solid; } .cart-summary .mt-1:hover a, .blockcart-content .cart-buttons .btn-secondary:hover { background: #3f719e; color: #fff; border: 1px solid #3f719e; } .cart-buttons .mb-2 { margin-bottom: 4px !important; } #promo-code .input-group .btn { height: auto; } .block-promo .voucher-icon { align-items: center; display: flex; } .alert-warning .btn { margin: 0 10px; background-color: #425260; color: #fff; } .alert-warning { color: #000; border: 1px solid; } .alert-warning p { margin: 0; } .alert-warning .btn:hover { background-color: #3f719e; } .iqitwishlist-nb-rond { background-color: #3f719e !important; } #header-wishlist-btn { order: 2; } .cart-content-btn .btn.btn-secondary.btn-block { padding: 1rem 1.5rem; color: #425260; background: #ffffff; border: #425260 1px; } /*IquitSearch*/ #search_widget { width: 290px; border-bottom: 1px solid; } #search_widget form { margin-bottom: 0; } .iqit-megamenu-container { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1); border-top: 1px solid rgba(0, 0, 0, .2); min-width: 100%; } #header .header-btn-w .header-btn .title { margin-top: 0; height: 28px; align-content: center; } /*-- FOOTER --*/ footer ul { padding-left: 0; } .block-links ul>li a::before { content: ''; line-height: inherit; transition: none; } .block-links ul>li a { padding: 0; } .footer-fourth .elementor-column-wrap { flex-direction: column; } /*-- CONTENT --*/ /*Homepage*/ .title-mid-border::after, .title-mid-border-bold::after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #000000; margin-top: -12px; } .title-mid-border span, .title-mid-border-bold span { background: #fff; padding: 0 15px; } .title-mid-border-bold::after { margin-top: -18px; } .products-grid .product-add-cart { margin: auto auto auto 0; } .pdt-list-bottom { display: flex; align-items: end; } .btn-product-list, .btn-product-list:hover { border-radius: 60px; padding: 8px; background: #425260; } .btn-product-list:hover { background: #3f719e; color: #fff; } button#iqit-compare-product-btn { display: none; } #add-wish { top: 0; position: absolute; right: 0; display: flex; flex-direction: column; } #add-wish .btn-lg { padding: .5rem .8rem; } #add-wish button { background-color: #fff; border-radius: 60px; color: #000; } .free_shipping { margin-bottom: 0; } .product-miniature .product-description .product-description-short { min-height: 35px; } .elementor-brands .swiper-slide img, .cbp-manufacturers img { filter: grayscale(100%); -webkit-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95); -webkit-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .elementor-brands .swiper-slide a:hover img, .cbp-manufacturers a:hover img { filter: grayscale(0); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media (max-width: 576px) { .page-home .elementor-element.elementor-element-74o6s6x { margin-top: -45px; } } /*-- LOGIN PAGE --*/ body#authentication .page-authentication #content { border: 0; } /*-- RESPONSIVE --*/ @media (max-width: 425px) { .btn-primary, .btn-secondary, .btn-tertiary { font-size: unset; } } @media (max-width: 576px) { /* ticket 169005 */ .mobile-menu__links-list-li { padding: 0; } .mobile-menu__links-list { margin-bottom: 15px; } .div#catchphrase { margin-top: 0; } .wsbPublishingZone .swiper-container-wrapper { margin-bottom: 0 !important; } body#product button.btn.btn-primary.btn-lg.add-to-cart { justify-content: center; align-items: center; } #back-to-top { bottom: 6rem; } .extra-small-gutters>.col, .extra-small-gutters>[class*="col-"] { padding-right: .1rem; padding-left: .1rem; } .col-add-btn { display: flex; } .col-add-btn .add{ width: inherit; } /*IQIT social login*/ #checkout-personal-information-step .iqitsociallogin { flex-direction: column; display: flex; align-items: center; } .iqitsociallogin a { width: 100%; } .iqitsociallogin-colors-native .btn-google span { padding: 4px 8px !important; } .product-add-to-cart .col-add-qty { max-width: 20%; } .product-add-to-cart .col-add-wishlist { max-width: 15%; min-width: 50px; } /*Category*/ .product-list-subcategories .col-4:nth-child(6n+1), .product-list-subcategories .col-4:nth-child(6n+2), .product-list-subcategories .col-4:nth-child(6n+3) { background-color: #f7f5f5; } .col-4 { margin: 2px 0; align-items: center; display: grid; height: 40px; } #main-product-wrapper .product-add-to-cart { z-index: 9999; } } @media (max-width: 768px) { #mobile-header .mobile-bag-icon, #mobile-header .icon-wishlist { position: relative; } body#authentication #content { flex-direction: column; } } body#authentication #content { display: flex; align-items: center; justify-content: space-between; } body#authentication .no-account { display: flex; align-items: center; justify-content: space-between; height: 40px; } body#authentication .no-account p { margin: 0; } body#authentication .no-account a { background-color: #fff; border: 1px solid; color: #000; text-transform: uppercase; padding: 6px 12px; transition: 0.4s; } body#authentication .no-account a:hover { background-color: #3f719e; border: 1px solid #3f719e; color: #fff !important; } .new-website { text-align: center; border: 1px solid; padding: 10px 15px 0; } .new-website p { display: grid; } /*Changer l'image de connexion*/ body#authentication #content { border: none; } body#authentication .img-login { content: url('https://rascol.com/img/cms/photos/sign-in.webp'); max-width: 100%; } body#authentication #left-login, body#authentication #right-login { display: inline-block; vertical-align: middle; } /*-- CATEG PAGE --*/ /*Margin avec filtre horizontal mobile*/ @media (max-width: 767px) { #category #content-wrapper .page-title { margin: 1.2em 0; } } #category .card-header { background: none; border-bottom: 1px solid black; } #category .card { border: none; } #category .PM_ASCriterionsGroupName { font-size: 13px; } #category .PM_ASCriterionsGroupTitle { max-width: 90%; margin-left: auto; margin-right: auto; } #category #js-product-list-top .fa:before { -webkit-text-stroke: 0.8px white; font-size: 18px; } #category .category-description-top { text-align: justify; position: relative; } #category .rte-content { max-height: 2.8em; /* Hauteur pour 3 lignes */ overflow: hidden; line-height: 1.5em; transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out; opacity: 1; } #category .expanded { max-height: 1000px; /* Grande valeur pour permettre l'animation fluide */ opacity: 1; } .btn-toggle-desc { padding: 8px 15px; border: none; background-color: transparent; text-decoration: underline; width: 100%; font-size: 14px; text-align: center; } /*- VIGNETTE PRODUIT -*/ body#category #js-product-list button.add-to-cart, body#product #js-product-list button.add-to-cart { display: flex; align-items: center; } /*-- PRODUCT PAGE --*/ /*Personnaliser nom de la marque*/ .product-brand {} #product .product-description a[href$=".pdf"]::before { content: "PDF"; float: left; padding: 10px 12px 11px; font-weight: 300; margin: -7px 12px -8px 0; font-size: .9em; background: transparent; border-right: 1px solid #000; } #product .product-description a[href$=".pdf"]:hover { background: #000; color: #fff; } #product .product-description a[href$=".pdf"]:hover::before { background: #fff; color: #000; } #product .product-description a[href$=".pdf"] { display: inline-block; padding: 7px 12px 8px 0; font-size: 1.1em; font-weight: 600; background: transparent; color: #000; border: 1px solid #000; text-decoration: none; } body#product .product-add-to-cart button#iqit-wishlist-product-btn, body#product .product-add-to-cart button#iqit-compare-product-btn { background: #fff; color: #000; border: 1px solid; height: 100%; } body#product #iqit-wishlist-product-btn:hover { background: #3f719e !important; color: white !important; } /*-- CONTACT PAGE --*/ /*-- PAGES CMS --*/ /*-- MODULES --*/ /*BLOG*/ .simpleblog__post__content h2 { font-weight: 500; font-size: 1.7rem; } .simpleblog__post__content h3 { font-size: 1.3rem; } /*NETWAVE*/ .wsbPublishingZone .swiper-container-wrapper { margin: 0; } .swiper-default-carousel .swiper-button-next, .swiper-button-prev { background: #fff; color: #000; } /*- TRUSTPILOT -*/ #trustpilot-widget-trustbox-1-wrapper { /*padding-top: 50px !important;*/ padding-bottom: 50px !important; background-color: #fff; /*margin-top: 50px !important;*/ } #trustpilot-widget-trustbox-2-wrapper, #trustpilot-widget-trustbox-1-wrapper { position: relative; z-index: 20; } body#checkout article.alert-danger a { color: white !important; } .tp-widget-wrapper { max-width: 1180px !important; } /*- OPART DEVIS -*/ /*Modification couleur CTA - Compte client*/ .btn-outline-primary { color: #000; border-color: #000; } .btn-outline-primary:hover { color: #fff; background-color: #000; border-color: #000; } #submitQuotation .btn-primary, #order-list .btn-primary { background-color: #425260; color: #fff; } #submitQuotation .btn-primary:hover, #order-list .btn-primary:hover { background-color: #3f719e; } .btn-outline-danger { color: #7c0000; border-color: #7c0000; } .btn-outline-danger:hover { color: #fff; background-color: #7c0000; border-color: #7c0000; } #order-list .btn-outline-success { color: #425260; border-color: #425260; padding: .5rem 1.25rem; } #order-list .btn-outline-success:hover { color: #fff; background-color: #3f719e; border-color: #3f719e; } /*refferral by pnone*/ #statistic_tab i { width: 5rem !important; } #module-referralbyphone-program .page-title { margin-top: 50px; } #referralbyphone-program-content { border: 1px solid #ddd; padding: 30px 15px 15px; } /*ndk transaction*/ .ndkacf-transaction-block .page-title { margin-top: 50px; } .transaction-count { font-weight: 500; font-size: 18px; } .transaction-list-item .item-cell .btn-default { border: 1px solid; border-radius: 2px; display: flex; align-items: center; gap: 10px; } .transaction-list-item .item-cell .btn-default:hover { background-color: #3f719e; border-color: #3f719e; color: #fff; } .transaction-list-item .item-cell .btn-default:hover i { filter: invert(100); } .ndkacf-transaction-block form { padding: 20px; border: 1px solid #ddd; margin: 20px 0; } .ndkacf-transaction-row { width: 800px; margin: 0 auto; } .ndkacf-transaction-block .footer_links { text-align: left; } .ndkacf-transaction-block { max-width: 1180px; } .ndkacf-transaction-block label { padding-bottom: 6px; } .item-cell select, .item-cell input { background-image: unset !important; border: 1px solid; height: 30px; width: 130px; } .ets_abancart_shopping_cart { display: initial; } .ets_abancart_shopping_cart span { padding: 0 .4rem; } /*Affichage du tableau en responsive - Compte client*/ @media screen and (max-width: 991px) { #module-opartdevis-listquotation #order-list thead tr, #module-opartdevis-listquotation #order-list tbody tr { display: flex; flex-wrap: wrap; } #module-opartdevis-listquotation #order-list tr th, #module-opartdevis-listquotation #order-list tr td { flex-grow: 1; } #module-opartdevis-listquotation #order-list tr th:nth-child(n+4):nth-child(-n+6) { display: none; } #module-opartdevis-listquotation #order-list tr th:nth-child(1), #module-opartdevis-listquotation #order-list tr td:nth-child(1) { flex: 0 0 10%; } #module-opartdevis-listquotation #order-list tr th:nth-child(n+2):nth-child(-n+3), #module-opartdevis-listquotation #order-list tr td:nth-child(n+2):nth-child(-n+3) { flex: 0 0 45%; } .col-mobile-logo .img-fluid { width: 100px; } .mobile-search { width: 100%; padding: 5px 0; } .mobile-search input { border: 0; } .mobile-search #search_widget { width: 95%; margin: 0 auto; } } /*Quote*/ div#content p:nth-of-type(3) a::after, /*div#content ul.footer_links li:first-child a::after,*/ div#content ul.footer_links li.f_right a::after { content: " »"; font-weight: bold; color: inherit; } body#module-opartdevis-createquotation a[href*="showquotation"] { padding: 0.5357142857rem 1.0714285714rem; background: black; color: #ffffff; border: none 1px; } body#module-opartdevis-createquotation a[href*="showquotation"]:hover { background: #ffffff; color: #000000; } /*- OPART DEVIS - END -*/ body#checkout article.alert-danger a { color: white !important; } /* pack */ body.ap5-pack-page .product-quantity .qty .input-group { height: unset; } /* vente au metre */ body.pp-has-template span.pp_price_text, body.pp-has-template span.pp_price { font-weight: 400; font-size: 20px; } @media (max-width: 767px) { #product #axeptio_main_button{ margin-bottom:50px !important; } #trustpilot-widget-trustbox-1-wrapper { padding-left: 20px !important; padding-right: 20px !important; } } /* fix cart */ @media (max-width: 400px) { #mobile-header-sticky #_mobile_blockcart-content { transform: unset ! important; top: 150px !important; } } #trustpilot-widget-trustbox-2-wrapper, #trustpilot-widget-trustbox-1-wrapper { position: relative; z-index: 20!important; } /* fix declinaison miniature */ .product-miniature { border-left: 0; border-top: 0; border-right: 0; } .display_combinations .product-item { background: none; border: none; } @media (max-width: 778px) { .choice_attributes .ul_choice_attribut, .choice_attributes ul, .search-colors { flex-wrap: wrap; } .search-colors { margin-top: 20px; } .choice_attributes ul li { width: 10%; padding-right: 20px; } .display_combinations .js-product-list { grid-template-columns: 1fr 1fr; } .display_combinations .qty { width: 90%; } input.search_attributes { width: 80% !important; } } /* ajout wishlist sur tpl1 - declinaison */ body#product div#wishlisttpl1 { margin: 20px 0; } /*Info PayPal sur Product Page*/ #ps_checkout-payment-method-logo-block-container{ display:none; } #ZPL1{ display:none; } /* ticket 158558 */ body#cart a[href*="module/totloyaltyadvanced/account?process=transformpoints1"] { background: #425260; color: #ffffff; border: none 1px; padding: 1rem 1.5rem; margin: 20px auto 0 auto; display: block; width: fit-content; } /*ticket 158983*/ @media (max-width: 576px) { .input-group { flex-wrap: nowrap; } .product-add-to-cart .col-add-qty { max-width: 40%; flex: unset; } } @media (min-width: 576px) and (max-width: 778px) { .product-quantity>.col { margin-bottom: 0; display: flex; } body#product button.btn.btn-primary.btn-lg.add-to-cart { display: flex; align-items: center; } .product-add-to-cart .col-add-qty .qty .input-group { flex-wrap: nowrap; } } #cart #product-availability{ font-size: 10px; margin: 5px 0; padding: 0.6em 0.7em; } #checkout #product-availability { font-size: 10px; margin: 5px 0; padding: 0.6em 0.7em; display: table; } /* 158857 */ .product-video { position: relative; margin: 2rem 0; text-align: center; } .video-label { font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem; color: #333; } .video-thumbnail-link { display: inline-block; position: relative; text-decoration: none; color: #fff; } .video-thumbnail { max-width: 100%; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: transform 0.3s ease; } .video-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.7); /* blanc à 70% de transparence */ padding: 12px 20px; border-radius: 6px; font-size: 1rem; display: flex; align-items: center; gap: 8px; color: #111; /* gris très foncé pour un contraste doux */ font-weight: 600; transition: background 0.3s ease, color 0.3s ease; } .video-overlay i { font-size: 1.4rem; color: #111; /* icône foncée mais pas noire */ } .video-thumbnail-link:hover .video-overlay { background: rgba(255, 255, 255, 0.85); /* plus opaque au hover */ color: #000; } .video-thumbnail-link:hover .video-overlay i { color: #000; } /* 156021 */ article div .plabel_div { z-index: 99; } /* 156021 */ /*ticket 158983*/ @media (max-width: 576px) { .input-group { flex-wrap: nowrap; } .product-add-to-cart .col-add-qty { max-width: 40%; flex: unset; } } @media (min-width: 576px) and (max-width: 778px) { .product-quantity>.col { margin-bottom: 0; display: flex; } body#product button.btn.btn-primary.btn-lg.add-to-cart { display: flex; align-items: center; } .product-add-to-cart .col-add-qty .qty .input-group { flex-wrap: nowrap; } } #cart #product-availability{ font-size: 10px; margin: 5px 0; padding: 0.6em 0.7em; } #checkout #product-availability { font-size: 10px; margin: 5px 0; padding: 0.6em 0.7em; display: table; } /* ticket 158983 */ /* ticket 158483 */ .address-form #field-address1::placeholder, .address-form #field-phone::placeholder { color: #bbb; } .address-selector.js-address-selector { display: block !important; } /* ticket 158483 */ /* livraison offerte */ #js-product-list .geoloc-message { text-align: right; } /* ticket 161885 */ .d_c_notresponsive { position: relative; } .d_c_notresponsive.has_secondary > .img_primary { transition: opacity 0.3s ease; } .d_c_notresponsive > .img_secondary { opacity: 0; transition: opacity 0.3s ease; position: absolute; top: 0; left: 0; z-index: 2; } .d_c_notresponsive.has_secondary:hover > .img_secondary { opacity: 1; } .d_c_notresponsive.has_secondary:hover > .img_primary { opacity: 0; } /* mobile */ .d_c_responsive .d_c_img { display: none; width: 100%; } .d_c_responsive .d_c_img:first-child { display: block; } .image-indicators { display: flex; justify-content: center; margin-top: 8px; } .image-indicators .indicator { width: 10px; height: 10px; background-color: #ccc !important; border: 2px solid white; border-radius: 50%; display: inline-block; margin: 0 4px; } .image-indicators .indicator.active { background-color: #000 !important; } /* ticket 161885 */ /* flowbox */ body#product .spm_display { margin-top: 20px; } body#product .bzfy-feed-banner { text-transform: uppercase; } .bzfy-feed-banner__tagline { position: relative; display: inline-block; text-align: center; } .bzfy-feed-banner__tagline::before, .bzfy-feed-banner__tagline::after { content: ""; position: absolute; top: 50%; width: 1000px; /* ajustable */ height: 0.1px; background-color: #000; /* ou autre couleur */ } .bzfy-feed-banner__tagline::before { right: 100%; margin-right: 20px; /* espace entre le texte et la ligne */ transform: translateY(-50%); } .bzfy-feed-banner__tagline::after { left: 100%; margin-left: 20px; /* espace entre le texte et la ligne */ transform: translateY(-50%); } body#product .product-features { display: none; } /* Ticket #162096 */ .display_combinations .product-unavailable { display: none; } .display_combinations .hi-oosn-title { font-size: 12px; } .display_combinations #hi-oosn-block{ border: 0; padding: 0; } .display_combinations .hi-oosn-title{ margin-bottom: 5px; } /* flowbox */ /* fix alma css */ form#add-to-cart-or-refresh button { box-sizing: border-box; } /* fix alma css */ /* fix social footer */ footer a.elementor-social-icon:before { content: unset; } /* fix social footer */ /* ticket 168895 */ body#category .product-list-subcategories { text-align: left; } /* ticket #171456 */ @media (max-width:576px) { #main-product-wrapper .product-info-row, .main-product-wrapper .product-tabs { margin-bottom: 0; margin-top: 0; } #main-product-wrapper .product-tabs { display: none; } }