/** ** Custom CSS ** **/ /** ** All ** **/ .clearfix{ clear: both; } .color-action{ background-color: #ff5203 !important; border: 3px solid #ff5203 !important; } .color-action:hover{ background-color: inherit !important; } .main-contant-wrapper{ padding-bottom: 0; } *:focus{ outline: none !important; outline: 0 !important; } input{ border-radius: 0; /*-webkit-appearance: none;*/ } /** ** Responsive Overlay ** **/ #responsive-overlay, #load-overlay{ display: flex; align-items: center; justify-content: center; position: fixed; width: 100%; height: 100%; background: url('../svg/loader-animated-white.svg') no-repeat 50% 50%, rgba(0,0,0,0.8); background-size: 50px; z-index: 9999999; } #responsive-overlay{ background: none; } #responsive-overlay span, #load-overlay span{ color: #FFFFFF; margin-top: -100px; } /** ** Scrollbar ** **/ /** Default **/ /*::-webkit-scrollbar{ width: 10px; } ::-webkit-scrollbar-track{ background: #f1f1f1; } ::-webkit-scrollbar-thumb{ background: #00538E; } ::-webkit-scrollbar-thumb:hover{ background: #555; }*/ /** ** Alert ** **/ .alert{ padding: 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; line-height: 22px; } .alert a{ text-decoration: underline; } .alert p{ font-size: 14px; margin: 0; } .alert p.title{ font-weight: bold; text-decoration: underline; margin-bottom: 5px; } .alert-primary{ color: #004085; background-color: #cce5ff; border-color: #b8daff !important; } .alert-info{ color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb !important; } .alert-warning{ color: #856404; background-color: #fff3cd; border-color: #ffeeba !important; } .alert-danger{ color: #721c24; background-color: #f8d7da; border-color: #f5c6cb !important; } .alert-danger a{ color: #721c24; } .top-content aside#notifications .alert{ margin-top: 20px; } /** ** Modal ** **/ .quickview .modal-dialog{ width:calc(100% - 20px); } .modal-backdrop{ z-index: 99999; } .modal{ z-index: 999999; } /** Settings **/ #settings-alert-box{ display: none; position: fixed; z-index: 999999999; top: 0; width: 100%; padding: 20px; background-color: #228B22; color: #FFFFFF; } #settings-alert-box.light{ padding: 7px; } #settings-alert-box p{ font-size: 17px; margin: 0; } #settings-alert-box p span.redirect{ font-size: 14px; font-style: italic; float: right; } /** ** Button ** **/ .btn{ white-space:normal; } .btn.btn-info{ background-color: #17a2b8; border-color: #17a2b8; } .btn.btn-success{ background-color: #28a745; border-color: #28a745; } .btn.btn-warning{ background-color: #ffc107; border-color: #ffc107; } .btn.btn-danger{ background-color: #dc3545; border-color: #dc3545; } .btn.width-100{ width: 100%; } /** ** Caroussel ** **/ body .pk-carousel > .pk-nav{ background-color: #00538E !important; width: 45px !important; height: 45px !important; } body .pk-carousel > .pk-nav svg{ color: #FFFFFF; } /** ** Popup ** **/ .fancybox-overlay{ background-image: inherit !important; } .fancybox-close-overlay{ top: -25px !important; right: -20px !important; background-color: #ff5203; border-radius: 50%; width: 40px !important; height: 40px !important; display: flex; align-items: center; justify-content: center; } .fancybox-wrap .fancybox-close{ top: -25px !important; right: -20px !important; width: 40px !important; height: 40px !important; } .fancybox-close-overlay svg{ color: #FFFFFF; fill: #FFFFFF; width: 30px !important; height: 15px !important; } .pk_popup_flex p{ font-size: 14px; margin: 0; } .pk_popup_flex #block_popup{ margin: 0 auto; text-align: center; } .pk_popup_flex #block_popup .popup_text h3, .pk_popup_flex #block_popup .popup_text p{ text-transform: none; color: #FFFFFF; } .pk_popup_flex #block_popup .popup_text h3{ font-size: 30px; } .pk_popup_flex #block_popup a.btn:hover{ background: #FFFFFF; } .pk_popup_flex .decouvrez-mysed-video{ position: inherit; } .fancybox-lock .fancybox-overlay{ z-index: 999999999 !important; } .fancyBoxActive:after{ background-color: rgba(0, 0, 0, 0.85) !important; z-index: 99999999 !important; } /** ** 404 ** **/ #pagenotfound a.link-home{ margin-top: 40px; } /** ** Tables ** **/ .table-container{ min-width: 400px; overflow-x: scroll; } .table.row-border-dashed tr td{ border-bottom: 1px dashed #777777; } .table.row-border-dashed tr td.data-available{ background-color: #28a745; color: #FFFFFF; } .table.row-border-dashed tr td.data-unavailable{ background-color: #dc3545; color: #FFFFFF; } .table thead th{ font-weight: normal; background: #00538E; color: #FFFFFF; border-bottom: none; } .table thead th.toggle, .table tfoot tr td.toggle{ cursor: pointer; text-decoration: underline; } .table tbody.toggle{ display: none; } .table .dark{ background-color: #333; color: #FFFFFF; border-bottom: none !important; } .table .align-left{ text-align: left; } .table .align-center{ text-align: center; } .table .align-right{ text-align: right; } .table .align-middle{ vertical-align: middle; } .table .thead-dark th{ color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-blue th{ color: #fff; background-color: #00538E; border-color: #00538E; } /** ** Root Left Column ** **/ body.layout-root-left-column #pattern .page-width{ width: 96% !important; max-width: 96% !important; margin: 0 0 0 10px; } body.layout-root-left-column #pattern.root-item > .main-contant-wrapper{ width: 85%; margin-left: 15%; } #root-left-column-overlay{ display: none; position: absolute; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0,0,0,0.5); } .root-left-column{ position:absolute; left: 0; width: 15%; height: 100%; z-index: 99999; background: #FFFFFF; } #category .root-left-column{ box-shadow: 0px 15px 15px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 15px 15px rgba(0,0,0,0.4); -moz-box-shadow: 0px 15px 15px rgba(0,0,0,0.4); box-shadow: 0px 15px 15px rgba(0,0,0,0.4); } .root-left-column.sidebar .header-categories, .root-left-column.sidebar .header-title{ display: flex; align-items: center; padding-left: 10px; color: #FFFFFF; cursor: pointer; border-top: 1px dashed #FFFFFF; } .root-left-column.sidebar .header-categories{ height: 44px; background: #00538E; border-bottom: 1px solid #FFFFFF; } .root-left-column.sidebar .header-categories svg{ width: 22px; height: 22px; color: #FFFFFF; } .root-left-column.sidebar .header-categories:not(.active) svg.close-menu{ display: none; } .root-left-column.sidebar .header-categories.active svg:not(.close-menu){ display: none; } .root-left-column.sidebar .header-categories.active svg.close-menu{ display: block; } .root-left-column.sidebar .header-categories h4{ margin-left: 10px; } .root-left-column.sidebar .header-categories:hover{ filter: brightness(120%); } .root-left-column.sidebar .header-title{ padding: 10px; /*background: #333333;*/ background: #00538E; } .root-left-column.sidebar .header-categories h4, .root-left-column.sidebar .header-title h4{ margin-top: 0; margin-bottom: 0; font-weight: 500; } .root-left-column.sidebar .header-title h4{ font-weight: lighter; } .root-left-column.sidebar > *{ margin-top: 0 !important; margin-bottom: 0; } .root-left-column.sidebar .block-categories, .root-left-column.sidebar section ul{ padding: 10px; display: block; } .root-left-column.fixed .root-left-column-content{ overflow-y: scroll; -webkit-overflow-scrolling: touch; } .root-left-column.fixed{ position: fixed; top: 0; left: 0; height: 100vh; } .root-left-column::-webkit-scrollbar{ width: 7px; } body.layout-root-left-column #pk_top_menu{ padding-left: 15%; height: auto; } body.layout-root-left-column #pk_top_menu ul#top-menu{ margin-left: 0; padding-left: 0; text-wrap: inherit; flex-wrap: wrap; } body.layout-root-left-column footer#footer{ padding-left: 15%; } body.layout-root-left-column#category .root-left-column:not(.fixed){ margin-top: -44px; } body.layout-root-left-column#category .root-left-column div.produits-menu-container, body.layout-root-left-column#category .root-left-column div.menu-specific{ display: none; } /** ** Header ** **/ .switch-portail{ display: flex; align-items: center; justify-content: center; padding: 5px; background-color: #00538E; } .switch-portail a{ color: #FFFFFF; font-size: 16px; } .lighter-effect{ position: fixed; z-index: 30000; top: 0; left: -20px; width: 2px; height: 2px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 1px 3px #fff, 0 0 3px 8px rgba(255,255,255,0.7), 0 0 8px 20px rgba(255,255,255,0.65); } .backlinks-mobile{ display: none; } .header-top > div > div.header_user{ margin-left: 0; } .header-top .header-univers-nav{ display: flex; align-items: center; height: 100%;} .header-top .header-univers-nav a{ display: flex; align-items: center; height: 100%; padding: 0 10px; background: #00538E; color: #FFFFFF; text-transform: uppercase; } .header-top .header-univers-nav a.last-portail{ border-right: 1px solid #FFFFFF; } .header-top .header-univers-nav a.blog{ background: #379392; } .header-top .header-univers-nav a.qui-sommes-nous{ background: #469DDB; } .header-top .header-univers-nav a.boutique.catalogue{ filter: brightness(120%); } .header-top .header-univers-nav a.euros-gagnants{ background-color: #FFCC33; color: #000000; } .header-top .header_user_info a.account{ display:flex; align-items:center; height: 100%; padding: 0 10px; background: #5b6dc7; text-transform: uppercase; } .header-top .header_user_info a:hover, .header-top .header-univers-nav a:hover{ filter: brightness(120%); } .univers-color{ width: 100%; min-height: 5px; background: #00538E; } .univers-color.univers-mon-compte{ background: #5b6dc7; } .univers-color.univers-blog{ background: #379392; } .univers-color.univers-qui-sommes-nous{ background: #469DDB; } #header .logo{ max-width: 100px !important; } #header .header-top .header_user{ display:flex; align-items:center; height:100%; padding:0 10px 0 0; background: #00538E; color: #FFFFFF; } #header .header-top .header_user.unlogged{ padding:0 10px 0 10px; } #header .header-top .header_user.univers-blog{ background: #379392; } #header .header-top .header_user.univers-qui-sommes-nous{ background: #469DDB; } /*#header .header-top .header_user .header_user_info a.logout:before{ content:"|"; margin: 0 5px 0 2px; }*/ #header .header-top .header_user .header_user_info a.logout{ padding-left: 10px; } #header .header-top .header_user .header_user_info a.logout:hover{ text-decoration: underline; } #header .header-top .header_user > ul, #header .header-top .header_user .header_user_info{ display:flex; align-items:center; height:100%; } #header .header-main #search_widget{ z-index: 999999; } #header .header-main #search_widget input#sisearch{ /*background-color: #17a2b8 !important; color: #FFFFFF;*/ border-color: #777777; } #header .header-main #search_widget label svg.svgic{ color: #FFFFFF; } .search-widget-result{ display: none; position: absolute; top: 100px; width: calc(100vw - 10px); height: calc(100vh - 100px); background: #FFFFFF; z-index: 999999999; border-top: 1px solid #EFEFEF; overflow-y: scroll; } .search-widget-result h3{ margin: 0; padding: 10px; width: 100%; color: #FFFFFF; } .search-widget-result h3.search-state, .search-widget-result .search-progress{ position: absolute; margin-top: 20%; text-align: center; } .search-widget-result h3.search-state{ font-weight: 500; font-size: 25px; color: #323232; } .search-widget-result .search-progress{ left: 50%; margin-left: -30px; width: 60px; height: 60px; background-image: url("../svg/loader-animated.svg"); background-repeat: no-repeat; } .search-widget-result .search-filters, .search-widget-result .search-products{ float: left; } .search-widget-result .search-filters{ left: 0; width: 20vw; border-right: 1px solid #EFEFEF; } .search-widget-result .search-filters .action-search, .search-widget-result .search-filters .action-search .icon{ display: flex; align-items: center; } .search-widget-result .search-filters .action-search h3{ padding-left: 5px; } .search-widget-result .search-filters .action-search{ padding-left: 10px; color: #FFFFFF; cursor: pointer; } .search-widget-result .search-filters .action-search .icon svg{ width: 15px; height: 15px; } .search-widget-result .search-filters .action-search.close-search{ background: #dc3545; } .search-widget-result .search-filters .action-search.access-search{ background: #28a745; border-top: 1px solid #FFFFFF; } .search-widget-result .search-filters .category-tree{ display: block; font-size: 14px; } .search-widget-result .title h3{ background: #ff5203; } .search-widget-result .search-filters .title h3.detail{ background: #00538E; } .search-widget-result .search-filters span.level-1{ font-weight: 500; padding: 5px 10px 5px 10px; background-color: #363636; color: #FFFFFF; } .search-widget-result .search-filters span.level-2{ padding-left: 20px; } .search-widget-result .search-filters a.level-3{ display: block; margin: 0; font-size: 13px; padding:0 0 0 30px; border-bottom: 1px solid #EFEFEF; color: #00538E; } .search-widget-result .search-filters a.manufacturer.level-3{ padding: 0 0 0 10px; } .search-widget-result .search-filters a:not(.access-all-results):hover{ background-color: #00538E; color: #FFFFFF; } .search-widget-result .search-products{ width: calc(80vw - 30px); } .search-widget-result .search-products h3.no-product{ margin-top: 7%; text-align: center; } .search-widget-result .search-products .items .mini-product{ margin: 0; padding: 10px; border-bottom: 1px solid #EFEFEF; border-right: 1px dotted #EFEFEF; cursor: pointer; width: 25%; min-width: 390px; min-height: 110px; display: block; float: left; } .header-2 .header-nav > div:first-child{ margin-left: 36px; margin-top: -3px; } .header-2 .header-nav > div:nth-child(2){ margin-left: 0px; } #header .header-main .pk_customlinks.favorites .svgic{ width: 20px; height: 20px; } #header .header-main .pk_customlinks.favorites .svgic.isFavorite{ fill: #ff5203; } #header .header-main .pk_customlinks .dd_container{ top: 17px !important; background: #e6edf5; color: #333333; z-index: 9999; } #header .header-main .pk_customlinks .dd_container:not(.pk-sub-menu) li{ padding: 0; border: none; border: 0px; } #header .header-main .pk_customlinks .dd_container:not(.pk-sub-menu) li.my-account{ background-color: #28a745; color: #FFFFFF; } #header .header-main .pk_customlinks .dd_container:not(.pk-sub-menu) li a{ display: block; padding: 10px; width: 100%; border-bottom: 1px solid #FFFFFF; } #header .header-main .pk_customlinks .dd_container:not(.pk-sub-menu) li:hover{ background: #00538E; } #header .header-main .cart_summary{ position: fixed; padding: 15px 10px; z-index: 9999; background: #ff5203; right : 0; top: 20%; right: 0; color: #FFFFFF; cursor: pointer; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } #signaling-error{ display:block; position: fixed; padding: 10px; z-index: 9999; background: #721c24; right : 0; bottom: 250px; right: 0; color: #FFFFFF; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } #signaling-error span{ color: #FFFFFF !important; font-size: 13px; font-family: 'Roboto'; font-weight: 400; font-style: normal; line-height: 1em; text-transform: uppercase; color: #5e5e5e; letter-spacing: 0.06em; } #header .header-main .cart_summary svg, #signaling-error svg.svgic{ width: 20px; height: 12px; vertical-align: middle !important; } #header .header-main #desktop_cart .blockcart-total-header{ position: absolute; padding: 5px; margin-top: 5px; /*background: #28a745;*/ background: #00538E; color: #FFFFFF; font-weight: 700; } #header .header-main #desktop_cart .blockcart-total-header.franco{ background: #228B22; } #header .header-main #desktop_cart .shopping_cart .indent{ padding: 15px 25px; } #header .header-main #desktop_cart .shopping_cart .products-container{ height: calc(100vh - 240px); overflow-y: scroll; } #header .header-main #desktop_cart .shopping_cart .products-container .shopping_cart_no_products{ height: 100%; display: flex; align-items: center; justify-content: center; } #header .header-main #desktop_cart .shopping_cart .products-container .shopping_cart_no_products span{ text-transform: initial; font-size: 18px; } #header .header-main #desktop_cart .shopping_cart .cart-container{ display:flex; width: 100%; padding-top: 10px; border-top: 1px solid #00538E; margin-right: 0; } #header .header-main #desktop_cart .shopping_cart .cart-container .cart-total .total{ font-size: 25px; } #header .header-main #desktop_cart .shopping_cart .cart-container .cart-total .total-articles{ font-size: 12px; text-transform: initial; } #header .header-main #desktop_cart .shopping_cart article.mini-product{ border-bottom: 1px dotted #dfdfdf; margin-right: 5px; } #header .header-main #desktop_cart .shopping_cart article.mini-product .product-price-and-shipping .price, #header .header-main #desktop_cart .shopping_cart article.mini-product .product-price-and-shipping .price span{ color: #00538E; display: block; } #header .header-main #desktop_cart .shopping_cart .cart-button{ width: auto; } #pattern #header .cart-icon .cart-products-count{ width: auto; min-width: 25px; min-height: 25px; bottom: inherit; top: -27px; font-size: 14px; padding: 5px; border-radius: 25px; background: #00538E; } /** ** Navigation ** **/ #pk_top_menu{ background-color: #EFEFEF !important; } #pk_top_menu .icon_menu{ margin: 5px 0 5px 20px; } .pk-menu-horizontal li.level-1{ min-height: 45px; } .pk-menu-horizontal li.level-1.produits svg.menu-icon{ width: 20px; height: 17px; margin: 0 10px 0 0; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu{ border: none; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .col-lg-12{ padding: 0; } .produits-menu-options{ display: none; align-items: center; justify-content: center; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-options span{ width: 50%; border: none !important; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-options span:nth-child(2){ border-left: 1px solid #FFFFFF !important; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .icon.close-menu{ display: none; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu[data-depth="2"]{ background: #efefef; padding: 10px 0 0 20px; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-2{ padding: 10px 0 10px 0; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container{ width: 100%; overflow: hidden; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-1-container{ display: flex; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-1-container .produits-menu-1{ width: 90%; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-1-container .produits-menu-arrow{ width: 10%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-1-container .produits-menu-arrow svg{ font-size: 15px; color: #333333; width: 10px; height: 10px; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-1-container .produits-menu-arrow svg.active{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-1 .first-link{ display: block; position: relative; padding: 10px; color: #FFFFFF; text-transform: uppercase; cursor: pointer; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1{ background: #EFEFEF; border-bottom: 1px solid #FFFFFF; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1:not(.active) .produits-menu-1-container .produits-menu-1 .first-link:after{ visibility: hidden; content: ""; width: 20%; height: 20%; position: absolute; left: auto; bottom: 0; right: -20%; background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1:not(.active) .produits-menu-1-container .produits-menu-1 .first-link:hover:after{ visibility: visible; transition: all 0.4s ease-out; right: 100%; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1:hover{ background: #00538E; transition: all 0.7s ease-out; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1:hover .produits-menu-1 .first-link, .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1:hover .produits-menu-arrow svg, .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1.active .produits-menu-arrow svg{ color: #FFFFFF !important; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1:hover .produits-menu-1 .first-link{ transition: all 0.7s ease-out; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1.active{ background: #00538E !important; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container.is-products-area .produits-submenu .category-1:not(.current) .produits-submenu[data-depth="2"]{ display: none; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container.is-products-area .produits-submenu .category-1:not(.current) .produits-menu-arrow svg:not(.actived){ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1:not(.active) .produits-menu-1 .first-link{ color: #333; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-2{ margin-bottom: 10px; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-2 a{ font-weight: 600; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-3{ margin-left: 10px; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-2.current .produits-menu-2 > a, .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-3.current a{ background: #00538E; padding: 5px; color: #FFFFFF; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-3 a{ font-size: 14px; line-height: 16px; text-transform: lowercase; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-3 a::first-letter{ text-transform: uppercase; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-3 a:hover{ text-decoration: underline; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .menu-specific h2{ background: #333333; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 10px; margin: 0; font-size: 15px; text-align: center; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .menu-specific ul li{ background: #efefef; border-bottom: 1px solid #FFFFFF; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .menu-specific ul li:not(.menu-specific) a{ padding: 10px; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .menu-specific ul li a{ color: #333333; margin: 0; font-size: 13px; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .menu-specific ul li:not(.menu-specific):hover{ background: #333333; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .menu-specific ul li:not(.menu-specific):hover a{ color: #FFFFFF; } .top-menu li a:hover{ filter: brightness(120%) !important; } .top-menu li.menu-euros-gagnants a:hover, .menu-specific ul li.menu-euros-gagnants a:hover{ filter: brightness(110%) !important; } .pk-menu-horizontal li.level-1.menu-start a, .pk-menu-horizontal li.level-1.menu-nouveautes a, .pk-menu-horizontal li.level-1.menu-offres-personnalisables a, .pk-menu-horizontal li.level-1.menu-euros-gagnants a, .pk-menu-horizontal li.level-1.menu-promos-lots a, .pk-menu-horizontal li.level-1.menu-ventes-flash a, .pk-menu-horizontal li.level-1.menu-cr-eliquides a{ display: flex; align-items: center; justify-content: center; padding: 0; min-width: 70px; background-repeat: no-repeat !important; background-position: center !important; text-align: center; } .pk-menu-horizontal li.level-1.menu-euros-gagnants a span{ display: block; } .pk-menu-horizontal li.level-1.menu-start a, .pk-menu-horizontal li.level-1.menu-start .pk-sub-menu{ background: #363636; color: #FFFFFF !important; } .pk-menu-horizontal li.level-1.menu-nouveautes a, .pk-menu-horizontal li.level-1.menu-offres-personnalisables a, .pk-menu-horizontal li.level-1.menu-nouveautes .pk-sub-menu, .pk-menu-horizontal li.level-1.menu-offres-personnalisables .pk-sub-menu{ /*background: #e85c2b;*/ /*background: #363636;*/ background: #00538E; color: #FFFFFF !important; } .pk-menu-horizontal li.level-1.menu-promos-lots a, .pk-menu-horizontal li.level-1.menu-promos-lots .pk-sub-menu{ /*background-color: #ff8f29;*/ /*background-color: #363636;*/ background: #00538E; color: #FFFFFF !important; } .pk-menu-horizontal li.level-1.menu-ventes-flash a, .pk-menu-horizontal li.level-1.menu-ventes-flash .pk-sub-menu{ /*background-color: #ffb52f;*/ /*background-color: #363636;*/ background: #00538E; color: #FFFFFF !important; } .pk-menu-horizontal li.level-1.menu-euros-gagnants a, .pk-menu-horizontal li.level-1.menu-euros-gagnants .pk-sub-menu{ background-color: #FFCC33; } .pk-menu-horizontal li.level-1.menu-cr-eliquides a, .pk-menu-horizontal li.level-1.menu-cr-eliquides .pk-sub-menu{ background-color: #de1c42; /*background-color: #363636;*/ color: #FFFFFF !important; } .pk-menu-horizontal li.level-1.menu-start a{ background-image:url('/img/cms/svg/earth-white.svg'); } .pk-menu-horizontal li.level-1.menu-nouveautes > a{ background-image:url('/img/cms/png/new-white.png'); background-size: 26% !important; } .pk-menu-horizontal li.level-1.menu-offres-personnalisables a{ background-image:url('/img/cms/svg/sliders-white.svg'); } .pk-menu-horizontal li.level-1.menu-promos-lots > a{ background-image:url('/img/cms/svg/percent-white.svg'); } .pk-menu-horizontal li.level-1.menu-ventes-flash a{ background-image:url('/img/cms/svg/zap-white.svg'); } .pk-menu-horizontal li.level-1.menu-euros-gagnants a{ background-image:url('/img/cms/svg/euro.svg'); } .pk-menu-horizontal li.level-1.menu-cr-eliquides > a{ background-image:url('/img/cms/svg/droplet-white.svg'); } .pk-menu-horizontal li.level-1.menu-start a, .pk-menu-horizontal li.level-1.menu-nouveautes a, .pk-menu-horizontal li.level-1.menu-offres-personnalisables a, .pk-menu-horizontal li.level-1.menu-promos-lots a, .pk-menu-horizontal li.level-1.menu-ventes-flash a, .pk-menu-horizontal li.level-1.menu-euros-gagnants a, .pk-menu-horizontal li.level-1.menu-cr-eliquides a{ border-left: 1px solid #FFFFFF; } .pk-menu-horizontal li.level-1.menu-contactez-nous a, .pk-menu-horizontal li.level-1.menu-contactez-nous svg, .pk-menu-horizontal li.level-1.menu-contactez-nous a span{ color: #ff5203; } .pk-menu-horizontal li.level-1.menu-contactez-nous a{ font-weight: 500; } .pk-menu-horizontal li.level-1.menu-contactez-nous svg{ width: 17px; height: 17px; } .pk-menu-horizontal li.level-1.menu-promotional-category{ border-left: 1px solid #FFFFFF; } .pk-menu-horizontal li.level-1.menu-promotional-category a{ padding: 0 !important; } .pk-menu-horizontal li.level-1.menu-promotional-category.no-image{ background-color: #ff5203; cursor: pointer; } .pk-menu-horizontal li.level-1.menu-promotional-category.no-image a, .pk-menu-horizontal li.level-1.menu-promotional-category.no-image a span{ color: #FFFFFF; font-weight: 400; } .pk-menu-horizontal li.level-1.menu-promotional-category.no-image a{ padding: 10px !important; } .pk-menu-horizontal li.level-1.menu-promotional-category a img{ height: 44px; min-width: 180px; } .pk-menu-horizontal li.level-1 .pk-sub-menu{ /*display: none !important; width: 420px;*/ padding: 0 0 0 20px; border: none; } /*.pk-menu-horizontal li.level-1.menu-offres-personnalisables .pk-sub-menu{ margin-left: -70px; } .pk-menu-horizontal li.level-1.menu-promos-lots .pk-sub-menu{ margin-left: -140px; } .pk-menu-horizontal li.level-1.menu-ventes-flash .pk-sub-menu{ margin-left: -210px; } .pk-menu-horizontal li.level-1.menu-euros-gagnants .pk-sub-menu{ margin-left: -280px; background: #FFCC33; } .pk-menu-horizontal li.level-1.menu-cr-eliquides .pk-sub-menu{ margin-left: -350px; }*/ .pk-menu-horizontal li.level-1 .pk-sub-menu .submenu-label .submenu-label-details{ width: 100%; } .pk-menu-horizontal li.level-1 .pk-sub-menu .submenu-label .submenu-label-details p{ color: #FFFFFF; font-size: 15px; } .pk-menu-horizontal li.level-1 .pk-sub-menu .submenu-label .submenu-label-details p a{ display: block; border-left: none; font-size: 15px; line-height: 18px; font-weight: normal; white-space: normal; margin-bottom: 5px; text-transform: none; text-align: left; letter-spacing: auto; } .pk-menu-horizontal li.level-1 .pk-sub-menu .submenu-label .submenu-label-details p a:hover{ filter: none !important; text-decoration: underline; } .pk-menu-horizontal li.level-1.menu-euros-gagnants .pk-sub-menu .submenu-label .submenu-label-details p{ color: #333; } .pk-menu-horizontal li a, .menu-specific ul li a{ background-repeat: no-repeat !important; } .pk-menu-horizontal li a span{ color: #333333; } .pk-menu-horizontal li.level-1.produits a span, .pk-menu-horizontal li.level-1.blog a span{ color: #FFFFFF; } .menu-specific ul li a{ background-size: 20px !important; background-position: 95% !important; } /** Root left Column Menu **/ .root-left-column > .menu-specific{ display: none; } .root-left-column .produits-menu-1-container{ display: flex !important; align-items: center; justify-content: space-between; padding: 7px; border-bottom: 1px solid #FFFFFF; cursor: pointer; } .root-left-column .produits-menu-1-container span.first-link{ font-size: 14px; color: #FFFFFF; } .root-left-column .produits-menu-arrow{ display: flex; align-items: center; } .root-left-column .produits-menu-arrow svg{ width: 10px; height: 10px; color: #FFFFFF; } .root-left-column .category-1:hover .produits-menu-1-container span.first-link, .root-left-column .category-1:hover .produits-menu-arrow svg{ color: #FFFFFF; } /*.root-left-column .produits-submenu[data-depth="2"]{ display: none; position: fixed; left: 15%; margin-left: 0px; background: #f8f8f8; top: 0; padding: 20px 180px 20px 20px; width: 75%; max-width:1100px; height: 100vh; overflow-y: scroll; z-index: 999999; }*/ .root-left-column .produits-submenu[data-depth="2"]{ display: none; position: absolute; margin-left: 100%; /*background: #FFF;*/ top: 0; padding: 0; min-width: 1100px; width: calc(100vw - 350px); /*height: 100vh; overflow-y: scroll;*/ z-index: 999999; } .root-left-column .produits-submenu[data-depth="2"] .produits-submenu-container{ width: 100%; column-count: 4; background: rgba(255,255,255,0.8); padding: 10px; border-bottom-right-radius: 7px; } .root-left-column #produits-submenu-4 .produits-submenu[data-depth="2"] .produits-submenu-container{ column-count: 6; } .root-left-column .produits-submenu[data-depth="2"] .menu-title{ width: 100%; padding: 3px 5px; background-color:#00538E; border-bottom: 1px solid #FFFFFF; } .root-left-column .produits-submenu[data-depth="2"] .menu-title h3{ padding: 0; margin: 0; color: #FFFFFF; } .root-left-column .produits-submenu[data-depth="2"] .icon.close-menu{ position: absolute; right: 0; top: 0; padding: 5px; background: #00538E; cursor: pointer; } .root-left-column .produits-submenu[data-depth="2"] .icon.close-menu svg{ color: #FFFFFF; } .root-left-column .category-1{ background: #00538E; color: #FFF; } .root-left-column .category-1:hover{ background: #363636; transition: all 0.7s ease-out; } .root-left-column .category-1:hover .produits-submenu{ /*display: block;*/ } .root-left-column .promotional-category .menu-images-container a, .root-left-column .promotional-category .menu-images-container a img{ display: block; padding: 0; } .root-left-column .produits-menu-container .produits-submenu-header{ width: 100%; margin-bottom: 20px; padding: 10px; background: #00538E; } .root-left-column .produits-menu-container .produits-submenu-header h3{ padding: 0; margin: 0; font-size: 22px; color: #FFFFFF; text-transform: uppercase; } .root-left-column .produits-menu-container .produits-submenu-quickaccess{ display: block; width: 100%; margin-bottom: 10px; padding: 10px; background: #00538E; color: #FFFFFF; border: 1px solid #00538E; } .root-left-column .produits-menu-container .produits-submenu-quickaccess:hover{ background: #FFFFFF; color: #00538E; } .root-left-column .produits-menu-container .produits-submenu .produits-menu-3{ /*padding-left: 10px; border-left: 1px solid #d8d8d8;*/ } /*.root-left-column .produits-menu-container .produits-submenu .category-1:hover .produits-menu-1 .first-link, .root-left-column .produits-menu-container .produits-submenu .category-1:hover .produits-menu-arrow svg,*/ .root-left-column .produits-menu-container .produits-submenu .category-1.active .produits-menu-arrow svg{ color: #333333 !important; } .root-left-column .produits-menu-container .produits-submenu .category-1:hover .produits-menu-1 .first-link{ transition: all 0.7s ease-out; } .root-left-column .produits-menu-container .produits-submenu .category-1.active{ background: #e6edf5 !important; } .root-left-column .produits-menu-container .produits-submenu .category-1.active span{ /*color: #FFFFFF;*/ color: #333333; } .root-left-column .produits-menu-container .produits-menu-2{ width: 100%; padding: 0px 5px; /*background: #363636;*/ background: #00538E; } .root-left-column .produits-menu-container .produits-menu-2 a{ font-size: 14px !important; font-weight: 500; color: #FFFFFF; } .root-left-column .produits-menu-container .category-2{ width: 100%; display: inline-block; box-shadow: 2px 2px 2px 0 #ccc; margin-bottom: 10px; border-radius: 7px; background-color: #FFFFFF; } #produits-submenu-4 .produits-menu-container .category-2{ max-width: 200px; } .root-left-column .produits-menu-container .category-2.current .produits-menu-2 > a, .root-left-column .produits-menu-container .category-3.current a{ background: #e6edf5; /*padding: 5px; color: #FFFFFF;*/ color: #333333; } .root-left-column .produits-menu-container .category-3 a{ display: block; padding: 2px 5px; font-size: 14px; line-height: 16px; } .root-left-column .produits-menu-container .category-3 a:hover{ background: #363636; color: #FFFFFF;} .root-left-column .produits-menu-container .encarts-pub-data{ position: absolute; top: 0; right: 0; width: 180px; } .root-left-column .produits-menu-container .encarts-pub-data img{ width: 100%; } .root-left-column .menu-specific h2{ background: #333333; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 10px; margin: 0; font-size: 15px; text-align: center; } .root-left-column .menu-specific ul li{ background: #efefef; border-bottom: 1px solid #FFFFFF; } .root-left-column .menu-specific ul li.no-image{ padding: 10px; } /*.root-left-column .menu-specific ul li:not(.no-image){ margin-bottom: -10px; }*/ .root-left-column .menu-specific ul li a{ display: block; color: #333333; padding: 10px; margin: 0; font-size: 13px; } .root-left-column .menu-specific ul li.menu-promotional-category a{ padding: 0; } .root-left-column .menu-specific ul li:not(.menu-specific):hover{ background: #333333; } .root-left-column .menu-specific ul li:not(.menu-specific):hover a{ color: #FFFFFF; } .root-left-column .menu-specific ul li{ background: #f8f8f8; color: #333333; } .menu-specific ul li.menu-start a{ background-image: url('/img/cms/svg/earth-white.svg'), linear-gradient(to right, #363636, #363636); } .menu-specific ul li.menu-nouveautes a{ background-image: url('/img/cms/svg/sliders-white.svg'), linear-gradient(to right, #363636, #363636); } .menu-specific ul li.menu-offres-personnalisables a{ background-image: url('/img/cms/svg/sliders-white.svg'), linear-gradient(to right, #363636, #363636); } .menu-specific ul li.menu-promos-lots a{ background-image: url('/img/cms/svg/percent-white.svg'), linear-gradient(to right, #363636, #363636); } .menu-specific ul li.menu-ventes-flash a{ background-image: url('/img/cms/svg/zap-white.svg'), linear-gradient(to right, #363636, #363636); } .menu-specific ul li.menu-euros-gagnants a{ background-image: url('/img/cms/svg/euro.svg'), linear-gradient(to right, #ffb52f, #ffb52f); } .menu-specific ul li.menu-cr-eliquides a{ background-image: url('/img/cms/svg/droplet-white.svg'), linear-gradient(to right, #363636, #363636); } .menu-specific ul li.menu-diy-eliquides a{ background-image: url('/img/cms/svg/droplet-white.svg'), linear-gradient(to right, #363636, #363636); } /*.menu-specific ul li.menu-start:hover{ background: #00538E; } .menu-specific ul li.menu-nouveautes:hover{ background: #e85c2b; } .menu-specific ul li.menu-offres-personnalisables:hover{ background: #e85c2b; } .menu-specific ul li.menu-promos-lots:hover{ background: #ff8f29; } .menu-specific ul li.menu-ventes-flash:hover{ background: #ffb52f; } .menu-specific ul li.menu-euros-gagnants:hover{ background: #FFCC33; } .menu-specific ul li.menu-cr-eliquides:hover{ background: #de1c42; }*/ .menu-specific ul li:hover a{ color: #FFFFFF; } .menu-specific ul li:hover{ background: #00538E; } .menu-specific ul li.menu-specific a{ padding: 10px 0 10px 40px; background-position: 4px, 0 !important; background-size: 22px, 30px 100% !important; } /*#pk_top_menu .pk-sub-menu .sub-menu-produits .produits-menu-container ul li.category{ float:left; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-menu-container ul li.category a{ font-size:14px; font-weight: 400; color: #FFFFFF; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-menu-container ul li.current, #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-menu-container ul li.active{ cursor: pointer; background-color:#333; color:#FFFFFF; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-menu-container ul li.current > a, #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-menu-container ul li.active > a{ color:#FFFFFF; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-menu-container ul li a{ padding-bottom: 0; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-submenu-container{ white-space: normal; border: 1px dotted #333; padding: 0.4rem 0.4rem 0 0.4rem; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-submenu-container div#produits-submenu-1{ display: block; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-submenu-container div.category-1{ display: none; -moz-column-width: 15em; -webkit-column-width: 15em; column-width: 15em; -moz-column-gap: 0.5em; -webkit-column-gap: 0.5em; column-gap: 0.5em; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-submenu-container div.category-2{ display: inline-block; margin-bottom: 0.4rem; padding: 1rem; width: 100%; background: #efefef; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-submenu-container div.category-2 > a{ font-weight: 900; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-submenu-container div.produits-submenu[data-depth="3"]{ padding-top: 5px; padding-left: 5px; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-submenu-container div.category-3 a{ font-size: 14px; line-height: 16px; text-transform: lowercase; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-submenu-container div.category-3 a::first-letter{ text-transform: uppercase; } #pk_top_menu .pk-sub-menu .sub-menu-produits .produits-submenu-container div.category-3 a:hover{ text-decoration: underline; }*/ /** Left Column **/ #left-column > *:not(#search_filters_wrapper){ margin-top: 30px; } .sidebar #search_filters{ padding: 0 5px; } .sidebar #search_filters .facet .facet-title{ background: #e6edf5; border: none; color: #333333; padding: 5px; display: flex; align-items: center; margin: 5px 0 0 0; } .sidebar #search_filters .facet .facet-title span.title-text{ padding: 0; white-space: normal; color: #333333; } .sidebar #search_filters .facet .facet-title span.navbar-toggler{ padding: 7px 7px 0 0; color: #333333; } .sidebar #search_filters .facet .collapse.in{ margin-bottom: 0; } .sidebar #search_filters .facet > ul li{ padding: 0 !important; margin: 0 !important; } .sidebar #search_filters .facet .facet-label a{ white-space: inherit; } .sidebar #search_filters .facet > ul li p{ margin: 0 0 10px 0; } .sidebar #search_filters .clear-all-wrapper{ margin-bottom: 10px; } .sidebar #search_filters_wrapper .active_filters .active-filter-title{ padding: 5px; background: #ff5203; color: #FFFFFF; } .sidebar #search_filters_wrapper #js-active-search-filters ul li{ color: #333333; padding: 5px 0 5px 5px !important; margin-bottom: 0 !important; } .sidebar #search_filters_wrapper #_desktop_search_filters_clear_all .btn{ background: #ff5203; border-color: #ff5203; } .sidebar #search_filters_wrapper #_desktop_search_filters_clear_all .btn:hover{ background: none; } .sidebar .custom-checkbox input[type=checkbox]+span{ width: 15px; height: 15px; } .sidebar .custom-checkbox input[type=checkbox]:checked+span{ background: #ff5203 !important; border-color: #ff5203; } .sidebar .custom-checkbox input[type=checkbox]:checked+span svg{ display: none; } .sidebar > *{ margin-top: 30px !important; } .sidebar .pk-widget{ margin-bottom: 0 !important; } .sidebar .widget-html{ margin-top: 0 !important; } .sidebar .sidebar-menu-specific, .sidebar > .rev_slider_wrapper{ margin: 0 !important; margin-bottom: 0 !important; padding: 0; } .sidebar .sidebar-menu-specific .widget-inner, .sidebar .menu-left-column .widget-inner{ padding-top: 0; } .sidebar .widget-categoriesselected{ margin-top: 0 !important; } .sidebar .menu-left-column ul li a, .sidebar .sidebar-menu-specific ul li a{ display:block; width: 100%; padding: 5px 0 5px 10px; border-bottom: 1px solid #FFFFFF; font-weight: 300; } .sidebar .sidebar-menu-specific ul li:not(.menu-specific) a:hover{ background: #333333; color: #FFFFFF; } .sidebar .sidebar-menu-specific ul li:not(.menu-specific) a{ background: #EFEFEF; color: #333333; } .sidebar div.title{ margin-top: 20px; } .sidebar div.title h3{ margin: 0; color: #333333; margin: 10px 0 10px 0; } .sidebar .menu{ margin-top: 20px; margin-bottom: 20px; } .sidebar .menu.fixed{ position: fixed; top: 0; } .sidebar .menu a{ display: block; padding: 5px; } .sidebar .menu a.active, .sidebar .menu a:hover{ background-color: #00538E; color: #FFFFFF; } .sidebar .menu-contenances li{ margin: 0; padding: 0 !important; list-style-type: none; } .sidebar .menu-contenances .submenu{ display: none; margin-left: 1em; } .sidebar .menu-contenances .menu-toggle{ background: none; border: none; font-weight: bold; cursor: pointer; } .sidebar .menu-contenances .open > .submenu{ display: block; } #module-lappstarsed-productsquickorder .menu-horizontal{ margin-bottom: 30px; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenances{ display: flex; justify-content: space-evenly; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; gap: 5px; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenances li, #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenances a{ font-size: 16px; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenance-item{ position: relative; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenances > li{ flex: 1; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenances > li > a{ width: 100%; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenance-item li a{ display: block; padding: 2px 15px; width: 100%; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenance-item li:not(:last-child) a{ border-bottom: 1px solid #FFF; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenance-item li a:last-child{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenance-item li a:not(.active):hover{ background-color: #ddd; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenance-item.active > .menu-toggle:not(.active){ background-color: #ddd; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-toggle{ display: inline-block; padding: 0.4rem 1rem; border-radius: 5px; background-color: #eee; color: #333; text-decoration: none; font-weight: 500; border: 1px solid transparent; white-space: nowrap; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-toggle.active, #module-lappstarsed-productsquickorder .menu-horizontal .submenu-brands a.active{ background-color: #333; color: #fff; } #module-lappstarsed-productsquickorder .menu-horizontal .submenu-brands{ display: none; position: absolute; top: 37px; left: 0; margin-left: 0; z-index: 10; background: #eee; width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #module-lappstarsed-productsquickorder .menu-horizontal .submenu-brands li{ list-style-type: none; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-contenance-item:hover .submenu-brands{ display: block; } #module-lappstarsed-productsquickorder .menu-horizontal .menu-selected-brand{ margin-top: 5px; } #module-lappstarsed-productsquickorder .menu-horizontal .brand-pill{ display: inline-flex; align-items: center; padding: 0.3rem 0.8rem; border-radius: 5px; background-color: #333; color: #fff; font-weight: 500; margin-top: 5px; border: 1px solid transparent; font-size: 16px; } #module-lappstarsed-productsquickorder .menu-horizontal .brand-pill .remove-brand{ margin-left: 0.5rem; cursor: pointer; font-weight: bold; color: #fff; } #module-lappstarsed-productsquickorder .menu-horizontal .brand-pill .remove-brand:hover{ color: #ff5a5a; } /** ** Sart ** **/ .logo-static-transition{ display: none; align-items: center; justify-content: center; flex-direction: column; position: absolute; width: 100vh; height: 100vh; } .logo-static-transition img{ max-width: 180px !important; } .logo-static-transition span{ font-size: 17px; margin-top: 20px; } .univers-transition-container{ display: none; visibility: hidden; background-size: cover; background-repeat: no-repeat; align-items: center; justify-content: center; overflow: hidden; position: fixed; width: 100%; height: 100%; height: 100vh; z-index: 9999999; } .univers-transition-container .full-container{ position: absolute; width: 100%; height: 100%; max-width: 1200px; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-ransform-style: preserve-3d; transform: rotateX(75deg); -moz-transform: rotateX(75deg); -webkit-transform: rotateX(75deg); z-index: 999; } .univers-transition-container .global-container{ display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; -webkit-font-smoothing: antialiased; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-ransform-style: preserve-3d; z-index: 99999; } .univers-transition-container .content-area{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100vh; overflow: hidden; background: #000; } .univers-transition-container .logo-container{ display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; transform-style: preserve-3d; } .univers-transition-container .logo{ display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; z-index: 9; /*background-color: #00538E; background-repeat: no-repeat; background-size: cover; box-shadow: 0 0 60px rgba(0, 83, 142, 0.8); background: radial-gradient(circle at 150px 150px, #00538E, #000);*/ transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); } .univers-transition-container .logo img{ max-width: 240px; margin-top: 10%; } .univers-transition-container .logo-static{ width: 90px; z-index: 9999; } .univers-transition-container .logo-static img{ max-width: 90px; } .univers-transition-container .accroche{ position: absolute; left: 2%; top: 5%; z-index: 9999; } .univers-transition-container .accroche h1, .univers-transition-container .accroche h2, .univers-transition-container .accroche h3{ color: #FFFFFF; margin: 0; } .univers-transition-container .accroche h1{ font-size: 30px; font-weight: 100; line-height: 30px; } .univers-transition-container .accroche h2{ font-size: 33px; line-height: 32px; } .univers-transition-container .accroche h2:nth-child(3){ font-size: 24px; line-height: 30px; text-transform: uppercase; } .univers-transition-container .accroche h3{ font-size: 17px; } .univers-transition-container .accroche a{ display: block; width: max-content; margin-top: 10px; color: #FFFFFF; padding-bottom: 2px; border-bottom: 1px dotted #FFFFFF; } .univers-transition-container .title{ visibility: hidden; text-align: center; z-index: 9 } .univers-transition-container .title h4{ color: #FFFFFF; font-size: 50px; text-transform: uppercase; } .univers-transition-container .left-part-blue-effect{ position: absolute; width: 100%; min-height: 100vh; z-index: 1; } .univers-transition-container .left-part-blue-effect-bg{ position: absolute; width: 55%; min-height: 100vh; background: rgba(23,162,184,0.3); transform: skewX(-10deg); transform-origin: top right; } .univers-transition-container .navigation{ z-index: 999999; } .univers-transition-container .navigation svg{ color: #FFFFFF; width: 35px; height: 35px; } .univers-transition-container .navigation-left, .univers-transition-container .navigation-right{ display: flex; align-items: center; justify-content: center; position: fixed; width: 60px; height: 60px; border-radius: 50%; top: 50%; margin-top: -25px; cursor: pointer; } .univers-transition-container .navigation-left:hover, .univers-transition-container .navigation-right:hover{ background: #FFFFFF; } .univers-transition-container .navigation-left:hover svg, .univers-transition-container .navigation-right:hover svg{ color: #333333; } .univers-transition-container .navigation-left{ left: 20px; } .univers-transition-container .navigation-right{ right: 20px; } .univers-transition-container .area{ display: flex; align-items: center; justify-content: center; width: 80%; height: 100%; transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); margin-top: 80%; } .univers-transition-container .area .card{ display: inline-block; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: 50% 50%; cursor: pointer; } .univers-transition-container .area .card, .univers-transition-container .area .card_front{ position: absolute; width: 20%; height: 30%; min-width: 280px; min-height: 280px; /*max-width: 480px; max-height: 480px;*/ border-radius: 10px; } .univers-transition-container .area .card_front{ overflow: hidden; } .univers-transition-container .area .card .svg{ display: flex; align-items: center; justify-content: center; min-height: 65%; } .univers-transition-container .area .card .svg svg{ width: 80px; height: 80px; } .univers-transition-container .area .card .top-part{ height: 60%; padding-top: 8%; } .univers-transition-container .area .card .top-part h4{ margin: auto; padding: 0; text-align: center; font-size: 18px; } .univers-transition-container .area .card .bottom-part h4{ color: #FFFFFF; display: none; } .univers-transition-container .area .card .bottom-part{ height: 40%; padding: 0; } .univers-transition-container .area .card .bottom-part .link{ display: flex; align-items: center; justify-content: center; height: 100%; } .univers-transition-container .area .card .bottom-part a{ font-size: 14px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #FFFFFF; } .univers-transition-container .area .card .bottom-part a svg{ width: 40px; height: 40px; margin-right: 10px; margin-left: -10px; } .univers-transition-container .area .card.account .bottom-part .link{ background: #5b6dc7; } .univers-transition-container .area .card.boutique .bottom-part .link{ background: #00538E; } .univers-transition-container .area .card.qui-sommes-nous .bottom-part .link{ background: #469DDB; } .univers-transition-container .area .card.account .bottom-part a:hover, .univers-transition-container .area .card.boutique .bottom-part a:hover, .univers-transition-container .area .card.qui-sommes-nous .bottom-part a:hover{ transition: 0.5s ease; background: #FFF; color: #333; } .univers-transition-container .area .card.account .bottom-part a:hover > svg, .univers-transition-container .area .card.boutique .bottom-part a:hover > svg, .univers-transition-container .area .card.qui-sommes-nous .bottom-part a:hover > svg{ transition: 0.5s ease; } .univers-transition-container .area .card.account .bottom-part a:hover > svg{ color: #5b6dc7; } .univers-transition-container .area .card.boutique .bottom-part a:hover > svg{ color: #00538E; } .univers-transition-container .area .card.blog .bottom-part a:hover > svg{ color: #379392; } .univers-transition-container .area .card.qui-sommes-nous .bottom-part a:hover > svg{ color: #469DDB; } .univers-transition-container .area .card.blog .bottom-part .link{ background: #379392; } .univers-transition-container .area .card.blog .bottom-part a:hover{ transition: 0.5s ease; background: #FFF; color: #333; } .univers-transition-container .area .card.blog .bottom-part a:hover > svg{ transition: 0.5s ease; color: #379392; } .univers-transition-container .mentions{ position: absolute; left: 2%; bottom: 10px; padding: 10px; z-index: 999; color: #FFFFFF; } .univers-transition-container .mentions p{ margin: 0; padding: 0; font-size: 12px; } .planet-sed{ position: absolute; width: 87vmin; height: 87vmin; max-width: 960px; max-height: 960px; transform-style: preserve-3d; transform: rotateX(-5deg); } .planet-sed .layer{ position: absolute; top: 0px; left: 0px; width: 87vmin; height: 87vmin; max-width: 960px; max-height: 960px; } .planet-sed .moving{ transform-style: preserve-3d; transform-origin: center; animation: start_rotation 10s linear infinite; } .planet-sed .gridplane{ width: 80vmin; height: 80vmin; max-width: 960px; max-height: 960px; border-radius: 50%; } .planet-sed .laser{ transform: translateX(-50%) translateY(-27%) rotateY(90deg) translateX(-27%) rotateY(-180deg) rotateX(45deg) translateY(20%); } .planet-sed .laser2{ transform: translateX(50%) translateY(-27%) rotateY(-90deg) translateX(-27%) rotateY(-180deg) rotateX(40deg) translateY(20%); } .planet-sed .layer svg{ width: 100%; height: 100%; fill: #003b69; } .planet-sed .clip{ border-radius: 50%; overflow:hidden; transform: translateZ(-0vmin); box-shadow:0 0 50px #00538E,0 0 70px #00538E, inset 0 20px 20px 40px, inset 30px 0 35px 50px #00538E; } .planet-sed .shade{ position: relative; top: -150%; left: -150%; width: 400%; height: 400%; background: radial-gradient(at 50% 50%, #008df2, black, #00538E, black, black); animation: start_highlightanim 10s linear infinite; } /** ** Card effect ** **/ .card_front{ background-color: #FFFFFF; background-size: cover; -webkit-transform: translateZ(2px); transform: translateZ(2px); } .card_back{ background-color: #FFFFFF; position: absolute; top: 0; background-size: cover; -webkit-transform: translateZ(0) rotateY(180deg); transform: translateZ(0) rotateY(180deg); } .card.active .card_front:after{ content: ""; position: absolute; left: -750px; bottom: 100%; display: block; height: 150px; width: 1500px; background: #fff; opacity: 0.3; -webkit-animation: start_shine linear 1s 1; animation: start_shine linear 1s 1; } .card_edge div{ position: absolute; height: 11.775px; width: 20px; background-color: #FFFFFF; } .card_front, .card_back, .card_edge{ width: 100% !important; height: 100% !important; } .card_shadow{ position: absolute; bottom: -10px; width: 100%; min-width: 300px; height: 20px; border-radius: 50%; opacity: .5; -webkit-transform: rotateX(90deg) translateZ(-40px) scale(0.5); transform: rotateX(90deg) translateZ(-40px) scale(0.5); } .card.account .card_shadow, .card.account .card_back{ background: #5b6dc7; } .card.account .card_shadow{ box-shadow: 0 0 100px 120px #5b6dc7; } .card.boutique .card_shadow, .card.boutique .card_back{ background: #00538E; } .card.boutique .card_shadow{ box-shadow: 0 0 100px 120px #00538E; } .card.blog .card_shadow, .card.blog .card_back{ background: #379392; } .card.blog .card_shadow{ box-shadow: 0 0 100px 120px #379392; } .card.qui-sommes-nous .card_shadow, .card.qui-sommes-nous .card_back{ background: #469DDB; } .card.qui-sommes-nous .card_shadow{ box-shadow: 0 0 100px 120px #469DDB; } .card.account .card_edge div{ background-color: #5b6dc7; } .card.boutique .card_edge div{ background-color: #00538E; } .card.blog .card_edge div{ background-color: #379392; } .card.qui-sommes-nous .card_edge div{ background-color: #469DDB; } /** ** Authentification ** **/ .authentication-page > div{ margin-bottom: 0; } .authentication-page .col-md-6{ width: 50%; } #authentication.page-authentication .page-width{ max-width: inherit; width: 100%; } #authentication.page-authentication #content-wrapper, #authentication.page-authentication #content-wrapper #main, #authentication.page-authentication #content-wrapper #main .page-content, #authentication.page-authentication .main-contant-wrapper{ margin: 0; padding: 0; overflow: hidden; } #authentication.page-authentication .authentication-page .login-section, #authentication.page-authentication .authentication-page .menu-section{ height: 100vh; } #authentication.page-authentication .authentication-page h2{ text-transform: inherit; } #authentication.page-authentication .authentication-page .login-section .logo{ max-width: 80px; margin-bottom: 20px; } #authentication.page-authentication .authentication-page .login-section, #authentication.page-authentication .authentication-page .menu-section .container{ display: flex; flex-direction: column; align-items: center; justify-content: center; } #authentication.page-authentication .authentication-page .login-section section.login-form{ width: 100%; max-width:580px; } #authentication.page-authentication .authentication-page .login-section .mentions{ position: absolute; bottom: 0; left: 0; padding: 10px; } #authentication.page-authentication .authentication-page .login-section .mentions p{ margin: 0; font-size: 12px; } #authentication.page-authentication .authentication-page .login-section .mentions a{ color: #777; } #authentication.page-authentication .authentication-page .login-section .forgot-password a{ color: #333333; text-decoration: underline; } #authentication.page-authentication .authentication-page .menu-section{ background-image: url('../img/authentication.jpg'); background-size: cover; padding-left: inherit; padding-right: inherit; } #authentication.page-authentication .authentication-page .menu-section .container{ height: 100vh; background: rgba(0,0,0,0.7); } #authentication.page-authentication .authentication-page .menu-section .container .content{ max-width: 580px; margin: 0 auto; text-align: center; } #authentication.page-authentication .authentication-page .menu-section .container .content h2, #authentication.page-authentication .authentication-page .menu-section .container .content h3{ font-weight:100; } #authentication.page-authentication .authentication-page .menu-section .container .content h2{ color: #FFFFFF; font-size: 50px; line-height: 50px; } #authentication.page-authentication .authentication-page .menu-section .container .content h3{ max-width: 300px; margin: 0 auto; text-align:center; color: #FFFFFF; font-size: 22px; } #authentication.page-authentication .authentication-page .menu-section .container .content hr{ max-width: 60px; margin: 20px auto; border-top: 1px solid #FFFFFF; } #authentication.page-authentication .authentication-page .menu-section .container .content h3.sed{ font-size: 40px; line-height: 40px; } #authentication.page-authentication .authentication-page .menu-section .container .content a.action{ display: block; width: max-content; max-width: 300px; padding:10px; margin: 30px auto; border:1px solid #FFFFFF; background: #FFFFFF; color: #313537; text-transform: uppercase; font-size: 15px; cursor: pointer; } #authentication.page-authentication .authentication-page .menu-section .container .content a.action:hover{ background: transparent; color: #FFFFFF; } #authentication.page-authentication .authentication-page .menu-section .container .content a.contact{ color: #FFFFFF; font-size: 14px; } #authentication.page-authentication .authentication-page .menu-section .container .content a.contact:hover{ text-decoration: underline; } #authentication.page-authentication .authentication-page .menu-section .container .content span.or{ display: block; color: #FFFFFF; margin-bottom:10px; text-transform: uppercase; } /** ** Authentification code ** **/ #module-lappstarsed-authcode .page-width{ width: 100%; } #module-lappstarsed-authcode .authentificationbycode-container{ position: absolute; top: 50%; left: 0; margin-top: -125px; width: 100%; min-height: 250px; text-align: center; } #module-lappstarsed-authcode .authentificationbycode-container img.logo{ max-width: 80px; } #module-lappstarsed-authcode .authentificationbycode-container form{ width: 100%; max-width: 320px; margin: 20px auto 0 auto; padding: 10px; } #module-lappstarsed-authcode .authentificationbycode-container form input#authentificationbycode-code{ text-align: center; } #module-lappstarsed-authcode .loading{ display: none; margin-top: 40px; } /** ** Page header ** **/ .page-header{ border-bottom: 1px solid #333333; margin-bottom: 30px !important; } .page-header h1{ color: #333; font-size: 1.5em; } .page-header h1 span.notification{ display: block; font-size: 12px; } .page-header .account-title{ display: flex; align-items: flex-start; justify-content: space-between; } .page-header .account-title > a{ display: flex; flex-direction: column; } /** ** Encarts pub ** **/ /*#encarts-pub{ position: fixed; left: 0; bottom: 0; z-index: 9999; height: 150px; margin: 0 auto; overflow: hidden; width: 150px; cursor: pointer; } #encarts-pub .arrow-right{ background-color: #ff5203; height: 190px; left: -150px; position: absolute; top: 60px; width: 190px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #encarts-pub .arrow-right span.svg{ color: #FFFFFF; font-size: 16px; left: 117px; top: 9px; position: absolute; width: 30px; } #encarts-pub .arrow-right span.svg svg{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; height: 25px; } #encarts-pub .arrow-right span.text{ visibility: hidden; color: #FFFFFF; font-size: 16px; left: 60px; top: 10px; position: absolute; width: 90px; } #encarts-pub-data{ position: fixed; z-index: 999; width: 0; min-height: 100vh; overflow: hidden; background-color: rgba(0,0,0,0.9); display: none; visibility: hidden; align-items: center; justify-content: center; } #encarts-pub-data img{ cursor: pointer; }*/ /** ** Home ** **/ .rev_slider li.tp-revslider-slidesli{ border-radius: 7px; } #index .main-contant-wrapper{ background-color: #f5f6f7; } #index .wide .pk-widget:not(:last-child){ margin-bottom: 30px !important; } #index .ventes-flash a.item{ border: 1px solid #FFFFFF; } #index .ventes-flash a.item:hover{ border: 1px solid #00538E; } #index .ventes-flash .chrono, #index .ventes-flash .img{ float: left; } #index .ventes-flash .chrono{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 45%; } #index .ventes-flash .chrono > div{ display: flex; flex-direction: column; align-items: center; justify-content: center; } #index .ventes-flash .img{ width: 55%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 5px; } #index .newest-by-categories .module-title, #index .ventes-flash .module-title, #cms .page-cms-9 .module-title{ font-size: 37px; margin: 45px auto 45px auto; text-align: center; font-weight: bold; } #index .newest-by-categories .module-title:before, #index .ventes-flash .module-title:before, #cms .page-cms-9 .module-title:before, #index .newest-by-categories .module-title:after, #index .ventes-flash .module-title:after, #cms .page-cms-9 .module-title:after{ content:''; display:inline-block; vertical-align: middle; width: 17%; height: 1px; background: #000 } #index .newest-by-categories .module-title:before, #index .ventes-flash .module-title:before, #cms .page-cms-9 .module-title:before{ margin-right: .3rem } #index .newest-by-categories .module-title:after, #index .ventes-flash .module-title:after, #cms .page-cms-9 .module-title:after{ margin-left: .3rem } #index .ventes-flash .widget-products .chrono img{ width: 90%; text-align: center; margin: 0 auto; } #index .newest-by-categories ul.nav-tabs{ display: flex; align-items: center; justify-content: center; margin: 30px auto 60px auto; border-bottom: 0; } #index .newest-by-categories ul.nav-tabs li a{ padding: 5px; border-radius: 7px; border: 1px solid #FFFFFF; font-size: 18px; } #index .newest-by-categories ul.nav-tabs li a:hover, #index .newest-by-categories ul.nav-tabs li a.active{ border: 1px solid #333333; background-color: #00538E; color: #FFFFFF; } #index .newest-by-categories .products-block div.col-lg-25{ display: flex; align-items: center; justify-content: center; } #index .newest-by-categories #js-product-list > .flex-container{ flex-wrap: wrap; align-items: flex-end; grid-column-gap: 20px !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important; } #index .newest-by-categories article{ padding: 10px; } #index .newest-by-categories article, #index .ventes-flash .widget-products a.item{ display: block; background-color: #FFFFFF; border-radius: 7px; } #index .ventes-flash .widget-products a.item{ width: 49%; float: left; margin-bottom: 20px; } #index .ventes-flash .widget-products a.item:nth-child(2n+1){ margin-left: 2%; } #index .ventes-flash .widget-products a.item.oneitem{ width: 50%; float: none; margin: 0 auto 20px auto; } #index .newest-by-categories article .product-flags li.new{ display: none; } /** Flashsale Countdown **/ .flipper{ color: #FFFFFF; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 50px; line-height: 100%; padding: 0; margin: 0%; width: 95%; height: 1.7em; } .flipper.flipper-invisible{ font-size: 0px !important; } .flipper-group{ position: relative; white-space: nowrap; display: block; float: left; padding: 0; margin: 0; } .flipper-group label{ position: absolute; color: #00538E; font-size: 30%; top: 100%; line-height: 1em; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: center; padding-top: .5em; } .flipper-digit{ white-space: nowrap; position: relative; padding: 0; margin: 0; display: inline-block; float: left; height: 1.2em; overflow-y: hidden; } .flipper-digit span{ font-size: 25%; } .flipper-delimiter{ white-space: nowrap; display: block; float: left; padding: 0; margin: 0; color: #00538E; min-width: .1em; white-space: nowrap; display: block; padding-top: 0.1em; padding-bottom: 0.1em; line-height: 1em; } .digit-face{ display: block; visibility: hidden; position: relative; border-radius: 0.1em; top: 0; left: 0; right: 0; bottom: 0; z-index: 8; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 0.1em; padding-right: 0.1em; box-sizing: border-box; text-align: center; } .digit-next{ display: block; position: relative; border-radius: 0.1em; top: 0; left: 0; right: 0; bottom: 0; z-index: 8; height: 1.2em; background: #00538E; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 0.1em; padding-right: 0.1em; box-sizing: border-box; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .digit-top { z-index: 10; top: 0; left: 0; right: 0; height: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; overflow: hidden; position: absolute; background: #00538E; padding-top: 0.1em; padding-bottom: 0; padding-left: 0.1em; padding-right: 0.1em; border-top-left-radius: 0.1em; border-top-right-radius: 0.1em; box-sizing: border-box; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: background 0s linear, -webkit-transform 0s linear; transition: transform 0s linear, background 0s linear; transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear; -webkit-transform-origin: 0 0.6em 0 !important; transform-origin: 0 0.6em 0 !important; -webkit-transform-style: preserve-3d !important; transform-style: preserve-3d !important; z-index: 20; } .digit-top.r{ transition: background 0.2s linear, -webkit-transform 0.2s linear; transition: transform 0.2s linear, background 0.2s linear; transition: transform 0.2s linear, background 0.2s linear, -webkit-transform 0.2s linear; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); background: #cccccc; } .digit-top2{ visibility: hidden; position: absolute; height: 50%; left: 0; right: 0; background: #cccccc; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; line-height: 0em !important; top: 50% !important; bottom: auto !important; padding-top: 0; padding-bottom: 0.1em; padding-left: 0.1em; padding-right: 0.1em; border-bottom-left-radius: 0.1em; border-bottom-right-radius: 0.1em; overflow: hidden; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: background 0s linear, -webkit-transform 0s linear; transition: transform 0s linear, background 0s linear; transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-style: preserve-3d !important; transform-style: preserve-3d !important; -webkit-transform-origin: 0 0 0 !important; transform-origin: 0 0 0 !important; z-index: 20; } .digit-top2.r{ visibility: visible; transition: background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s; transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s; transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); background: #00538E; } .digit-bottom{ -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; position: absolute; overflow: hidden; background: #00538E; height: 50%; left: 0; right: 0; bottom: 0; z-index: 9; line-height: 0em; padding-top: 0; padding-bottom: 0.1em; padding-left: 0.1em; padding-right: 0.1em; border-bottom-left-radius: 0.1em; border-bottom-right-radius: 0.1em; box-sizing: border-box; text-align: center; transition: none; } .digit-bottom.r{ transition: background 0.2s linear; background: #cccccc; } .flipper-digit:after{ content: ""; position: absolute; height: 2px; background: #00538E; top: 50%; display: block; z-index: 30; left: 0; right: 0; } .flipper-dark{ color: #FFFFFF; } .flipper-dark .flipper-delimiter{ color: #FFFFFF; } .flipper-dark .digit-next{ background: #FFFFFF; } .flipper-dark .digit-top{ background: #FFFFFF; } .flipper-dark .digit-top.r{ background: black; } .flipper-dark .digit-top2{ background: black; } .flipper-dark .digit-top2.r{ background: #FFFFFF; } .flipper-dark .digit-bottom{ background: #FFFFFF; } .flipper-dark-labels .flipper-group label{ color: #FFFFFF; } .eliquides-commande-rapide .container{ display: flex; align-items: flex-end; justify-content: flex-end; padding: 0; min-height: 360px; background: url('/img/cms/eliquides-commande-rapide.jpg'); background-repeat: no-repeat; background-position: 30% 35%; background-size: cover; } .eliquides-commande-rapide .container div, .eliquides-commande-rapide .container p{ padding: 0; margin: 0; } .eliquides-commande-rapide .widget-inner{ width: 100%; justify-content: flex-end; } .eliquides-commande-rapide .container .action{ width: 100%; padding: 20px; background: rgba(255,255,255,0.8); } .eliquides-commande-rapide .txt-block-text{ left: 20px; text-align: left; } .eliquides-commande-rapide .txt-block-text .txt-title span{ display: block; color: #FFFFFF; } .eliquides-commande-rapide .txt-block-text .txt-title span.first-row{ font-size: 29px; line-height: 30px; } .eliquides-commande-rapide .txt-block-text .txt-title span.second-row{ font-size: 45px; line-height: 60px; text-transform: uppercase; font-weight: bold; } /** Encarts fournisseurs **/ .encart-fournisseur .container{ display: flex; align-items: flex-end; justify-content: flex-end; padding: 0; min-height: 271px; } .encart-fournisseur .container div, .encart-fournisseur .container p{ padding: 0; margin: 0; } .encart-fournisseur .container .action{ width: 100%; padding: 20px; background: rgba(255,255,255,0.8); } .encart-fournisseur .txt-block-text{ left: 20px; text-align: left; } .encart-fournisseur .txt-block-text .txt-title span{ display: block; color: #FFFFFF; } .encart-fournisseur .txt-block-text .txt-title span.first-row{ font-size: 29px; line-height: 30px; } .encart-fournisseur .txt-block-text .txt-title span.second-row{ font-size: 45px; line-height: 60px; text-transform: uppercase; font-weight: bold; } /** Haribo **/ .encart-fournisseur.one .container{ background: url('/img/cms/home-encart-fournisseur-1.png'), linear-gradient(338.56deg,#ffe048 21.86%,#ffea83 83.78%); background-repeat: no-repeat; background-position: center; background-size: contain; } .encart-fournisseur.one .txt-block-text .txt-title span, .encart-fournisseur.one .txt-block-text .txt-title span.first-row{ color: #000000; } .encart-fournisseur.one .container .action{ background: url('/img/cms/logo-encart-fournisseur-1.png') no-repeat, rgba(217,37,52,0.8); background-size: contain; background-size: 15%; background-position: 20px center; } .encart-fournisseur.one .container .action .btn{ background-color: #FFFFFF !important; border-color: #FFFFFF !important; color: #d92534 !important; } .encart-fournisseur.two .container{ background: url('/img/cms/home-encart-fournisseur-2.jpg'); background-repeat: no-repeat; background-position: 30% 35%; background-size: cover; } .home-offers-part .pk-widget{ margin-bottom: 0 !important; } .home-offers-part .offers, .home-offers-part .product{ flex-direction: column; } .home-offers-part .offers{ padding: 0 30px; } .home-offers-part .offers .products.pk-carousel.pk-carousel-active{ width: 100% !important; } /** Nhoss **/ .encart-fournisseur.two .txt-block-text .txt-title span, .encart-fournisseur.two .txt-block-text .txt-title span.first-row{ color: #b7bd20; } .encart-fournisseur.two .container .action{ background: url('/img/cms/logo-encart-fournisseur-2.png') no-repeat, rgba(183,189,32,0.8); background-size: contain; background-size: 15%; background-position: 20px center; } .encart-fournisseur.two .container .action .btn{ background-color: #b7bd20 !important; border-color: #b7bd20 !important; color: #FFFFFF !important; } /** Blog **/ .home-blog-category .container{ display: flex; align-items: flex-end; justify-content: flex-end; padding: 0; min-height: 280px; } .home-blog-category .container div, .home-blog-category .container p{ padding: 0; margin: 0; } .home-blog-category .txt-block-text .txt-title span, .home-blog-category .txt-block-text .txt-title span.first-row{ color: #FFFFFF; } .home-blog-category .container .action{ width: 100%; padding: 20px; background: rgba(255,255,255,0.8); } .home-blog-category .txt-block-text{ left: 20px; text-align: left; } .home-blog-category .txt-block-text .txt-title span{ display: block; color: #FFFFFF; } .home-blog-category .txt-block-text .txt-title span.first-row{ font-size: 29px; line-height: 30px; } .home-blog-category .txt-block-text .txt-title span.second-row{ font-size: 45px; line-height: 60px; text-transform: uppercase; font-weight: bold; } .home-blog-category.tabac .container{ background: url('/img/cms/blog-category-tabac.jpg'); background-repeat: no-repeat; background-position: center 90%; background-size: cover; } .home-blog-category.e-cigarette .container{ background: url('/img/cms/blog-category-e-cigarette.jpg'); background-repeat: no-repeat; background-position: center 60%; background-size: cover; } .home-blog-category.confiserie .container{ background: url('/img/cms/blog-category-confiserie.jpg'); background-repeat: no-repeat; background-position: center 60%; background-size: cover; } .home-reassurance-part .txt-block-03 .txt-block-text, .home-reassurance-part .txt-block-04 .txt-block-text{ top: 65% !important; right: 25px !important; } .home-reassurance-part .txt-block-02 .txt-block-text{ top: 83% !important; right: 25px !important; } /** ** Category ** **/ body#category .main-contant-wrapper, body#search .main-contant-wrapper{ background-color: #f5f6f7; } body#category .view_grid .product_list .grid-container > article, body#search .view_grid .product_list .grid-container > article{ padding: 7px; background-color: #FFFFFF; border-radius: 7px; } body#category footer, body#search footer{ padding-top: 0 !important; } #pattern .view_grid .product_list .grid-container{ align-items: flex-end; grid-column-gap: 20px !important; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important; } #category .ps_categorytree{ display: none; } #category .ps_categorytree .category-tree li{ padding: 0; } #category .ps_categorytree .category-tree li.current{ border: 1px solid #00538E; } #category .ps_categorytree .category-tree li a{ padding: 5px; } #category .ps_categorytree .category-tree .root_li li div{ padding: 0; text-transform: lowercase; } #category .ps_categorytree .category-tree .root_li li div a{ padding-left: 10px; } #category .ps_categorytree .category-tree .root_li li div a::first-letter{ text-transform: uppercase; } #category .ps_categorytree .category-tree li a.current, #category .ps_categorytree .category-tree li.current a.catmenu-trigger{ background: #00538E; color: #FFFFFF; } #category .ps_categorytree .category-tree li a.catmenu-trigger svg{ width: 20px; height: 25px; } #category .ps_categorytree .category-tree li a:not(.current):hover{ background: #333333; color: #FFFFFF; } #category .products-selection{ margin-bottom: 20px; } #category .products-selection a.active{ background-color: #dc3545; border-color: #dc3545; } #category .products-selection a.active svg{ width: 11px; height: 11px; margin-right: 10px; } #category .products-selection a.active:hover{ color: #FFFFFF; } #category .product-list-categories{ transition: all 0.3s ease-out; z-index: 9999; padding: 10px; background: #00538E; margin-bottom: 20px; } #category .product-list-categories:not(:first-child){ display: none; } #category .product-list-categories h3{ font-size: 18px; color: #FFFFFF; margin: 0 0 5px 0; padding: 0; } #category .product-list-categories > a.master-category{ font-weight: 600; } #category .product-list-categories > a, #category .product-list-categories > span{ margin-left: 5px; color: #FFFFFF; font-size: 14px; text-decoration: none; } #category .product-list-categories > a:hover, #category .product-list-categories > span:hover{ text-decoration: underline; cursor: pointer; } #category .product-list-categories > h3, #category .product-list-categories > a{ display: inline-block; } #category .product-list-categories .item{ display: inline-block; margin-top: 5px; } #category .product-list-categories .item a{ display: inline-block; padding: 5px; background-color: #FFFFFF; border: 1px solid #FFFFFF; font-size: 14px; } #category .product-list-categories .item.current a, #category .product-list-categories .item a:hover{ background: #17a2b8; color: #FFFFFF; } #category .product-list-categories.fixed{ position: fixed; padding: 5px; top: -30px; width: auto; } #category .product-list-categories.fixed:hover{ top: 0; } #category .product-list-categories.fixed > h3{ margin-bottom: 0; font-size: 14px; } #category .product-list-categories.fixed .item a{ padding: 2px 5px; } #category .product_list_top .count-products span.number{ padding: 6px; margin-right: 10px; background-color: #00538E; color: #FFFFFF; font-size: 1.17em; line-height: 1.5em; } .category-supplier-container > .flex-container{ flex-wrap: wrap; } .category-supplier{ margin: 10px 0 30px 0; border-bottom: 2px solid #00538E; } .category-supplier.supplier{ display: flex; align-items: center; padding-bottom: 20px; } .category-supplier.supplier .actions{ display: flex; flex-direction: column; } .category-supplier.supplier .actions a:nth-child(2){ margin-top: 10px; } .category-supplier h3{ margin: 0; width: fit-content; padding: 5px; background-color: #00538E; color: #FFFFFF; } .category-supplier div.actions{ margin-left: 10px; } .category-supplier div.actions span.number{ padding: 6px; margin-right: 10px; background-color: #ff5203; color: #FFFFFF; font-size: 1.17em; line-height: 1.5em; } .show-product-details-overlay{ display: flex; transition: .3s ease-out; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; visibility: hidden; align-items: flex-start; justify-content: flex-start; flex-direction: column; position: fixed; left: 0; top: 0; width: 25%; max-width: 360px; z-index: 99999; height: 100vh; overflow-y: scoll; color: #FFFFFF; } .show-product-details-overlay{ background: rgba(0,0,0,0.8); } .show-product-details-overlay.active{ opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; visibility: visible; } .show-product-details-overlay .loading-container{ display: flex; align-items: center; justify-content: center; height: 100vh; width: 100%; } .show-product-details-overlay .loading-container .loading{ background-image: url("../svg/loader-animated-white.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 70px; height: 70px; } .show-product-details-overlay .product-details{ width: 100%; overflow: hidden; display: none; } .show-product-details-overlay .header{ display: none; flex-direction: column; align-items: center; justify-content: center; padding: 10px; font-size: 20px; } .show-product-details-overlay .header.euros-gagnants{ background: #FFCC33; color: #333333; } .show-product-details-overlay .header.promos-lots{ background: #ff8f29; color: #FFFFFF; } .show-product-details-overlay .header div.vente-flash{ margin-top: 10px; width: 100%; background: #ffb52f; color: #FFFFFF; border: 1px dotted #FFFFFF; padding: 5px; background: url('/img/cms/svg/zap-white.svg'); background-repeat: no-repeat; background-position: 80%; display: flex; align-items: center; justify-content: center; } .show-product-details-overlay .header div.vente-flash span{ font-size: 16px; } .show-product-details-overlay .product-price{ display:flex; align-items: center; justify-content: center; position: absolute; bottom: 0; width: 100%; padding:10px; } .show-product-details-overlay .product-price span{ color: #FFFFFF; font-size: 28px; } .show-product-details-overlay .product-informations{ margin: 10px 0; padding: 10px; border-top: 1px solid #FFFFFF; border: 1px solid #FFFFFF; background: rgba(255,255,255,0.8); } .show-product-details-overlay .product-informations .entry{ display: flex; } .show-product-details-overlay .product-informations .entry .label, .show-product-details-overlay .product-informations .entry .value{ width: 50%; color: #333333; } .show-product-details-overlay .product-informations .entry .label{ font-style: italic; } .show-product-details-overlay .thumbnail img{ width: 100%; } .show-product-details-overlay .wrapper{ padding: 10px; } .show-product-details-overlay .wrapper h3{ margin: 0; padding: 0; color: #FFFFFF; font-size: 17px; } .show-product-details-overlay .wrapper p.description{ margin: 10px 0; padding: 0; color: #FFFFFF; font-size: 14px; } .infsLoader{ width: 100%; height: calc(100% - 30px); display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #00538E !important; text-align: center; } .infsLoader span{ text-align: center; color: #FFFFFF; } .infsLoader .loading{ width: 70px; height: 70px; background-image: url(../svg/loader-animated-white.svg); background-repeat: no-repeat; background-position: center; background-size: cover; } .pagination{ display: none; } .pagination .page-list li a{ background-color: #00538E; border-color: #00538E; color: #FFFFFF; } .pagination .page-list li a:hover, .pagination .page-list li.current a{ background-color: #ff5203; border-color: #ff5203; color: #FFFFFF; } .master-categories-list{ display: grid; grid-column-gap: 10px; grid-row-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(32%, 1fr)) !important; } .master-categories-list .category{ display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 160px; padding: 20px; border: 1px solid #bbb; border-radius: 5px; text-align: center; } .master-categories-list .category h3{ text-transform: uppercase; margin: 0; } .master-categories-list .category span{ color: #bbb; font-size: 13px; } .master-categories-list .category:hover{ background: #00538E; color: #FFFFFF; cursor: pointer; } /** ** Products ** **/ .product-page-col > .col-md-6:last-child{ padding: 0 0 0 50px; } .product-discount.hide, .has-discount.hide, .current-price > span.hide{ display: none !important; } .has-discount .discount{ background: #ff5203; font-size: 22px; margin: auto; margin-left: 10px; } .product-flags{ display: flex; align-items: flex-start; justify-content: space-between; position: relative; top: inherit !important; right: inherit !important; margin-bottom: 5px !important; } .product-flags .product-flag-euros-gagnants{ width: 37px; height: 37px; border-radius: 50%; -moz-border-radius: 50%; background: #FFCC33; background-image: url('/img/cms/svg/euro.svg'); background-repeat: no-repeat; background-size: 60%; background-position: 47% 47%; } .product-flags .discount-perc{ max-width: 50%; justify-self: end; } .product-flags.full{ display: block; width: 100%; top: 0 !important; right: 0; left: 0; } .product-flags.full li{ /*min-height: 40px;*/ display: flex; align-items: center; justify-content: center; } .product-flags.full li:nth-child(2){ border-top: 1px solid #FFFFFF; } .product-flags li{ padding: 5px 10px; background-color: #00538E !important; margin-bottom: 0; } .product-flags li.discount-perc{ background-color: #ff5203 !important; } .product-flags li.new{ background-color: #17a2b8 !important; } .product-flags li.kit{ background-color: #ff8f29 !important; } .product-flags li.vente-flash{ background-color: #ffb52f !important; } .product-flags li.reliquat{ background-color: #dc3545 !important; text-decoration: underline; } .product-flags li.vente-flash{ min-height: 30px; flex-direction: column; background: url('/img/cms/svg/zap-white.svg'); background-repeat: no-repeat; background-position: 80%; } .product-flags li.vente-flash span{ display: block; text-transform: inherit; font-size: 10px; line-height: 13px; } .product-flags li.offers{ background-color: #00538E !important; } .product-flags li.discount-perc{ font-size: 16px !important; font-weight: 500 !important; } .product-thumbnail .btn{ background-color: #00538E !important; } .pastille-in-stock, .pastille-out-of-stock, .pastille-tva{ padding: 10px; margin-left: 5px; border-radius: 50%; color: #FFF; text-transform: uppercase; font-size: 12px; line-height: 12px; } .pastille-in-stock{ background: #28a745; } .pastille-out-of-stock{ background: #dc3545; } .pastille-tva{ background: #ff5203; } #product .pastille-in-stock, #product .pastille-out-of-stock, #product .pastille-tva{ border-radius: 7px; padding: 7px; } .scroll-box-arrows.scroll i{ width: 30px; height: 30px; background-color: #00538E; border-radius: 50%; left: 50%; margin-left: -15px; } .scroll-box-arrows svg{ color: #FFFFFF; } #category .category-banner{ display: flex; align-items: center; justify-content: center; /*min-height: 555px;*/ margin-bottom: 20px; background-size: cover; background-position: center; } /*#category .category-banner .overlay{ display: flex; width: 100%; min-height: 280px; padding-left: 30px; align-items: flex-end; justify-content: flex-start; background-color: rgba(0,0,0,0.4); }*/ #category .category-banner .overlay{ display: none; } #category .category-banner h1{ font-size: 45px; color: #FFFFFF; font-style: italic; } #category .view_grid .product_list .grid-container > article{ border-bottom: 1px solid #333333; } #index .options-overlay{ display: none !important; } article.product-miniature:hover .options-overlay{ visibility: visible !important; cursor: pointer; } article.product-miniature .options-overlay .loading{ display: none; position: absolute; top: calc(50% - 50px); left: 50%; margin-left: -25px; width: 50px; height: 50px; background-image: url("../svg/loader-animated.svg"); background-size: cover; background-repeat: no-repeat; } article.product-miniature .product-description h3{ font-size: 12px; font-weight: #500; min-height: 35px; } article.product-miniature .product-thumbnail{ margin-bottom: 0; } article.product-miniature .product-thumbnail .in_comparison svg{ color: inherit; } article.product-miniature .product-thumbnail .favoritesButton.icon_checked:not(:hover) svg, article.product-miniature .product-thumbnail .in_comparison:not(:hover) svg{ color: #ff5203; } article.product-miniature .price-container{ display: flex; flex-direction: column; } article.product-miniature .price{ font-size: 28px; } article.product-miniature .price .ht{ font-size: 12px; } article.product-miniature .product-desc-wrap .product-price-and-shipping{ align-items: center; justify-content: space-between; } article.product-miniature .product-desc-wrap .options-overlay{ position: absolute; z-index: 7; top: 0; /*background: rgba(0,0,0,0.3);*/ height: 100%; width: 100%; } article.product-miniature .product-desc-wrap .top-part{ height: 100%; } article.product-miniature .product-desc-wrap .options-overlay .options{ position: absolute; bottom: 0; width: 100%; border-top: 1px solid #333333; } article.product-miniature .product-desc-wrap .options-overlay .options .access-product{ display: block; width: 90%; margin: auto; text-align: center; padding: 10px; background: #17a2b8; color: #FFFFFF; font-size: 14px; } article.product-miniature .product-desc-wrap .options-overlay .options .access-product:hover{ filter: brightness(120%); } article.product-miniature .product-desc-wrap .options-overlay .options h3{ color: #FFFFFF; font-size: 12px; line-height: 15px; padding: 0 10px; } article.product-miniature .product-desc-wrap .options-overlay .product-price-container{ display: flex; align-items: center; justify-content: flex-end; flex-direction: column; width: 100%; padding: 5px; background-color: #FFFFFF; border-left: 1px dotted #dfdfdf; border-right: 1px dotted #dfdfdf; } article.product-miniature .product-desc-wrap .options-overlay .product-price-container.in, article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart.in, .show-product-details-overlay .product-price.in{ padding-top: 5px; background: #28a745; } article.product-miniature .product-desc-wrap .options-overlay .product-price-container.out, article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart.out, .show-product-details-overlay .product-price.out{ padding-top: 5px; background: #dc3545; } article.product-miniature .product-desc-wrap .options-overlay .product-price-container .price{ width: 100%; color: #FFFFFF; padding-left: 5px; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart-container-overlay{ display: none; font-size: 14px; color: #FFFFFF; align-items: center; justify-content: center; width: 100%; position: absolute; height: 100%; z-index: 9999; background: rgba(0,0,0,0.7); } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart-container .btn{ width: 100%; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart-container .btn:hover{ background-color: #00538E; border-color: #00538E; color: #FFFFFF; filter: brightness(120%); } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart{ display: flex; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart .price{ width: 100%; color: #FFFFFF; padding-left: 5px; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart div.product-add-to-cart-qty, article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart input{ display: flex; justify-content: center; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart div.product-add-to-cart-qty{ width: 100%; height: 25px; cursor: pointer; background: #EFEFEF; color: #333333; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart div.product-add-to-cart-qty:nth-child(2){ border-top: 1px solid #d1d1d1; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart input{ width: 40%; height: 50px; border: 1px solid #FFFFFF; text-align: center; font-size: 14px; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart div.product-add-to-cart-qty:hover{ background: #00538E; color: #FFFFFF; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart-qty-container{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 30%; height: 50px; } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart-qty-container span.conditionnement-nbre{ font-size: 10px; margin-left: 3px } article.product-miniature .product-desc-wrap .options-overlay .product-add-to-cart-qty-container div.full-height{ display: flex; align-items: center; justify-content: center; height: 50px; } .product-quantity div.qty{ display: none !important; } .product-quantity input#quantity_wanted_p{ color: #313537; width: 60px; line-height: 20px; padding: 12px; text-align: center; border: 1px solid #313537; background: none; margin: 0; font-size: 15px; max-width: 60px; float: left; } .add-to-cart-sed{ max-width: 430px; margin: 10px 0; padding: 10px 10px 0 10px; border: 1px dotted #777777; } .add-to-cart-sed button.btn{ display: block; width: 100%; margin-bottom: 10px; } .add-to-cart-sed .pave-numerique-container{ margin-bottom: 10px; } .add-to-cart-sed .pave-numerique-container div{ display: flex; flex-wrap: wrap; } .add-to-cart-sed .pave-numerique-container button.pave-numerique{ min-width: 45px; min-height: 45px; background-color: #00538E; margin: 0; padding: 0; font-size: 16px; font-weight: 600; flex-grow: 1; border-left: 1px solid #FFF; } .add-to-cart-sed .pave-numerique-container button.pave-numerique:not(.disabled):hover{ background-color: #007ad0; } .add-to-cart-sed .pave-numerique-container div:first-child button.pave-numerique{ border-bottom: 1px solid #FFF; } .product-info-section .btn-primary.add-to-cart, #blockcart-modal .cart-content .btn.btn-primary{ background: #ff5203; border-color: #ff5203; } .product-info-section .btn-primary.add-to-cart:hover, #blockcart-modal .cart-content .btn.btn-primary:hover{ background: #FFFFFF; border-color: #ff5203; } #blockcart-modal .cart-content .btn, #blockcart-modal .cart-content .btn.btn-primary{ width: 100%; } .add-to-cart-sed .btn.btn-conditionnement.hidden, .add-to-cart-sed .btn.btn-sous-conditionnement.hidden{ display: none; } .add-to-cart-sed .btn.btn-conditionnement.disabled, .add-to-cart-sed .btn.btn-demi-conditionnement.disabled, .add-to-cart-sed .btn.btn-sous-conditionnement.disabled, .add-to-cart-sed button.pave-numerique.disabled{ opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; background: #00538E; } .add-to-cart-sed .btn.btn-conditionnement.disabled:hover, .add-to-cart-sed .btn.btn-demi-conditionnement.disabled:hover, .add-to-cart-sed .btn.btn-sous-conditionnement.disabled:hover{ color: #FFFFFF; } .product-add-to-cart-alert, .confirm-add-to-cart{ max-width: 430px; } .confirm-add-to-cart{ display: none; } .product-add-to-cart-alert span.quantity{ text-decoration: underline; font-weight: 600; } .product-miniature .product-actions{ top: 0; height: 40px; justify-content: flex-end; } .product-miniature .product-actions > *:first-child, .product-miniature .product-actions .btn, .product-miniature .product-actions .btn:hover{ transform: scale(1) translateY(0) !important; } .product-miniature .product-thumbnail .btn{ width: 35px; height: 35px; flex-direction: column !important; } .product-miniature .product-actions .favoritesButton.isFavorite, .product-miniature .product-actions .cartButton.isCart{ background-color: #ff5203 !important; opacity: 1; transform: scale(1) translateY(0); z-index: 999; } .favoritesButton.isFavorite, .cartButton.isCart{ color: #ff5203; } .favoritesButton.isFavorite span, .cartButton.isCart span{ color: #ff5203; font-weight: bold; text-decoration: underline; } .favoritesButton.isFavorite{ color: #ff5203; } .favoritesButton.isFavorite span{ color: #ff5203; font-weight: bold; text-decoration: underline; } .product-actions .product-information-specific{ max-width: 430px; margin-top: 10px; padding: 10px 10px 5px 10px; border: 1px dotted #777777; } .product-actions .product-information-specific div.entry{ display: flex; margin-bottom: 5px; } .product-actions .product-information-specific div.entry div.label{ width: 60%; } .product-actions .product-information-specific div.entry div.value{ width: 40%; text-align: center; color: #333; border-left: 1px dotted #777777; } .product-actions .product-information-specific.conditionnement{ border: none; } .product-actions .product-information-specific div.taxes{ margin-bottom: 0 !important; } .product-actions .add-to-cart-locked{ max-width: 430px; margin-top: 20px; } .product-actions .cart-products-count{ display: block; z-index: 9999; width: auto; min-width: 25px; min-height: 25px; margin-right: -7px; font-size: 14px; padding: 5px; border-radius: 25px; background: #00538E; color: #FFFFFF; text-align: center; border: 1px solid #FFFFFF; } #product .product_list article.product-miniature .product-desc-wrap .options-overlay{ left: 0; cursor: pointer; } #product .product_list .product-flags{ left: inherit; } #product .product_list .product-flags li{ font-size: 18px; } #product .product-info-section h1{ max-width: 430px; font-size: 25px; margin-bottom: 10px; } #product .product-price{ font-size: 38px !important; font-weight: 900 !important; } #product .product-actions #product-availability{ padding: 7px 10px; background: #dc3545; color: #FFFFFF; width: fit-content; } #product .product-actions #product-availability .svgic{ width: 15px; height: 15px; } #product .product-info-section .product-prices{ display: flex; flex-direction: inherit; align-items: center; margin-bottom: 5px; } #product .product-info-section .product-prices .tax-shipping-delivery-label{ margin-left: 5px; } #product .product-info-section .product-prices .pastilles-tva-stock{ display: flex; } #product .product-info-section .product-prices .pastille-in-stock, #product .product-info-section .product-prices .pastille-out-of-stock, #product .product-info-section .product-prices .pastille-tva{ margin-left: 10px; } #product .short-desc{ margin-bottom: 20px; } #product .tabs-container{ margin-top: 30px; } #product article.product-miniature a.quick-view:not(.show){ display: none; } #product .kit-header{ max-width: 430px; } #product .kit-header .title{ width: 100%; background: #ff8f29; padding: 10px; color: #FFFFFF; text-align: center; text-transform: uppercase; } #product .kit-header .details{ margin-top: 10px; } #product .kit-header .details a, #product .product-info-section a.header-link{ width: 100%; white-space: normal; line-height: 13px; max-width: 430px; } #product .product-info-section a.header-link{ width: 100%; background: #ff5203; border: 2px solid #ff5203; } #product .product-info-section a.header-link:hover{ background-color: #00538E; border: 2px solid #00538E; color: #FFFFFF; } #product .product-info-section a.header-link.reliquat{ background: #dc3545; border-color: #dc3545; margin-bottom: 5px; text-decoration: underline; } #product .product-info-section a.header-link.reliquat:hover{ color: #FFFFFF; } #product .kit-dates{ max-width: 430px; padding: 10px; margin-top: 30px; margin-bottom: 10px; border: 1px solid #333333; } #product .kit-dates .title{ width: fit-content; background: #FFFFFF; padding: 0 5px; margin-top: -25px; } #product .kit-dates .title span, #product .kit-dates .dates span{ color: #333333; } #product .add-products{ width: 90%; max-width: 1500px; margin: 30px auto; padding-top: 20px; } #product .add-products .module-title{ text-align: center; margin: 40px auto 60px auto; } #product .add-products .module-title span{ padding: 20px 20px 10px 20px; border-bottom: 2px solid #444; } #product #kit-details article.product-miniature .product-desc-wrap .options-overlay{ background: rgba(0,0,0,0.3); } #product #kit-details .product_list .product-actions{ top: 20px; left: 10px; align-items: flex-start; justify-content: flex-start; } #product #kit-details .kit-informations.mobile{ display: none; } #product #kit-details .kit-informations{ z-index: 999; background: #FFFFFF; margin-top: 20px; align-self: flex-start; padding: 10px; border: 1px dashed #333; min-width: 250px; } #product #kit-details .kit-informations.desktop{ position: absolute; right: 120px; min-width: 300px; } #product #kit-details .kit-informations .information{ display: flex; margin-bottom: 5px; } #product #kit-details .kit-informations .information:last-child{ margin-bottom: 0; } #product #kit-details .kit-informations .information .label, #product #kit-details .kit-informations .information .value{ display: flex; align-items: center; padding: 5px; } #product #kit-details .kit-informations .information .value{ justify-content: center; border: 1px solid #00538E; } #product #kit-details .kit-informations .information .label{ width: 70%; background: #00538E; color: #FFFFFF; } #product #kit-details .kit-informations .information .value{ width: 30%; color: #333333; } .product-actions .pricing-options{ max-width: 430px; margin-top: 20px; padding: 5px 10px 5px 10px; border: 1px dotted #777777; } .product-actions .pricing-options .alert.alert-danger{ display: none; } .product-actions .pricing-options .title{ display: none; } .product-actions .pricing-options .title svg{ text-align: right; } .product-actions .pricing-options .title h3{ margin: 0; color: #333333; } .product-actions .pricing-options .entry{ display: flex; justify-content: center; } .product-actions .pricing-options .entry:not(:last-child), .product-actions .pricing-options .entry-euros-gagnants{ margin-bottom: 5px; } .product-actions .pricing-options .title .title{ width: 90%; } .product-actions .pricing-options .entry .action-part{ width: 70%; } .product-actions .pricing-options .entry .input-part{ width: 10%; } .product-actions .pricing-options .entry .choice-part, .product-actions .pricing-options .title .symbol{ width: 20%; } .product-actions .pricing-options .title .title{ display: flex; align-items: center; justify-content: flex-start; } .product-actions .pricing-options .title .symbol{ display: flex; align-items: center; justify-content: flex-end; } .product-actions .pricing-options .entry:not(.choose) .choice-part{ display: none; } .product-actions .pricing-options .entry:not(.choose) .action-part{ width: 90%; } .product-actions .pricing-options .entry .btn, .product-actions .pricing-options .entry:not(.choose) .btn{ width: 100%; line-height: 14px; } .product-actions .pricing-options .entry .input-part{ display: flex; align-items: center; justify-content: center; } .product-actions .pricing-options .entry .choice-part{ display: flex; align-items: center; justify-content: center; padding: 10px; border-left: 1px solid #FFFFFF; } .product-actions .pricing-options .entry.choose .choice-part{ background-color: #28a745; } .product-actions .pricing-options .entry.choose .choice-part svg{ color: #FFFFFF; } .product-actions .pricing-options .entry.choose:hover .btn{ color: #FFFFFF; cursor: default; } .product-actions .pricing-options .entry.choose .action-part .btn{ background-color: #28a745; border-color: #28a745; } .product-actions .pricing-options .entry-euros-gagnants .entry{ margin: 0; } .product-actions .pricing-options .entry-euros-gagnants .euros-gagnants-notification{ display: flex; justify-content: flex-end; width: 100%; border-top: 1px solid #FFFFFF; } .product-actions .pricing-options .entry-euros-gagnants .euros-gagnants-notification .symbol, .product-actions .pricing-options .entry-euros-gagnants .euros-gagnants-notification .data{ padding: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-actions .pricing-options .entry-euros-gagnants .euros-gagnants-notification .data span.product-real-price{ display: block; font-size: 13px; } .product-actions .pricing-options .entry-euros-gagnants .euros-gagnants-notification .symbol{ width: 30%; background: #FFCC33; font-weight: bold; color: #333333; } .product-actions .pricing-options .entry-euros-gagnants .euros-gagnants-notification .data{ width: 60%; /*background: #ff5203;*/ background-color: #363636; color: #FFFFFF; } .product-actions .vente-flash-end{ max-width: 430px; } .product-notice{ display: flex; align-items: center; margin-top: 20px; } .product-notice img{ width: 40px; height: auto; margin-right: 10px; } .modal-dialog .product-prices{ display: flex; flex-direction: row; margin-bottom: 20px; } .modal-dialog .product-prices .current-price{ font-size: 38px; font-family: 'Archivo Narrow'; font-weight: 900; font-style: italic; line-height: 1.2em; text-transform: uppercase; color: #333333; letter-spacing: 0em; } .modal-dialog .product-prices .tax-shipping-delivery-label{ align-self: flex-end; margin-left: 5px; padding-bottom: 3px; } .modal-dialog .product-prices .pastille-out-of-stock, .modal-dialog .product-prices .pastille-in-stock, .modal-dialog .product-prices .pastille-tva{ align-self: flex-start; margin-left: 10px; } .modal-dialog .product-actions .product-add-to-cart{ margin-top: 20px; } .modal-dialog .customizable-offer-link{ margin-top: 20px; } .modal-dialog .has-discount.label{ margin-top: 15px; } /** Évolution product actions - Add to cart overlay - Réintégration en "normal" **/ /*.product-actions .add-to-cart-overlay:not(.fixed){ position: fixed; padding: 5px; right: 50px; bottom: 0; z-index: 999; background: #ffffff; min-width: 430px; border-left: 1px solid #00538E; border-top: 1px solid #00538E; border-right: 1px solid #00538E; } .product-actions .add-to-cart-overlay.hide{ transition: all .5s ease-in-out; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; } .product-actions .add-to-cart-overlay:not(.fixed) .product-add-to-cart-alert{ position: fixed; right: 500px; bottom: 0; }*/ .product-actions .add-to-cart-overlay .pricing-options{ margin-top: 0; } .product-actions .add-to-cart-overlay .product-add-to-cart-alert{ position: absolute; margin-top: -90px; margin-left: -10px; } /** Optimize "Add to cart overlay" **/ .product-actions .add-to-cart-overlay .pricing-options .title{ display: block; margin-bottom: 5px; } .product-actions .add-to-cart-overlay .pricing-options .title h3{ font-size: 16px; line-height: 20px; } .product-actions .add-to-cart-overlay .pricing-options .entry .choice-part{ padding: 5px; } .product-actions .add-to-cart-overlay .btn{ padding: 8px; margin-bottom: 0; } .product-actions .add-to-cart-overlay .add-to-cart-sed{ display: flex; padding: 10px; } .product-actions .add-to-cart-overlay .add-to-cart-sed .add-to-cart-buttons, .product-actions .add-to-cart-overlay .add-to-cart-sed .add-to-cart-action{ width: 50%; } .product-actions .add-to-cart-overlay .add-to-cart-sed .add-to-cart-action{ margin-left: 5%; } .product-actions .add-to-cart-overlay .add-to-cart-sed .pave-numerique-container{ margin-bottom: 0; } .product-actions .add-to-cart-overlay .add-to-cart-sed .pave-numerique-container button.pave-numerique{ min-height: 30px; border: none; } .product-actions .add-to-cart-overlay .add-to-cart-sed .pave-numerique-container button.pave-numerique{ border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } .product-actions .add-to-cart-overlay .add-to-cart-sed .add-to-cart-action .product-quantity .add{ float: none; } .product-actions .add-to-cart-overlay .add-to-cart-sed .btn-primary.add-to-cart{ background: #28a745 !important; border-color: #28a745; line-height: inherit !important; padding: .5em 0 !important; display: block !important; font-size: 12px !important; } .product-actions .add-to-cart-overlay .add-to-cart-sed .btn-primary.add-to-cart:hover{ color: #FFFFFF; } .product-actions .add-to-cart-overlay .pricing-options .entry-euros-gagnants .euros-gagnants-notification .data span.product-real-price{ line-height: 13px; } .product-actions .add-to-cart-overlay .product-information-specific div.entry div.label, .product-actions .add-to-cart-overlay .product-information-specific div.entry div.value{ font-size: 14px; } .product-actions .add-to-cart-overlay .product-information-specific{ padding: 5px 10px 5px 10px; } .product-actions .add-to-cart-overlay .product-quantity input#quantity_wanted_p{ padding: 8px; width: 100%; max-width: 100%; } .product-actions .add-to-cart-overlay .btn-conditionnement, .product-actions .add-to-cart-overlay .btn-demi-conditionnement{ margin-bottom: 2px; } .product-actions .add-to-cart-overlay .pricing-options{ padding: 5px 10px 5px 10px; } .product-actions .add-to-cart-overlay .pricing-options .alert-danger{ z-index: 99999; } .product-actions .add-to-cart-overlay .product-prices-container{ margin-bottom: 5px; } .product-actions .add-to-cart-overlay .product-prices-container.with-options{ padding-bottom: 5px; border-bottom: 1px dashed #333333; } /** ** Brand list ** **/ .brands-list .flex-container{ justify-content: center; } .brands-list ul li{ padding: 20px; border: 1px solid #bbb; border-radius: 5px; margin-left: 10px; margin-bottom: 10px; } .brands-list ul a.no-product{ cursor: default; } .brands-list ul a:not(.no-product) li:hover{ background: #00538E; color: #FFFFFF; cursor: pointer; } .brands-list ul a:not(.no-product) li:hover h3{ color: #FFFFFF; } .brands-list ul li h3{ text-transform: uppercase; } .brands-list .brand-products span{ color: #bbb; font-size: 13px; } /** ** Cart ** **/ #cart #main .cart-empty{ text-align: center; } #cart #main .cart-empty .message-cart-empty{ font-size: 60px; line-height: 60px; font-weight: 100; color: #313537; max-width: 500px; margin: 20px auto 0; letter-spacing: 0.04em; } #cart #main .cart-empty h4{ color: #454545; font-size: 23px; font-weight: normal; letter-spacing: 0.2em; margin: 0; } #cart #main .cart-empty a.link-home{ margin-top: 40px; } #cart #main .cart-container{ margin-right: 0; } #cart #main > .cart-grid{ flex-direction: column; } #cart #main > .cart-grid .flex-row{ display: flex; } span.set-eg-secret-code-toggle{ display: block; margin-bottom: 10px; font-weight: bold; text-decoration: underline; cursor: pointer; } .set-eg-secret-code{ display: none; padding: 20px; margin-bottom: 20px; border: 1px dotted #333333; width: 100%; } .set-eg-secret-code h3{ white-space: normal; margin: 0 0 10px 0; } #cart #main .cart-top-actions{ padding: 10px 0; text-align: right; } #cart #main .cart-top-actions a{ font-style: italic; font-weight: 100; padding: 5px; } #cart #main .cart-top-actions a:not(.cart-remove-all){ float: right; } #cart #main .cart-top-actions a.active{ background-color: #17a2b8; color: #FFFFFF; cursor: default; } #cart #main .cart-top-actions a:hover:not(.active){ text-decoration: underline; } #cart #main .cart-top-actions a.cart-remove-all{ float: left; margin-right: 30px; background-color: #dc3545; border-color: #dc3545; color: #FFFFFF; padding: 2px; text-transform: none; font-size: 14px; } #cart #main .cart-top-actions a.cart-remove-all:hover{ background-color: #FFFFFF; color: #333; text-decoration: none; } #cart #main .cart-detailed-totals{ background: none; padding: 0; } #cart #main .cart-detailed-totals-container .cart-block{ background-color: #f8f8f8; padding: 25px; } #cart #main .cart-detailed-totals-container .cart-block:not(:first-child){ margin-top: 30px; } #cart #main .cart-detailed-totals-container .card-block.total{ margin-top: 25px; padding-bottom: 0; } #cart #main .cart-detailed-totals-container .card-block.total .cart-summary-line{ margin-bottom: 0; } #cart #main .cart-grid-body .cart-container .content, #cart #main .cart-grid-body .cart-container .product-line-grid-body{ padding: 0 10px; } #cart #main .cart-grid-body .cart-container .cart-header span.label{ display: block; padding: 10px 0; } #cart #main .cart-grid-body .cart-container .cart-header{ background: #f8f8f8; } #cart #main .cart-grid-body .cart-container .mobile{ display: none; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .col-md-6{ padding: 0; } #cart #main .cart-grid-body .cart-container .product-line-grid-left.product, #cart #main .cart-grid-body .cart-container .product-line-grid-right .price{ line-height: inherit; padding-left: 20px; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .price{ display: flex; justify-content: flex-end; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item{ position: relative; } #cart #main .cart-grid-body .product-loading{ position: absolute; display: none; align-items: flex-end; justify-content: flex-end; height: 100%; background: rgba(0,0,0,0.7); background-image: url("../svg/loader-animated-white.svg"); background-repeat: no-repeat; background-position: center; background-size: 10%; width: 100%; z-index: 9999; height: 100%; padding: 10px; } #cart #main .cart-grid-body .product-loading span{ color:#FFFFFF; } #cart #main .cart-grid-body .cart-container ul.cart-items .pricing-options-label, #desktop_cart .pricing-options-label{ width: fit-content; padding: 5px; color: #FFFFFF; } #cart #main .cart-grid-body .cart-container ul.cart-items .pricing-options-label.euros-gagnants, #desktop_cart .pricing-options-label.euros-gagnants{ background: #FFCC33; color: #333333; /*margin-bottom: 10px;*/ } #cart #main .cart-grid-body .cart-container ul.cart-items .pricing-options-label.remise, #desktop_cart .pricing-options-label.remise{ background: #ff5203; /*margin-bottom: 10px;*/ } #cart #main .cart-grid-body .cart-container ul.cart-items .pricing-options-label.gift, #desktop_cart .pricing-options-label.gift{ background: #00538E; /*margin-bottom: 10px;*/ } #cart #main .cart-grid-body .cart-container ul.cart-items hr.pricing-options{ display: none; border: none; /*margin-bottom: 10px;*/ } /*#cart #main .cart-grid-body .cart-container ul.cart-items hr.pricing-options.euros-gagnants{ border-top: 1px dashed #FFCC33; } #cart #main .cart-grid-body .cart-container ul.cart-items hr.pricing-options.remise{ border-top: 1px dashed #ff5203; } #cart #main .cart-grid-body .cart-container ul.cart-items hr.pricing-options.gift{ border-top: 1px dashed #00538E; }*/ #cart #main .cart-grid-body .cart-container ul.cart-items .product-line-grid.euros-gagnants, #cart #main .cart-grid-body .cart-container ul.cart-items .product-line-grid.remise, #cart #main .cart-grid-body .cart-container ul.cart-items .product-line-grid.gift{ padding: 10px; } #cart #main .cart-grid-body .cart-container ul.cart-items .product-line-grid.euros-gagnants{ border: 1px dashed #FFCC33; } #cart #main .cart-grid-body .cart-container ul.cart-items .product-line-grid.remise{ border: 1px dashed #ff5203; } #cart #main .cart-grid-body .cart-container ul.cart-items .product-line-grid.gift{ border: 1px dashed #00538E; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item{ padding: 10px 0 0 0; margin-bottom: 10px; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-left img{ width: 100px; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body .product-line-info a.label{ font-size: 18px; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body .current-price{ align-items: center; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body span.product-information{ font-size: 12px; line-height: 16px; margin: 0;} #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body span.product-information.qty{ color: #00538E; font-size: 15px; font-weight: 500; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body span.separator{ display: block; width: 10px; text-align: center; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body .product-line-info span{ color: #333; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body span.price{ font-size: 16px; color: #00538E; } #cart #main .cart-grid-body .cart-container .disponibility{ width: 16px; height: 16px; border-radius: 8px; margin-left: 10px; } #cart #main .cart-grid-body .cart-container .disponibility-label{ padding: 2px 5px; font-size: 13px; color: #FFFFFF; width: fit-content; } #cart #main .cart-grid-body .cart-container .disponibility.full{ background: #28a745; } #cart #main .cart-grid-body .cart-container .disponibility.partial, #cart #main .cart-grid-body .cart-container .disponibility-label.partial{ background: #ff5203; } #cart #main .cart-grid-body .cart-container .disponibility.none{ background: #dc3545; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body .qty{ margin-top: 10px; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body .bootstrap-touchspin > .form-control{ padding: 0 .5rem; max-width: 60px; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body a.offre-personnalisable-edit{ display: block; width: fit-content; text-align: center; background: #ff5203; color: #FFFFFF; padding: 2px 5px; font-size: 14px; margin-top: 10px; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body a.offre-personnalisable-edit:hover{ text-decoration: underline; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body .has-discount .regular-price{ font-size: 15px; line-height: 15px; margin-right: 10px; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .product-line-grid-body .has-discount .discount{ padding: 5px; font-size: 12px; font-weight: 500; line-height: 12px; margin: 0; background-color: #ff5203; color: #FFFFFF; } #cart #main .cart-grid-body .cart-container span.product-price{ padding:3px 5px; background-color: #00538E; color: #FFFFFF; font-weight: 600; } #cart #main .cart-grid-body .cart-container span.product-price:not(.mobile){ display: block; float: left; clear: left; width: fit-content; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail{ margin-top: 10px; width: 100%; padding: 10px; border: 1px solid #333; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail h3{ margin: 0; font-size: 16px; color: #333333; text-decoration: underline; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry{ display: flex; border-bottom: 1px solid #f0f0f0; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry:last-child{ border-bottom: none; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div{ display:flex; align-items: flex-start; justify-content: flex-start; padding: 5px; font-size: 15px; color: #333333; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-name{ width: 40%; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-unit-price, #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-total-price{ width: 20%; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-unit-price, #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-total-price, #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-qty{ flex-direction: column; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-unit-price span, #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-total-price span, #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-qty span{ color: #00538E; font-weight: 500; text-decoration: underline; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-pct span{ padding: 2px 5px; background: #ff5203; color: #FFFFFF; font-weight: 600; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-qty, #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div.product-pct{ width: 10%; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants, #cart #main .cart-grid-body .cart-container .product-line-grid-right .remise{ width: 50%; padding: 10px 0; text-align: center; cursor: pointer; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants{ display: block; min-width: 20px; background: #FFCC33; color: #333; border: 1px solid #FFCC33; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .remise{ background: #ff5203; cursor: pointer; color: #FFFFFF; border: 1px solid #ff5203; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values{ display: flex; flex-direction: column; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .euros-gagnants-value, #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .remise-value, #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values span.or{ display: flex; flex: 1; padding: 2px 5px; align-items: center; justify-content: center; color: #333333; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values span.or{ margin: 5px 0; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .euros-gagnants-value, #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .remise-value{ color: #333; font-weight: 500; text-align: center; cursor: pointer; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .euros-gagnants-value{ border:1px solid #FFCC33; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .remise-value{ border:1px solid #ff5203; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .active{ cursor: initial; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .euros-gagnants-value.active, #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .euros-gagnants-value:hover{ background: #FFCC33; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .remise-value.active, #cart #main .cart-grid-body .cart-container .product-line-grid-right .euros-gagnants-remise-values .remise-value:hover{ background: #ff5203; color: #FFFFFF; } #cart #main .cart-header a.euros-gagnants:hover, #cart #main .cart-header a.remise:hover{ background-color: #FFFFFF !important; color: #333333 !important; } #cart #main .checkout.cart-detailed-actions{ padding: 1.25rem 0 1.25rem 0; margin-bottom: 15px; border-bottom: 1px solid #d1d1d1; } #cart #main .checkout.cart-detailed-actions a.btn{ background-color: #ff5203; border-color: #ff5203; } #cart #main .checkout.cart-detailed-actions a.btn:hover{ background-color: #FFFFFF; } #cart #main .cart-container.synthetic table{ color: #333333; } #cart #main .cart-container.synthetic table .p-0{ padding: 0; } #cart #main .cart-container.synthetic table thead{ background-color: #00538E; color: #FFFFFF; } #cart #main .cart-container.synthetic table th{ height: 40px !important; min-width: 130px; } #cart #main .cart-container.synthetic table td{ height: 70px !important; border-top: none; border-bottom: 1px solid #d1d1d1; } #cart #main .cart-container.synthetic table .euros-gagnants, #cart #main .cart-container.synthetic table .remise{ min-width: 80px; } #cart #main .cart-container.synthetic table a.euros-gagnants, #cart #main .cart-container.synthetic table a.remise{ display: flex; align-items: center; justify-content: center; height: 100%; cursor: pointer; } #cart #main .cart-container.synthetic table tbody a.euros-gagnants, #cart #main .cart-container.synthetic table tbody a.remise{ border: 1px solid #FFFFFF; font-family: 'Archivo Narrow'; font-size: 18px; font-weight: 500; } #cart #main .cart-container.synthetic table thead a.euros-gagnants, #cart #main .cart-container.synthetic table a.euros-gagnants.active, #cart #main .cart-container.synthetic table a.euros-gagnants:hover{ height: 100%; background: #FFCC33; color: #333; border: 1px solid #FFCC33; } #cart #main .cart-container.synthetic table thead a.remise, #cart #main .cart-container.synthetic table a.remise.active, #cart #main .cart-container.synthetic table a.remise:hover{ height: 100%; background: #ff5203; color: #FFFFFF; border: 1px solid #ff5203; } #cart #main .cart-container.synthetic table td a, #cart #main .cart-container.synthetic table td span, #cart #main .cart-container.synthetic table td{ height: 100%; font-size: 14px; vertical-align:middle; padding: 0; } #cart #main .cart-container.synthetic table td span.price{ font-size: 18px; } #cart #main .cart-container.synthetic table td .disponibility{ margin: auto; } #cart #main .cart-container.synthetic table td.qty{ font-weight: 600; font-style: italic; } #cart #main .cart-container.synthetic table td.total{ padding: .75rem; background-color: #00538E; } #cart #main .cart-container.synthetic table td.total span{ display: flex !important; align-items: center; justify-content: center; width: auto !important; float: none !important; } #cart #main .cart-container.synthetic table td.actions div.content{ display: flex; justify-content: space-between; padding: 5px; min-width: 80px; } #cart #main .cart-container.synthetic table td.actions a, #cart #main .cart-container.synthetic table td.actions div{ cursor: pointer; } #cart #main .cart-container.synthetic table td.actions svg{ width: 17px; height: 17px; } #cart #main .cart-container.synthetic table td.actions svg.eye{ width: 21px; height: 21px; } #cart #main .cart-container.synthetic .product-loading{ background-size: 2%; } #cart #main .cart-container.synthetic .product-loading td{ border: none; padding: 0; } #cart #main .cart-container.synthetic .in_progress svg{ display: block; visibility: hidden; } #cart #main .cart-container hr.separator{ width: 30%; max-width: 200px; margin: 20px auto 50px auto; border: none; height: 1px; background: #d1d1d1; } #cart #main .reliquat-label{ display: block; padding: 5px !important; margin: 3px 0; background-color: #dc3545; color: #FFFFFF; font-size: 12px; text-transform: uppercase; text-decoration: underline; } .cart-user-informations{ margin-bottom: 20px; } .cart-user-informations hr{ height: 1px; border-top: 1px solid #777777; } .cart-user-informations .information{ display: flex; } .cart-user-informations .information div.label{ padding: 5px; width: 75%; background: #efefef; border: 1px dashed #333; } .cart-user-informations .information div.label.euros-gagnants{ /*background: #ff5203;*/ background-color: #363636; } .cart-user-informations .information div.label span{ font-size: 14px !important; color: #333; text-transform: none; } .cart-user-informations .information div.label.euros-gagnants span{ color: #FFFFFF; } .cart-user-informations .information div.value .show-euros-gagnants{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; background-color: #FFCC33; color: #333; cursor: pointer; } .cart-user-informations .information div.value .show-euros-gagnants:hover{ text-decoration: underline; } .cart-user-informations .information div.value{ position: relative; padding: 5px; width: 25%; border: 1px dashed #333; } .cart-user-informations .information div.value{ border-left: none; background: #d4edda; color: #155724; } .cart-user-informations .information div.value.negatif{ background: #f8d7da; color: #721c24; } .cart-user-informations .information.euros-gagnants div.label:not(.euros-gagnants-symbol){ width: 65%; } .cart-user-informations .information.euros-gagnants div.euros-gagnants-symbol{ width: 10%; background: #FFCC33; font-weight: 600; text-align: center; border-right: none; } .cart-user-informations div.label:not(.first-row), .cart-user-informations div.value:not(.first-row){ border-top: none; } #cart #main .partenariats h2, #cart #main .partenariat{ padding-bottom: 10px; border-bottom: 1px solid #d1d1d1; } #cart #main .partenariats h2{ font-size: 20px; } #cart #main .partenariats .partenariat img{ max-width: 150px; } .cart-summary .cart-detailed-totals .franco{ margin-top: 10px; margin-bottom: 0 !important; } .cart-summary-line{ display: flex; align-items: flex-start; } .cart-summary-line .label{ flex: .7; } .cart-summary-line h6{ display:flex; justify-content: flex-end; flex: .3; } .cart-summary-line.cart-total{ padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px dotted #d1d1d1; } .cart-summary-line.cart-total.summary-pending-order{ padding-bottom: 20px; margin-bottom: 20px; } .cart-summary-line.cart-total:not(.hidden){ display: flex; } .cart-summary-line.cart-total .label{ width: 70%; } .cart-summary-line.cart-total .label a{ text-decoration: underline; } .cart-summary-line.cart-total h6.value{ width: 30%; align-self: flex-start; justify-content: flex-end; text-align: right; } .cart-summary-line .label a{ text-decoration: underline; } .cart-summary-line .label .infos{ font-size: 14px !important; } .cart-summary-line .label .infos.franco-notification{ color: #ff5203; } #cart #main .modify-remove-actions{ display: flex; } #cart #main .modify-remove-actions span.modify-row-link, #cart #main .modify-remove-actions a.remove-from-cart{ display: block; text-decoration: underline; cursor: pointer; font-size: 13px; } #cart #main .modify-remove-actions span.modify-row-link{ margin-right: 10px; } #cart #main .modify-remove-actions a.remove-from-cart{ margin-left: 10px; } #cart #main .modify-row{ display: none; } #cart #main .modify-row h3{ width: 100%; color: #FFFFFF; padding: 10px 0 10px 10px; border-bottom: 1px dotted #333333; background-color: #28a745; } #cart #main .modify-row .pricing-options{ margin: 0 auto; max-width: 430px; } #cart #main .modify-row .alert{ display: none; } #cart #main .modify-row .actions-container button.choose-option{ width: 100%; } #cart #main .modify-row .actions-container span.or{ display: block; margin: 10px; text-transform: uppercase; } #cart #main .modify-row .actions-container .add-to-cart-sed{ margin-top: 0; } #cart #main .modify-row .actions-container .form-group, #cart #main .modify-row .actions-container button.form-control-submit{ margin: 0 auto 10px auto; } #cart #main .modify-row .actions-container span.or, #cart #main .modify-row .actions-container input.form-control{ text-align: center; } #cart #main .partenariats .pricing-options{ width: 100%; max-width: 100%; } #cart #notifications .alert-danger{ position: fixed; top: 0; width: 100%; left: 0; margin-top: 0; z-index: 9999999; } #cart #notifications .alert-danger ul li{ animation: fadeInText 1s linear infinite; } /** ** Quick Order ** **/ #module-lappstarsed-productsquickorder .page-content.card-block{ padding: 0; } #module-lappstarsed-productsquickorder .mgml-0{ background: #5b9d4b; } #module-lappstarsed-productsquickorder .mgml-1-7{ background: #b174cd; } #module-lappstarsed-productsquickorder .mgml-3{ background: #b174cd; } #module-lappstarsed-productsquickorder .mgml-6{ background: #c6c844; } #module-lappstarsed-productsquickorder .mgml-8{ background: #abc73b; } #module-lappstarsed-productsquickorder .mgml-9{ background: #d5a66e; } #module-lappstarsed-productsquickorder .mgml-10{ background: #d5a66e; } #module-lappstarsed-productsquickorder .mgml-11{ background: #e18124; } #module-lappstarsed-productsquickorder .mgml-12{ background: #e15422; } #module-lappstarsed-productsquickorder .mgml-16{ background: #d94851; } #module-lappstarsed-productsquickorder .mgml-17{ background: #d90f57; } #module-lappstarsed-productsquickorder .mgml-18{ background: #d90f57; } #module-lappstarsed-productsquickorder .mgml-19{ background: #b10707; } #module-lappstarsed-productsquickorder .mgml-20{ background: #b10707; } #module-lappstarsed-productsquickorder .quick-order .image-details{ display: none; width: 380px; height: auto; position: fixed; top: 50%; left: 50%; margin-left: -190px; margin-top: -190px; z-index: 999; } #module-lappstarsed-productsquickorder .quick-order .image-details img{ width: 100%; border: 1px solid #333333; } #module-lappstarsed-productsquickorder .left-part .menu a{ font-size: 12px; } #module-lappstarsed-productsquickorder .left-part .menu a:nth-last-child(2) { border-top: 2px solid #333333; } #module-lappstarsed-productsquickorder .quick-order div.add-to-cart{ display: none; position: fixed; z-index: 999999; bottom: 0px; left: 0; width: 100%; padding: 10px; background: repeating-linear-gradient(-55deg, #222, #222 10px, #333 10px, #333 20px); text-align: right; } #module-lappstarsed-productsquickorder .quick-order div.add-to-cart .btn:hover{ color: #FFFFFF; border: 3px solid #FFFFFF !important; background-color: #00538E !important; } #module-lappstarsed-productsquickorder .quick-order table{ color: #333333; border-spacing: 0; } #module-lappstarsed-productsquickorder .quick-order table thead{ color: #FFFFFF; } #module-lappstarsed-productsquickorder .quick-order table thead.sticky{ position: fixed; top: 0; z-index: 9999; border-top: none; border-bottom: none; } #module-lappstarsed-productsquickorder .quick-order table thead.sticky th{ border-top: none; border-bottom: none; } #module-lappstarsed-productsquickorder .quick-order table thead th{ border: none; padding: 5px; font-size: 14px; } #module-lappstarsed-productsquickorder .quick-order table tr td.marque-parfum-name{ background: repeating-linear-gradient(-55deg, #222, #222 10px, #333 10px, #333 20px); color: #FFFFFF; } #module-lappstarsed-productsquickorder .quick-order table tr td.marque-parfum-name p{ padding: 10px; margin: 0; color: #FFFFFF; font-size: 14px; } #module-lappstarsed-productsquickorder .quick-order table tr td.parfum-name{ background: repeating-linear-gradient(-55deg, #222, #222 10px, #333 10px, #333 20px); color: #333; } #module-lappstarsed-productsquickorder .quick-order table tr td.parfum-name p{ padding: 0 5px; margin: 0; font-size: 13px; color: #FFFFFF; } #module-lappstarsed-productsquickorder .quick-order table td{ padding: 0; min-width: 100px; } #module-lappstarsed-productsquickorder .quick-order table th.name{ background: #eee; text-align: center; justify-content: center; color: #333; } #module-lappstarsed-productsquickorder .quick-order table th.mgml, #module-lappstarsed-productsquickorder .quick-order table td.qty{ max-width: 90px; border-left: 2px solid #333333; } #module-lappstarsed-productsquickorder .quick-order table td.qty:last-child{ border-right: 2px solid #333333; } #module-lappstarsed-productsquickorder .quick-order table td.qty.no-data{ background: #EFEFEF; } #module-lappstarsed-productsquickorder .quick-order table .name{ min-height: 60px; min-width: 170px; padding-right: 10px; display: flex; align-items: center; border-top: none; border-bottom: 1px solid #777777; } #module-lappstarsed-productsquickorder .quick-order table .name span{ font-size: 14px; color: #333333; font-weight: 500; letter-spacing: 1px; } #module-lappstarsed-productsquickorder .quick-order table .qty{ text-transform: uppercase; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container{ display: flex; position: relative; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .loader{ position: absolute; z-index: 999; display: none; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0,0,0,0.7); background-image: url('../svg/loader-animated-white.svg'); background-repeat: no-repeat; background-position: center; background-size: 15%; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .relative, #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container input{ height: 100%; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .less-container, #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .more-container{ display: flex; align-items: center; justify-content: center; flex-direction: column; min-width: 34px; height: 57px; width: 30%; background-color: #EFEFEF; color: #333333; font-size: 15px; cursor: pointer; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .less-container{ border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .more-container{ border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .less, #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .more{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .less:nth-child(2), #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .more:nth-child(2){ border-top: 1px solid #d1d1d1; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .less:hover, #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container .more:hover{ background: #00538E; color: #FFFFFF; } #module-lappstarsed-productsquickorder .quick-order table td.qty .form-container span.conditionnement-nbre{ font-size: 10px; margin-left: 3px; } #module-lappstarsed-productsquickorder .quick-order table td.qty input{ min-width: 20px; padding: 15px 1px; text-align: center; background: #FFFFFF; font-size: 14px; } #module-lappstarsed-productsquickorder .quick-order table td.qty input.active{ background: #17a2b8 !important; color: #FFFFFF !important; } #module-lappstarsed-productsquickorder .quick-order table td.qty input.active.outofstock{ background: #dc3545 !important; color: #FFFFFF !important; } #module-lappstarsed-productsquickorder .quick-order table td img{ width: 60px; height: auto; margin-right: 10px; cursor: pointer; } #module-lappstarsed-productsquickorder .quick-order table td .form-group{ margin: 0; } #module-lappstarsed-productsquickorder .quick-order table tr{ border-bottom: 1px dotted #dfdfdf; } /** ** Confirm order ** **/ #order-items .order-confirmation-table .image img{ max-width: 80px; margin-bottom: 0; } #order-items .order-confirmation-table .order-line{ margin-top: 0; margin-bottom: 20px; border-bottom: 1px dashed #777777; } #order-items .order-confirmation-table span.label{ display: block; font-style: italic; color: #777777; font-size: 14px; } #order-items .order-confirmation-table span.value{ color: #00538E; font-weight: 400; } /** ** Account ** **/ .account-with-menu-top .menu-part{ padding: 20px; background: #f8f8f8; margin: 0 0 20px 0; } .account-with-menu-top .menu-part a{ display: block; width: fit-content; } .account-with-menu-top .menu-part a:hover{ text-decoration: underline; } .account-with-menu-top .menu-part a.active{ font-weight: 600; text-decoration: underline; } .account-with-menu-top .menu-part h2{ margin-top: 0; color: #777777; } .page-order-detail{ font-size: inherit; } .page-customer-account h1, .page-customer-account h2, .account-with-menu-top h2, .page-order-detail h1, .page-order-detail h2, #module-pk_favorites-account h2{ font-size: 1.5em; color: #333; } .page-customer-account h3{ font-size: 18px; } .page-customer-account #content .order-actions span.separator{ color: #333333; } .page-customer-account #content .order-actions a:hover{ text-decoration: underline; } .page-order-detail strong{ font-weight: 500; } #module-pk_favorites-account .remove-fav{ margin-top: 10px; float: right; } /** Partenariat pac **/ #partenariat-pac table td{ font-weight: 500; } #partenariat-pac table td.negatif, #partenariat-pac table td.positif{ color: #FFFFFF; font-weight: 600; } #partenariat-pac table td.positif{ background-color: #28a745; } #partenariat-pac table td.negatif{ background-color: #dc3545; } /** ** Checkout ** **/ #checkout .header_logo h1{ margin: 0; padding: 0; border: none; } #checkout .payment-option input[type="radio"]{ width: 15px; height: 15px; } #checkout .payment-option label{ text-decoration: underline; cursor: pointer; } /** ** Contact ** **/ #contact .contact-page .contact-form-left{ display: flex; align-items: center; justify-content: space-evenly; padding: 0; background-image: url('../img/authentication.jpg'); background-size: cover; background-repeat: no-repeat; } #contact .contact-page .contact-form-left img{ max-width: 50%; } #contact .contact-page .contact-form-right{ display: flex; align-items: center; justify-content: center; min-height: 400px; padding: 20px; background-color: #EFEFEF; } #contact .contact-page .contact-form-right #contact-form-success-message{ display: none; } #contact .contact-page .contact-form-right #contact-form-success-message h2{ font-size: 35px; color: #333333; } #contact .contact-page .contact-form-right .form-group textarea{ font-family: inherit; min-height: 200px; } #contact .contact-page-footer{ margin-top: 70px; } /** ** Blog ** **/ #module-ph_simpleblog-category .page-heading{ display: flex; align-items: flex-end; justify-content: left; min-height: 230px; background-size: cover; } #module-ph_simpleblog-category .page-heading h2{ color: #FFFFFF; font-weight: bold; } #module-ph_simpleblog-category .ps_categorytree, #module-ph_simpleblog-category .rev_slider_wrapper, #module-ph_simpleblog-single .ps_categorytree, #module-ph_simpleblog-single .rev_slider_wrapper, #module-ph_simpleblog-list .ps_categorytree, #module-ph_simpleblog-list .rev_slider_wrapper{ display: none !important; } /** ** Qui sommes-nous ** **/ .qui-sommes-nous-content{ display: flex; align-items: center; justify-content: center; min-height: 800px; background: url('/modules/lappstarsed/views/img/qui-sommes-nous.jpg'); background-size: cover; } .qui-sommes-nous-content p{ color: #FFFFFF; font-size: 28px; line-height: 35px; max-width: 600px; padding: 20px; } /** ** Découvrez MySED ** **/ #cms .page-cms-9, #cms .page-cms-9 .col-xl-12{ padding: 0 !important; } #cms .page-cms-9 .page-width{ margin: 0 !important; } .decouvrez-mysed-video{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .decouvrez-mysed-video iframe, .decouvrez-mysed-video object, .decouvrez-mysed-video embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /** ** CBD ** **/ .cbd-content:not(:first-child){ margin-top: 20px; border-top: 1px dashed #333333; } .cbd-content h3{ padding: 15px; font-size: 20px; color: #FFFFFF; font-weight: 500; width: 100%; background-color: #00538E; text-align: center; } .cbd-content a.mobile-link{ display: none; } /** ** Catalogues ** **/ .pdf-card{ border-radius: 15px; padding: 10px; background: #fff; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 6px 15px rgba(0,0,0,0.12); webkit-box-shadow 0.2s ease; webkit-box-shadow: 0 6px 15px rgba(0,0,0,0.12); margin-bottom: 20px; } h3.pdf-card-title{ padding: 10px; border-bottom: 1px solid #000000; font-weight: 500; } h5.pdf-card-name{ font-size: 16px; font-weight: 500; color: #000000; } /** ** Footer ** **/ #footer .footerbuilder{ margin-top: 0 !important; padding-top: 20px; } #footer .footer-container .pts-container-wrap{ padding-bottom: 20px; } .footer-main h4{ margin-top: 30px; } #footer .footer-main .franco-container{ margin: 30px 0; } #footer .footer-main .franco-container .tb-sect-icon{ width: 70px; height: 60px; padding-right: 10px; } #footer .footer-main .franco-container .tb-sect-icon svg{ width: 45px; height: 45px; } #footer .footer-main .franco-container p{ font-size: 16px; margin: 10px 0; } #footer .footer-main .franco-container span.franco{ padding: 5px; background: #228B22; font-weight: 900; } #encarts-pub-data{ position: fixed; bottom: 10px; right: 10px; width: 280px; z-index: 999999; } /** ** Fix Override ** **/ aside#notifications .page-width.container{ width: 100% !important; max-width: 100% !important; margin: 0; } /** ** Responsive ** **/ @media screen and (min-width: 544px) { .home-offers-part .offers{ border-right: 1px solid #dfdfdf; } .home-reassurance-part .txt-block-02{ width: 50%; } } @media screen and (min-width: 680px) { #header .header-main #desktop_cart .shopping_cart{ display: block !important; width: 420px !important; right: -420px; top: 0 !important; position: fixed; height: 100% !important; min-height: 100vh; z-index: 99999999; } } @media screen and (min-width: 680px) { #checkout #js-checkout-summary{ max-width: 991px; } } @media screen and (min-width: 769px) { #pk_top_menu{ overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; } .pk-menu-horizontal li.level-1.produits{ display: none; background: #00538E; color: #FFFFFF; } .pk-menu-horizontal li.level-1.blog{ background: #379392; color: #FFFFFF; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu{ position: fixed; display: block !important; padding: 0; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; visibility: visible; transition: none; top: 0; width: 30%; left: -30%; min-height: 100vh; height: 100vh; overflow-y: scroll !important; overflow-x: scroll !important; z-index: 999999; } .pk-menu-horizontal li.level-1.menu-catalogue{ display: none; } } @media screen and (min-width: 991px) { #index .home-container .col-xl-3{ box-shadow: 5px 0 5px -5px rgba(0,0,0,.195); } .pk-menu-horizontal li.level-1.menu-nouveautes a, .pk-menu-horizontal li.level-1.menu-offres-personnalisables a, .pk-menu-horizontal li.level-1.menu-promos-lots a, .pk-menu-horizontal li.level-1.menu-ventes-flash a, .pk-menu-horizontal li.level-1.menu-euros-gagnants a, .pk-menu-horizontal li.level-1.menu-cr-eliquides a{ background-position: center 5px !important; } .pk-menu-horizontal li.level-1.menu-nouveautes a, .pk-menu-horizontal li.level-1.menu-offres-personnalisables a, .pk-menu-horizontal li.level-1.menu-cr-eliquides a{ background-size: 13%; } .pk-menu-horizontal li.level-1.menu-promos-lots a, .pk-menu-horizontal li.level-1.menu-ventes-flash a, .pk-menu-horizontal li.level-1.menu-euros-gagnants a{ background-size: 22%; } .pk-menu-horizontal li.level-1.menu-euros-gagnants > a > span.menu-subtitle{ color: #333; } .pk-menu-horizontal li.level-1 > a > span.menu-subtitle{ padding: 0 7px !important; background: none !important; align-self: flex-end; text-transform: initial; font-size: 12px !important; margin-bottom: 4px; } } @media screen and (min-width: 1199px) { #contact .page-content .row.contact-page{ display: flex; } } @media screen and (min-width: 1280px) { body #footer{ padding-top: 80px !important; } body#index #footer{ padding-top: 0 !important; } #cart #main > .cart-grid .cart-grid-right{ max-width: 480px; } body .pk-menu-horizontal li.level-1.simple-link > a{ padding: 10px 20px; } #module-lappstarsed-productsquickorder .left-part{ width: 10%; padding: 0; } #module-lappstarsed-productsquickorder .right-part{ width: 90%; } #cart #main .cart-symmary.synthetic{ width: 100%; margin-left: 0 !important; } #cart #main .cart-summary.synthetic .cart-detailed-totals{ display: flex; justify-content: space-between; } #cart #main .cart-summary.synthetic .cart-detailed-totals.justify-center{ justify-content: center; } #cart #main .cart-summary.synthetic .cart-detailed-totals .cart-user-informations{ width: 45%; } #cart #main .cart-summary.synthetic .cart-detailed-totals .cart-detailed-totals-container{ width: 50%; } .root-left-column .produits-menu-1-container span.first-link, .root-left-column .produits-menu-container .produits-menu-2 a, .root-left-column .produits-menu-container .produits-submenu-quickaccess{ font-size:16px !important; } .root-left-column .produits-menu-container .category-3 a{ font-size:16px; padding:3px 5px; } } @media screen and (min-width: 1500px) { #category .products-selection > *{ margin-right: 20px; } } @media screen and (min-width: 1599px) { .univers-transition-container .area .card .svg svg{ width: 85px; height: 85px; } .univers-transition-container .area .card .top-part h4{ font-size: 22px; } .univers-transition-container .area .card .bottom-part a{ font-size: 16px; } .univers-transition-container .area .card, .univers-transition-container .area .card_front{ width: 37%; } .univers-transition-container .accroche h1, .univers-transition-container .accroche h2, .univers-transition-container .accroche h3{ color: #FFFFFF; margin: 0; } .univers-transition-container .accroche h1{ font-size: 40px; line-height: 45px; } .univers-transition-container .accroche h2{ font-size: 47px; line-height: 47px; } .univers-transition-container .accroche h2:nth-child(3){ font-size: 34px; line-height: 45px; } .univers-transition-container .accroche h3{ font-size: 27px; } #cart #main .cart-container.synthetic table{ min-width: 1280px; } } @media screen and (max-width: 1280px) { body#index #footer{ padding-top: 0 !important; } body.layout-root-left-column #pattern .page-width{ width: 100% !important; max-width: 100% !important; margin: 0; } body.layout-root-left-column #pattern.root-item > .main-contant-wrapper{ width: 100%; margin-left: 0; } body.layout-root-left-column #pk_top_menu, body.layout-root-left-column footer#footer{ padding-left: 0; } .root-left-column{ display: none; } .pk-menu-horizontal li.level-1.produits{ display: block; padding-left: 15px; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-1 .first-link{ padding: 15px; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-3 a{ font-size: 15px; line-height: 25px; } .pk-menu-horizontal .menu-dropdown li a{ padding-bottom: 10px !important; } .produits-menu-options{ display: flex; } .encarts-pub-data{ width: 100%; } .show-product-details-overlay .header div.vente-flash{ background-position: 97%; } .cart-summary{ margin-left: 0; } #category #js-product-list-top{ display: block; } #category #js-product-list-top *{ margin-bottom: 5px; } } @media screen and (max-width: 1199px) { #cart #main .cart-container.synthetic table td.actions div.show-product-details{ display: none; } .search-widget-result .search-filters{ width: 30vw; } .search-widget-result .search-products{ width: calc(70vw - 20px); } } @media screen and (max-width: 991px) { #index .newest-by-categories .module-title, #index .ventes-flash .module-title, #cms .page-cms-9 .module-title{ font-size: 18px; margin: 15px auto 15px auto; } #index .ventes-flash .widget-products a.item{ width: 100%; float: none; margin-left: 0 !important; } #index .ventes-flash .widget-products a.item.oneitem{ width: 100%; float: none; margin: 0 auto 20px auto; } body:not(#module-lappstarsed-start) .main-contant-wrapper{ padding-top: 20px; } #encarts-pub, #encarts-pub-data{ display: none; } #header .header_logo .logo{ max-width: 70px !important; } #product #kit-details .kit-informations.mobile{ display: block; } #product #kit-details .kit-informations.desktop{ display: none; } #product .view_list .product-desc-wrap{ padding: 30px 0 0 0; } #module-lappstarsed-start .univers-transition-container{ flex-direction: column; } #module-lappstarsed-start .univers-transition-container .accroche{ left: 0; top: 3%; width: 100%; text-align: center; } #module-lappstarsed-start .univers-transition-container .accroche .logo-static, #module-lappstarsed-start .univers-transition-container .accroche a{ margin: 0 auto; } #module-lappstarsed-start .univers-transition-container .accroche .logo-static{ margin-bottom: 10px; } #module-lappstarsed-start .univers-transition-container .accroche a{ margin-top: 10px; } #module-lappstarsed-start .univers-transition-container .full-container, #module-lappstarsed-start .univers-transition-container .area{ transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0); } #module-lappstarsed-start .univers-transition-container .global-container{ overflow-y: scroll; height: 50vh; margin-top: 240px; } #module-lappstarsed-start .univers-transition-container .area{ display: block; width: 100%; height: 100%; margin: 0 auto; } #module-lappstarsed-start .univers-transition-container .logo{ width: 120px; left: 50%; margin-left: -60px; margin-top: auto; top: 20px; } #module-lappstarsed-start .univers-transition-container .logo-top{ left: 0; width: 100%; margin-bottom: 20px; text-align: center; } #module-lappstarsed-start .univers-transition-container .navigation{ display: none; } #module-lappstarsed-start #start-access{ background: none; } #module-lappstarsed-start .univers-transition-container .left-part-blue-effect-bg{ background: none; } #module-lappstarsed-start .univers-transition-container .area .card{ width: 80%; max-width: 300px; min-height: 300px; border-radius: 0; position: relative; display: block; margin: 20px auto; } #module-lappstarsed-start .univers-transition-container .area .card .top-part{ height: 70%; } #module-lappstarsed-start .univers-transition-container .area .card .bottom-part{ height: 30%; } #module-lappstarsed-start .univers-transition-container .area .card .bottom-part .link{ padding-bottom: 0; } #pk_top_menu li.level-1.produits .pk-sub-menu .row-level-1 .row > .col-md-4{ width: 100%; } .product-prices{ display: block !important; } .has-discount.label{ margin-left: 0; margin-top: 20px; } .pastille-in-stock, .pastille-out-of-stock{ display: inline-block; margin: 0; } #product .product-info-section .product-prices .pastille-tva{ margin-left: 0; } #cart .cart-grid .flex-row{ display: block !important; } #cart #main .cart-detailed-totals-container{ padding: 20px 10px; } .header-top .header-univers-nav a.boutique:not(.catalogue), .header-top .header-univers-nav a.blog, .header-top .header-univers-nav a.qui-sommes-nous, .header-top .header_user a.account, .pk-menu-horizontal li.level-1.menu-start, .pk-menu-horizontal li.level-1 > a > span.menu-subtitle, .pk-menu-horizontal li.level-1.menu-contactez-nous a span{ display: none; } } @media screen and (max-width: 800px){ .header-2 .header-top > .page-width{ justify-content: flex-end; } } @media screen and (max-width: 768px){ body{ font-size: 14px !important; } .card-block{ padding: 0; } #index .newest-by-categories ul.nav-tabs{ flex-direction: column; margin: 20px auto 20px auto } #index .newest-by-categories .nav-tabs .nav-item{ margin: 7px 10px; } #index .newest-by-categories ul.nav-tabs li a{ font-size: 12px; } #index .newest-by-categories #js-product-list > .flex-container{ grid-column-gap: 10px!important; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)) !important; } #index #ptspagebuilder1728596673 .pts-container-wrap{ margin-top: 0 !important; } .univers-color{ display: none; } #wrapper{ padding: 0 15px 20px !important; } body#checkout #wrapper{ padding: 20px 15px 20px !important; } #content-wrapper{ padding-top: 0; } #pattern .page-width, #product .content-wrapper .product-page-col.page-width{ width: 100%; } #pattern .page-width.main-content{ padding: 0 10px; } .product-page-col{ padding: 0 !important; } .product-page-col > .col-md-6:last-child{ padding: 0; } .lighter-effect, .switch-portail{ display: none; } .backlinks-mobile{ display: flex; position: absolute; z-index: 99999999; width: 100%; } .backlinks-mobile a{ display: flex; align-items: center; justify-content: center; margin: 0; padding: 7px 5px; color: #FFFFFF; font-size: 12px; text-align: center; } .backhistory-mobile{ background-color: #ff5203; width: 70%; } .backhome-mobile{ background-color: #00538E; width: 30%; } #header .header-main .cart_summary, #signaling-error{ display: none; } #header .header-top{ display: none; } #header .header-main > .page-width{ padding: 0; background-color: #f8f8f8; border-bottom: 1px solid #333333; height: inherit; flex-direction: column; } .header-2 .header-nav{ position: relative; z-index: 999999; width: 50%; align-items: flex-end; justify-content: flex-end; align-self: end; } .header-2 .header-nav > div, .header-2 .icons-true .pk_cl > ul > li{ margin-left: 10px !important; } .header-2 .header-nav .blockcart{ margin-right: 15px; } .header-2 .header-right-side{ flex-direction: column; padding: 0 0 15px 0; } .header-2 .header_logo{ display: none; margin: 0; } .header-2 .header-nav .pk_account span, .header-2 .header-nav span.cart-title{ display: none; } .header-2 .header-nav svg{ display: block !important; } #header .header-main .pk_customlinks.favorites .svgic, .header-2 .header-nav .svgic-account, .header-2 .header-nav #desktop_cart .svgic{ width: 20px; height: 20px; } .header-2 .header-nav > div li.pk_account .dd_container{ display: none !important; } #header .header-main #search_widget{ margin-top: 35px; /*margin-bottom: 20px;*/ max-width: 100% !important; } #header .header-main #search_widget input#sisearch{ border-radius: 0; border-top: none; border-left: none; border-right: none; max-width: 100% !important; } .search-widget-result{ top: 73px; width: 100%; } .search-widget-result .title h3{ font-size: 14px; line-height: 16px; } .page-header{ margin-bottom: 20px !important; } .page-header .account-title a.account-link{ float: none; margin-top: 10px; } #pattern #header .cart-icon .cart-products-count{ display: none; /*top: -7px; right: -40px;*/ } #header .header-main #desktop_cart .blockcart-total-header{ display: none; } .lappstaras-searchtop-container{ max-width: 100%; } #lappstaras-searchtop #lappstaras-searchtop-form{ padding-top: 33px; margin-bottom: 15px; } .lappstaras-search .lappstaras-search-wrapper button.btn[type="submit"]{ border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .lappstaras-search .lappstaras-search-wrapper input.lappstaras-large{ border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } #pk_top_menu{ position: relative; /*z-index: 99999;*/ overflow-y: visible; width: 100%; margin-top: -49px; background-color: inherit !important; } #pk_top_menu .top-menu{ background: #EFEFEF; padding: 0; margin: 44px 0 0 !important; box-shadow: none; } #pk_top_menu.pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-menu-1 .first-link{ padding: 25px 15px; } #pk_top_menu.pk-menu-horizontal li.level-1.produits .pk-sub-menu .first-link:after{ display: none; } #pk_top_menu.pk-menu-horizontal > ul > li, #pk_top_menu.pk-menu-horizontal > ul > li:hover{ background: #00538E !important; color: #FFFFFF; } #pk_top_menu.pk-menu-horizontal > ul > li > a, #pk_top_menu.pk-menu-horizontal > ul > li > a > span{ color: #FFFFFF; } #pk_top_menu.pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-options span:hover{ background: #17a2b8; color: #FFFFFF; } #pk_top_menu.pk-menu-horizontal li.level-1.produits > .svgic, #pk_top_menu.pk-menu-horizontal li.level-1.produits a > .svgic{ fill: #FFFFFF; } #pk_top_menu.pk-menu-horizontal li.level-1 a{ border-left: none; } #pk_top_menu.pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container a.produits-submenu-quickaccess{ padding: 10px; margin-right: 20px; margin-bottom: 5px; background-color: #FFF; text-decoration: none; font-size: 15px; line-height: 25px; } #pk_top_menu.pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-3 a{ padding: 10px; margin-right: 20px; margin-bottom: 5px; background-color: #FFFFFF; text-decoration: none; } #pk_top_menu.pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .category-3.current a{ background-color: #00538E; } #pk_top_menu.pk-menu-horizontal li.level-1.produits .pk-sub-menu .produits-menu-container .produits-submenu .category-1:not(.active) .produits-menu-1 .first-link{ font-weight: 600; } #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-start, #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-nouveautes, #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-offres-personnalisables, #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-promos-lots, #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-ventes-flash, #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-euros-gagnants{ display: none; } #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-cr-eliquides > a{ display: none; } #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-cr-eliquides a, #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-catalogue a{ font-size: 13px; font-family: 'Roboto'; font-weight: 500; font-style: normal; line-height: 1em; text-transform: uppercase; color: #fff; letter-spacing: 0.1em; } #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-cr-eliquides a:hover{ text-decoration: none !important; } #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-cr-eliquides .pk-sub-menu{ display: block; border-bottom: 1px solid #f2f2f2; } #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-cr-eliquides .pk-sub-menu, #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-cr-eliquides .pk-sub-menu a{ background-color: #00538E; } #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-cr-eliquides .pk-sub-menu p{ margin-bottom: 0 !important; margin-left: 15px; } #pk_top_menu.pk-menu-horizontal #top-menu > li.menu-cr-eliquides .pk-sub-menu a:nth-child(2){ display: none; } #pk_top_menu.pk-menu-horizontal .parent > a > span:last-child{ width: 100%; max-height: 100%; } #pk_top_menu.pk-menu-horizontal .parent > a > span:last-child .svgic{ display: none; } #pk_top_menu.pk-menu-horizontal li.level-1.menu-contactez-nous svg{ color: #FFFFFF; } #pk_top_menu .icon_menu{ filter: none; } #cart #main > .checkout.cart-detailed-actions{ display: none; } #cart #main .cart-grid-body .cart-container .product-line-grid .col-xs-4, #cart #main .cart-grid-body .cart-container .product-line-grid .col-xs-8{ float: none !important; width: 100%; } #cart #main .cart-grid-body .cart-container .cart-header{ display: none; } #cart #main .cart-grid-body .cart-container .mobile{ display: flex; } #cart #main .cart-grid-body .cart-container .cart-line-product-actions.mobile{ justify-content: flex-end; margin-top: 20px; } #cart #main .cart-grid-body .cart-container .cart-line-product-actions a{ margin-bottom: 20px; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry{ display: block; } #cart #main .cart-grid-body .cart-container ul.cart-items li.cart-item .offre-personnalisable-detail .entry div{ display: block; width: 100% !important; } #cart #main .cart-grid-body .cart-container .product-line-grid-right .price{ display: block; } #cart #main .cart-grid-body .cart-container span.product-price{ width: fit-content; } #cart #main .modify-row{ width: 90vw; } .pk-menu-horizontal li.level-1.produits .pk-sub-menu{ width: 100%; } #category #js-product-list-top{ display: none; } #category #content-wrapper-left{ padding: 0 !important; } #category .category-supplier{ display: block !important; } #category .category-supplier div.actions{ margin-left: 0; margin-top: 10px; } #category .product-list-categories{ margin-bottom: 0; } #category .product-list-categories h3{ font-size: 14px; } #category .product-list-categories > a.master-category{ font-size: 12px; } #category .product-list-categories > a:not(.master-category), #category .product-list-categories > span.all-categories, #category .product-list-categories > span.separator{ display: none; } #category .product-list-categories .item a{ padding: 2px 5px; font-size: 12px; } .view_list .thumbnail-container{ display: block; } .view_list .product-thumbnail{ margin: 0 auto; width: 100%; } #pattern .view_grid .product_list .grid-container{ grid-column-gap: 5px !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; } #category .view_grid .product_list .grid-container > article{ margin-bottom: 5px; } article.product-miniature .product-desc-wrap .product-price-and-shipping{ display: block; } article.product-miniature .product-desc-wrap .options-overlay{ visibility: visible !important; } article.product-miniature .product-desc-wrap .options-overlay .options > a{ display: none; } #module-lappstarsed-productsquickorder .menu-horizontal .submenu-brands, #module-lappstarsed-productsquickorder .menu-horizontal .brand-pill{ width: max-content; } .product-flags li.discount-perc{ font-size: 14px !important; } .has-discount .discount{ font-size: 18px; } #kit-details .product_list .product-actions{ align-items: center; justify-content: center; } .authentication-page > div{ width: 100%; } #root-left-column-overlay{ display: none !important; } .search-widget-result .search-filters{ display: none; } .search-widget-result .search-products{ width: 100%; } .search-widget-result .search-products .items .mini-product{ width: 100%; } .cbd-content embed{ display: none; } .cbd-content a.mobile-link{ display: block; text-decoration: underline; } .fancyBoxActive:after{ z-index: 0 !important; } #product .add-products .module-title span{ border-bottom: 0 !important; } #checkout #pk_top_menu .icon_menu{ display: none; } #pattern .footer-main{ padding: 10px; } #footer .footer-main .franco-container, #pattern .footer-main .page-width > div{ margin: 0; } .footer-container li:not(:last-child){ margin-bottom: 0; } } @media screen and (max-width: 543px) { body{ font-size: 12px !important; } .cart-item{ border-bottom: none; } #footer .footer-main .franco-container p{ line-height: 25px; } } /** ** Animations ** **/ .animate { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .one { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; } .two { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .three { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; } .four { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; animation-delay: 4s; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .backgroundColorQtyEffect { -webkit-animation-name: backgroundColorQtyEffect; animation-name: backgroundColorQtyEffect; } /** FADE IN **/ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /** FADE IN TEXT **/ @-webkit-keyframes fadeInText { from { opacity: 0.5; } to { opacity: 1; } } @keyframes fadeInText { from { opacity: 0.5; } to { opacity: 1; } } /** FADE IN DOWN **/ @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /** FADE IN UP **/ @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /** FADE IN LEFT **/ @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /** FADE IN RIGHT **/ @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /** BACKGROUND COLOR EFFECT **/ @-webkit-keyframes backgroundColorQtyEffect { 0% { background: #FFFFFF; } 50%{ background: #17a2b8; color: #FFFFFF; } 100% { background: #FFFFFF; } } @keyframes backgroundColorQtyEffect { 0% { background: #FFFFFF; } 50%{ background: #17a2b8; color: #FFFFFF; } 100% { background: #FFFFFF; } } @-webkit-keyframes menuBackground { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes menuBackground { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-o-keyframes menuBackground { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes menuBackground { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes gradient { 0% { background-position: 0% 50%; } 100% { background-position: 50% 100%; } } @keyframes start_highlightanim { 0.00% {left: -150.00%; top: -178.00% } 12.50% {left: -117.67%; top: -179.64% } 25.00% {left: -97.69%; top: -195.87% } 28.75% {left: -95.00%; top: -207.09% } 32.50% {left: -97.69%; top: -220.70% } 40.00% {left: -117.67%; top: -240.01% } 47.50% {left: -150.00%; top: -247.50% } 55.00% {left: -182.33%; top: -240.01% } 62.50% {left: -202.31%; top: -220.70% } 68.75% {left: -205.00%; top: -207.09% } 75.00% {left: -202.31%; top: -195.87% } 87.50% {left: -182.33%; top: -179.64% } 100.00% {left: -150.00%; top: -178.00% } } @keyframes start_rotation{ 0% { transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); } 100% { transform: rotateY(360deg) rotateX(0deg) rotateZ(0deg); } } @-webkit-keyframes start_shine { 0% { -webkit-transform: translateY(1500px) rotate(-40deg); transform: translateY(1500px) rotate(-40deg); } 100% { -webkit-transform: translateY(-750px) rotate(-40deg); transform: translateY(-750px) rotate(-40deg); } } @keyframes start_shine { 0% { -webkit-transform: translateY(1500px) rotate(-40deg); transform: translateY(1500px) rotate(-40deg); } 100% { -webkit-transform: translateY(-750px) rotate(-40deg); transform: translateY(-750px) rotate(-40deg); } }