/*************************************************** Webshop click and collect CSS ***************************************************/ #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .articleShortDesc{ display: none !important; } .webshopTemplate.ui-autocomplete { z-index: 10 !important; } .webshopTemplate .ui-autocomplete li a{ color: #282828 !important; } .webshopTemplate .ui-autocomplete li a:hover, .ui-autocomplete li a#ui-active-menuitem{ background:#000 !important; color: #fff !important; } #Shop div#ShopContent #article-content nav.prev-next .btnNext, #Shop div#ShopContent #article-content nav.prev-next .btnAnt { position: absolute!important; top: inherit!important; } section.content.webshop-content.content-pag.content-cat{ position: relative; overflow: hidden; } section.content.webshop-content.content-pag.content-cat>.container{ width: 100% !important; padding: 0 !important; } section.content.webshop-content.content-pag.content-cat>.container>article { background: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; } section.content.webshop-content.content-pag.content-cat{ margin-top: 0; } section.content.webshop-content.content-pag.content-cat #Shop{ margin: 0; } section.content.webshop-content.content-pag.content-cat #Shop div#ShopContent{ padding: 0; } #Shop div#Sidebar ul.Cart li.row a.Remove:hover::before { color: #000 !important; } #Shop div#Sidebar { color: #545454!important; } /**** searsh form****/ .top-header{ position: relative; padding: 0 0 10px; background: #fff; } .grid-topbar{ display: grid; grid-template-columns: auto auto; justify-content: space-between; } .top-header .SearchButton { } .top-header .searchForm{ position: relative; width: 100%; margin-top: 11px; max-width: 120px; } .top-header .searchForm .labrel-search { display: none; } .top-header .searchForm input#BtnSearch { position: absolute; z-index: 10; left: inherit; right: 0; top: 2px; height: 21px; width: 22px; font-size: 0; border: none; margin: 0; padding: 0; background: url(../images/icon-search.png) no-repeat left center; outline: none !important; } .top-header .searchForm input#tags{ font-size: 14px; border: none !important; background: transparent !important; padding: 5px 0px 5px 5px; margin: 0; height: 21px; width: 100%; outline: none !important; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #000; } .top-header .searchForm input#tags::-webkit-input-placeholder, .top-header .searchForm input#tags::-webkit-input-placeholder, .top-header .searchForm input#tags::-webkit-input-placeholder,article form#form-nl .txtbox-long::-webkit-input-placeholder{ color:#000; opacity:1; } .top-header .searchForm input#tags:-moz-placeholder,/* Firefox 18- */ .top-header .searchForm input#tags:-moz-placeholder, .top-header .searchForm input#tags:-moz-placeholder,article form#form-nl .txtbox-long:-moz-placeholder/* Firefox 18- */ { color:#000; opacity:1; } .top-header .searchForm input#tags::-moz-placeholder,/* Firefox 19+ */ .top-header .searchForm input#tags::-moz-placeholder, .top-header .searchForm input#tags::-moz-placeholder,article form#form-nl .txtbox-long::-moz-placeholder/* Firefox 19+ */ { color:#000; opacity:1; } .top-header .searchForm input#tags:-ms-input-placeholder, .top-header .searchForm input#tags:-ms-input-placeholder, .top-header .searchForm input#tags:-ms-input-placeholder,article form#form-nl .txtbox-long:-ms-input-placeholder{ color:#000; opacity:1; } .topbar #user-login h2 { padding-bottom: 0 !important; color: #c41c1e!important; font-size: 22px!important; } /**** bloc right ****/ ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all { margin: 0 !important; padding: 0 !important; } .ui-menu-item:first-child { border-top: 1px solid #dedede !important; } .ui-menu-item { width: 100%; border-left: 1px solid #dedede !important; border-right: 1px solid #dedede !important; border-bottom: 1px solid #dedede !important; background: white !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } .ui-menu-item .ui-corner-all { width: 100%; padding: 3px 7px; display: block; font-weight: 500; color: white; font-size: 14px; } .ui-menu-item .ui-corner-all:hover,.ui-menu-item .ui-state-hover,.ui-menu-item .ui-widget-content .ui-state-hover,.ui-menu-item .ui-state-focus,.ui-menu-item .ui-widget-content .ui-state-focus { font-weight: 500 !important; text-decoration: none !important; color: white !important; background: #c41c1e !important; } .topbar .toplogin #user-login input.field{ background: white!important; color: #282828!important; } .topbar .toplogin #user-login input.field::-webkit-input-placeholder{ color: #282828!important; opacity:1; } .topbar .toplogin #user-login input.field:-moz-placeholder{ color: #282828!important; opacity:1; } .topbar .toplogin #user-login input.field::-moz-placeholder{ color: #282828!important; opacity:1; } .topbar .toplogin #user-login input.field:-ms-input-placeholder{ color: #282828!important; opacity:1; } .topbar .toplogin #user-login a.Send{ background: #c41c1e!important; color: white !important; text-transform: inherit!important; } .topbar .toplogin #user-login a.Send:hover{ background: #000!important; } #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li { background: transparent; margin-left: 0; } section.content-pag form#user-new-password .primaryAction.disabled{ display: block; width: 100%; border: none; background: #c41c1e!important; color: white!important; font-family: 'Nunito Sans', sans-serif; font-size: 15px; font-weight:400; line-height: 36px; text-transform: uppercase; text-align: center; margin-top: 5px; margin-bottom: 7px!important; transition: color .4s; } section.content-pag form#user-new-password .primaryAction.disabled{ width: 170px!important; } section.content-pag form#user-new-password .primaryAction.disabled:hover{ background: #000!important; color: white!important; } .topbar .toplogin a.user-wishlist{ color: black!important; } #Shop div#Sidebar .mini-cart-option{ background: #c41c1e!important; color: white!important; } #Shop div#Sidebar .mini-cart-option:hover{ background: #000!important; color: white!important; } /*----topbar---*/ .topbar{ padding: 11px 0 0; margin-right: 0; } .topbar .shopheader{ line-height: 21px!important; height: 21px!important; } .topbar .WishlistButton{ border-left: none!important; padding-right: 20px!important; padding-left: 0!important; border-right: none!important; margin-top: 1px; } .topbar .WishlistButton a{ font-family: 'Nunito Sans', sans-serif!important; font-size: 14px!important; color: #000!important; padding-left: 0!important; font-weight: 400!important; } .topbar .WishlistButton a:hover{ color: #c41c1e!important; } .topbar .WishlistButton a::before{ content: ""!important; background: url(../images/wishlist.png) no-repeat center top; width: 22px; height: 19px; margin-right: 16px!important; margin-top: 0!important; } /*---*/ .topbar .account ul li a{ font-family: 'Nunito Sans', sans-serif!important; font-weight: 400!important; font-size: 14px!important; color: #000!important; padding-left: 23px!important; } .topbar .account ul li a:hover{ color: #c41c1e!important; } .topbar .account ul li a::before{ content: ""!important; background: url(../images/compte.png) no-repeat center top; width: 20px; height: 21px; padding: 0!important; margin-right: 15px; margin-top: 0!important; } /*---*/ .topbar .caddy-button{ border-left: none!important; padding-left: 20px!important; margin-left: 23px!important; margin-top: -2px; } .topbar .caddy-button .iconcaddy::before{ content: ""!important; background: url(../images/panier.png) no-repeat center top; width: 24px; height: 19px; margin-top: 1px; } .topbar .caddy-button .iconcaddy{ font-size: 0!important; } .topbar .caddy-button #CaddyCount{ color: #000!important; font-size: 12px!important; font-family: 'Nunito Sans', sans-serif!important; right: 12px!important; top: -9px!important; } .topbar .toplogin a.registrate, .topbar .toplogin a.forgot, .toplogin .separator{ font-size: 19px; color: #282828; } #Shop div#ShopContent #article-content > h1#Title{ background: none; } /*-----------part prod -----------------*/ .webshopTemplate #Shop div#ShopContent #Products.homeShopContent div#ProdNav { display: none; } section.content-pag #Shop div#ShopContent #article-content #Products #Items{ margin: 0 -15px!important; } section.content-pag #Shop div#ShopContent #article-content #Products #Items{ margin: 0 -15px!important; } section.content.webshop-content.content-pag.content-cat #Shop div#ShopContent #article-content a { text-decoration: none !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem { z-index: 9; background: #ededed; -webkit-flex: 0 0 22%; flex: 0 0 22%; width: 22%; box-shadow: none!important; display: inline-block!important; padding-bottom: 0!important; margin: 20px 15px!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover{ -webkit-box-shadow: 0px 0px 10px 0px rgb(40 40 40 / 14%)!important; box-shadow: 0px 0px 10px 0px rgb(40 40 40 / 14%)!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering { bottom: 0 !important; padding: 0 !important; } section.content.webshop-content.content-pag #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering { bottom: unset !important; left: unset !important; top: 15px !important; right: 15px !important; width: 27px !important; height: 26px !important; opacity: 1 !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container>div { display: none!important; } .webshopTemplate #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container img.nailthumb-image{ /* height: 100%!important;*/ height: 276px!important; object-fit: cover; } .webshopTemplate section.content-pag, .webshopTemplate section.content.webshop-content{ border-bottom: 1px solid black; } .webshopTemplate section.content-pag #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container img.nailthumb-image{ /* height: 100%!important;*/ } .webshopTemplate div#Shop div#ShopContent #ShopContent{ border-top: none!important; } /* .webshopTemplate #Shop div#ShopContent #Products.homeShopContent { background: url(../images/bg-pdts.jpg) no-repeat center top; background-size: cover; padding: 100px 0 107px!important; position: relative; overflow: hidden; z-index: 1; &:before{ position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgb(40 40 40 / 70%); z-index: -1; } &:after{ position: absolute; content: ""; left: 0; right: 0; top: 0; height: 49px; background: url(../images/bg-first-after.png) no-repeat center bottom; z-index: 1; } } */ #Shop div#ShopContent #article-content #Products div#ProdNav{ display: none; } /* #Shop div#ShopContent #article-content #Products .readmore{ display: table; min-width: 273px; background: #000; color: #282828; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 48px; text-align: center; margin: 52px auto 0; padding: 0; border-radius: 0; text-decoration: none; &:hover{ color: white; background: #c41c1e; } } */ .content-pag #Shop div#ShopContent #article-content #Products form#categoryArticles-pager #ProdNav #catalogDisplayOrder { display: none; } /* .content-pag #Shop div#ShopContent #Products h5 { position: relative; text-align: center!important; font-weight: 700; margin-bottom: 15px !important; padding-bottom: 0; font-size: 35px; color: #000; z-index: 1; } .content-pag #Shop div#ShopContent #Products p { font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; margin-bottom: 58px; color: #282828; text-align: center; letter-spacing: 0.06em; } */ .webshopTemplate #Shop div#ShopContent #article-content #Products #Items .ProdItem{ z-index: 9; } .webshopTemplate div#Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a{ background: #c41c1e!important; color: white!important; font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 17px!important; text-transform: inherit!important; } .webshopTemplate section.content.webshop-content.content-pag div#Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a { font-size: 0 !important; background: url(../images/panier.png)no-repeat center !important; padding: 0 !important; height: 19px; width: 24px; } .webshopTemplate section.content.webshop-content.content-pag div#Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a:hover { opacity: 0.8 !important; } .webshopTemplate div#Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage{ background-color: #000; display: none; } .webshopTemplate div#Shop div#ShopContent #article-content #Products #Items .ProdItem.promo::before{ width: 75px; height: 75px; line-height: 75px; background: rgb(40 40 40 / 80%)!important; font-weight: 600; font-size: 16px; font-family: 'Nunito Sans', sans-serif!important; color: white!important; } .webshopTemplate #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem > a .nailthumb-container { height: 276px !important; } .dialog-product-popup .dialog-product-added-inner { background: white; } .dialog-product-popup .dialog-product-added-inner h4 { text-align: center; } .dialog-product-popup .dialog-product-added-inner .dialog-product-wishlist-content { text-align: center; } .dialog-product-popup .dialog-product-added-inner .dialog-product-wishlist-content p { color: dimgray; } #Shop div#ShopContent #article-content #Products div#relatedArticles{ margin-top: 35px; } #Shop div#ShopContent #article-content #Products div#relatedArticles>p{ color: #282828; } .dialog-product-popup .dialog-product-added-inner .dialog-product-added-content{ color: #282828; } .content-pag #Shop div#ShopContent #Products .dialog-product-popup .dialog-product-added-inner .dialog-product-added-content h5 { text-align: left!important; } div.dialog-product-popup #modal-footer a[class*="dialog-product-added-btn"]{ background: #c41c1e; color: white; text-decoration: none; } div.dialog-product-popup #modal-footer a[class*="dialog-product-added-btn"]:hover{ background: #000; color: white; } div#Shop div#ShopContent #article-content #Products #Items .ProdItem>a .nailthumb-container span.nailthumb-title { font-weight: 400; color: #282828 !important; background: white; font-family: 'Nunito Sans', sans-serif; } div#Shop div#ShopContent #article-content #Products #Items .ProdItem:hover>a .nailthumb-container span.nailthumb-title { color: #282828 !important; background: white; } #Shop div#ShopContent #article-content #Products #Items .ProdItem.ListItem{ background: white; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container>div { background: #282828; min-height: 276px; } div#Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice { background: white; color: #282828!important; padding: 25px 5px 0; font-family: 'Nunito Sans', sans-serif; font-size: 18px; letter-spacing: 0; font-weight: 400; } div#Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice s { color: #282828; font-weight: 400; margin-top: -75px; font-size: 100%; } section.content.content-pag #ShopContent .slick-prev:before, section.content.content-pag #ShopContent .slick-next:before{ content: ""!important; opacity: 1; } /* Page inscription > message erreur*/ #messageDivCont { clear: both; padding: 5px 10px; height: auto; } /*-------------catalogue page interne ----------------------------*/ #Shop div#ShopContent #article-content nav.prev-next { height: 0; position: relative; left: 0; right: 0; z-index: 100; top: 0; height:40px; } #Shop div#ShopContent #article-content nav.prev-next .btnNext { right: 0; } #Shop div#ShopContent #article-content nav.prev-next .btnAnt { left: 0; } /*#Shop div#ShopContent #article-content nav.prev-next .btnNext, #Shop div#ShopContent #article-content nav.prev-next .btnAnt { position: fixed; top: 50%; }*/ #Shop div#ShopContent #article-content nav.prev-next .btnNext, #Shop div#ShopContent #article-content nav.prev-next .btnAnt { display: inline-block; font-size: 1em; line-height: 1.4; font-weight: normal; border-radius: 0; color: #fff; background: #c41c1e; padding: 12px 40px; border: none; cursor: pointer; outline: none; font-size: 0; line-height: 1em; padding: 0 15px; text-decoration: none; height: 50px; opacity: .6; } section.content.webshop-content.content-pag.content-cat #Shop div#ShopContent #article-content a { text-decoration: none !important; } #Shop div#ShopContent #article-content nav.prev-next .btnNext:hover, #Shop div#ShopContent #article-content nav.prev-next .btnAnt:hover { color: #000; } #Shop div#ShopContent #article-content nav.prev-next .btnNext:hover, #Shop div#ShopContent #article-content nav.prev-next .btnAnt:hover { opacity: 1; padding: 0 30px; } #Shop div#ShopContent #article-content nav.prev-next .btnNext:hover, #Shop div#ShopContent #article-content nav.prev-next .btnAnt:hover { color: #fff; background: #c41c1e; } #Shop div#ShopContent #article-content nav.prev-next .btnNext:after { content: '\f105'; } #Shop div#ShopContent #article-content nav.prev-next .btnAnt:after { content: '\f104'; } #Shop div#ShopContent #article-content nav.prev-next .btnNext:after, #Shop div#ShopContent #article-content nav.prev-next .btnAnt:after { font-family: 'FontAwesome'; font-size: 27px; line-height: 50px; } div#Shop div#ShopContent #Breadcrumbs{ background: #000; color: white; } div#Shop div#ShopContent #Breadcrumbs a{ color: white; } #Shop div#ShopContent #article-content #Products form#categoryArticles-pager div#ProdNav { display: none; } div#Shop div#ShopContent #article-content div#CatContent .outer { margin: 0; width: 100%; float: none; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery{ display: table!important; margin: 0 auto; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container{ height: 485px !important; width: 485px !important; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs { margin-right: auto; display: table; margin: 20px auto 0; } div#Shop div#ShopContent #article-content div#CatContent #markLogo { height: 150px; display: flex; justify-content: center; align-items: center; margin-top: 10px; } div#Shop div#ShopContent #article-content div#CatContent #markLogo .nailthumb-container { height: 100% !important; width: 200px !important; } div#Shop div#ShopContent #article-content div#CatContent #markLogo .nailthumb-container img { width: 100% !important; height: 100% !important; top: 0 !important; object-fit: contain; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li .nailthumb-container { width: 100px !important; height: 100px!important; box-sizing: content-box; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li .nailthumb-container img{ height: 100%!important; object-fit: cover; width: auto !important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li:hover{ border-color: #000!important; } div#Shop div#ShopContent #Products .Tabs ul.tabNavigation { text-align: center!important; margin: 0; padding: 0; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery li.medPhotoBox { padding: 0 !important; background: transparent; } div#Shop div#ShopContent #Products .Tabs ul.tabNavigation li { display: inline-block!important; background: transparent !important; padding: 0px !important; margin: 5px 5px !important; -webkit-transition: all .4s,font-size 0s; -o-transition: all .4s,font-size 0s; transition: all .4s,font-size 0s; background: url(../images/bg-tab.png) repeat center top!important; position: relative!important; } #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a, #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected { border: none!important; background: none!important; } div#Shop div#ShopContent #Products .Tabs ul.tabNavigation li a { color: #282828!important; line-height: 2.2em!important; font-size: 32px!important; display: block; cursor: pointer!important; text-decoration: none!important; padding: 2px 8px!important; font-weight: 400!important; font-family: 'Itim', sans-serif;!important; text-align: center!important; text-transform: inherit; } div#Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected { color: #282828; } section.content.webshop-content.content-pag { } div#Shop div#ShopContent #Products .Tabs ul.tabNavigation li a::after { content: ""; position: absolute!important; left: 50%!important; top: 85%!important; margin-left: -19px!important; width: 38px!important; height: 0!important; background: url(../images/hover-tab.png) no-repeat center bottom!important; transition: all 0.4s!important; } div#Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected::after, div#Shop div#ShopContent #Products .Tabs ul.tabNavigation li a:hover::after { height: 24px!important; } div#Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected:hover, div#Shop div#ShopContent #Products .Tabs ul.tabNavigation li a:hover { background: none; border: none; color: #282828; } div#Shop div#ShopContent #Products .Tabs div.TabContent { border: none; border-top: 1px solid white; padding: 20px 0; } div#Shop div#ShopContent #Products .Tabs div.TabContent#TabDescription>*:first-child, div#Shop div#ShopContent #Products .Tabs div.TabContent#Tabextra>*:first-child { padding-top: 0!important; margin-top: 0; } div#Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation { margin: 0 0 -40px; padding: 0; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent{ background: #e5e5e5; padding: 86px 107px; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent h1, div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent h2, div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent h3, div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent h4, div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent h5, div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent h6{ color: #282828; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent p, div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent ul li, div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent ol li{ color: #282828; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent a{ color: #c41c1e!important; text-decoration: underline!important; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent a:hover{ color: #000!important; text-decoration: none!important; } div#stockInfoOutOfStock { color: #c41c1e; margin-bottom: 25px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Decrease:hover::after, #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Increase:hover::after{ color: #000!important; } #Shop div#ShopContent div#accountRegister a.send{ background: #c41c1e !important; color: white!important; padding: 5px 15px; } #Shop div#ShopContent div#accountRegister a.send:hover, #Shop div#ShopContent div#accountRegister a.send:focus{ background: #000 !important; color: white!important; } /* Popup champ personnalisé */ #Shop div#ShopContent #Products #dialogModal.show { display: flex !important; justify-content: center; align-items: center; left: 0; right: 0; } #Shop div#ShopContent #Products #dialogModal .modal-dialog { text-align: center; } #Shop div#ShopContent #Products #dialogModal .modal-dialog .dialogModalTitle, .form-inline label, .form-inline input { color: #000; } #Shop div#ShopContent #Products #dialogModal .modal-dialog .form-inline input::placeholder { color: gray; } /**********************tabulation fiche produit ***********/ #optionsChoices ul { width: 100%; display: block; position: relative; z-index: 1; margin: 10px 0 0px 0; padding: 0px; overflow: visible; text-align: center; } section.content.webshop-content #Shop div#ShopContent #article-content div#CatContent #optionsChoices ul .tab { display: inline-block; background: transparent !important; padding: 0px !important; margin: 5px 5px !important; -webkit-transition: all .4s,font-size 0s; -o-transition: all .4s,font-size 0s; transition: all .4s,font-size 0s; background:url(../images/bg-tab.png) repeat center top!important; position:relative; } #optionsChoices ul .tab:after{ content:""; position:absolute; left:50%; top:85%; margin-left:-19px; width:38px; height:0; background:url(../images/hover-tab.png) no-repeat center bottom; transition:all 0.4s; z-index:1; } #optionsChoices ul .tab:hover:after,#optionsChoices ul .tab.selected:after, #optionsChoices ul li.active:after{ height:24px; } .tab a { color: #fff; line-height: 1.2em; font-size: 32px; display: block; cursor: pointer; text-decoration: none; padding: 2px 8px; font-weight:300; font-family: 'Itim', sans-serif;; text-align:center; background: #252525; } #optionsChoices div.active { padding: 20px; background: #d1d1d1; -webkit-box-shadow: 0 0 6px 0 rgb(255 255 255 / 50%); -moz-box-shadow: 0 0 6px 0 rgb(255 255 255 / 50%); box-shadow: inset 0 0 6px 0 rgb(255 255 255 / 50%); margin-bottom: 20px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox{ color: #282828; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a { margin-right: 0; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a:after { background: none; font-size: 26px; color: #282828; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a:hover:after { color: #000; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList { margin-bottom: 20px; background:#e5e5e5; padding: 80px 125px; margin-top: -40px; background-size: 100% 100%; box-sizing: border-box; position: relative; float: left; width: 100%; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListName { margin-bottom: 20px; font-weight: bold; display:none!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container { /* height: 100%!important;*/ padding-bottom: 0 !important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container::before { content: ''; position: relative; /* padding-bottom: 99.3333%;*/ display: block; background: #f2f2f2 url(../images/icon-photo.png) no-repeat center; background-size: contain; transition: background-color .4s; height: 276px; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container div{ height: auto!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container img.nailthumb-image { display: none!important; object-fit: contain!important; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .optionsListValueName { font-weight: 700; font-size: 22px; font-family: 'Nunito Sans', sans-serif; line-height:28px; color:white; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .optionsListValueName .price{ display:block; font-size: 22px; font-weight: 400; } #Shop div#ShopContent a.linkcat { color: white; font-size: 16px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices input[type="radio"],#Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices input[type="checkbox"], #optionsChoices2 input[type="checkbox"] { background: url(/media/images/chek.png) no-repeat left center; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 34px!important; height: 34px; transition: 0.2s all linear; position: relative; display: inline-block !important; vertical-align: top; opacity:1; z-index:1; margin-right: 10px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices input[type="radio"]:checked, #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices input[type="checkbox"]:checked, #optionsChoices2 input[type="checkbox"]:checked { background: url(/media/images/cheked.png) no-repeat left center; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .custom-control-input[type=checkbox]:checked ~ .optionsListValueName::after{ display:none; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .custom-control-label::after{ display:none; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox h2.titre-choix { color: #282828; font-size: 32px; text-transform: uppercase; margin: 70px 0 54px; padding: 0; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#choix ul { width: 33.333%; display: inline-block; } #Shop div#ShopContent #article-content #add-favorite-button{ text-align:right; } .custom-control{ display: inline-block; width: 32.333%; float:left; } .fa-heart-o:before { content: "\f08a"; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListSelect select.optionsListValue { border-color: #c41c1e; box-shadow: none !important; color: black; width: 100%; padding: 0 20px; } .encartSupplement { display: none; } .encartSupplement #choix li { background: url(../images/bullet.png) no-repeat left 6px !important; padding-left: 20px !important; margin-left: -20px !important; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox h2.titre-choix { color: #c41c1e; font-size: 40px; text-transform: inherit; margin: 70px 0 54px; padding: 0; font-weight: 400; display: block; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #personalizedChoice { text-align: left; display: block; clear: both; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #personalizedChoice label, #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #personalizedChoice input { color: #000; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #personalizedChoice input { background: transparent; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #personalizedChoice input::placeholder { color: gray; } /*--#optionsChoices2 ---*/ #optionsChoices2 { overflow: hidden; padding: 50px 0 140px; background: url(../images/motif.png) repeat center top; color: #282828; } #optionsChoices2 .optionsList { overflow: hidden; float: left; width: 33.33%; } #optionsChoices2 .optionsList .optionsListValue { display: block; width: 100%; line-height: 1.8em; padding: 0px; } #optionsChoices2 p { font-weight: 800; padding: 20px 0px; color: #282828; font-size: 40px; text-transform: inherit; margin: 0px 0 25px; font-family: 'Nunito Sans', sans-serif; line-height: 1.2em; } #optionsChoices2 .optionsListName { font-weight: 400; color: #282828; font-family: 'Nunito Sans', sans-serif; margin: 10px 0; } #Shop div#ShopContent .optionsListSelect{ position: relative; } #Shop div#ShopContent .optionsListSelect:after{ content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #7d7d7d; margin-top: -7px; } #Shop div#ShopContent #optionsChoices2 select{ background: white; color: #7d7d7d!important; height: 48px; position: relative; outline: none; padding-left : 10px } #Shop div#ShopContent #optionsChoices2 select .optionsListSelectItem{ background: #7d7d7d!important; color: white; font-size: 22px; font-weight: 400; font-family: 'Nunito Sans', sans-serif; } #Shop div#ShopContent #optionsChoices2 select .optionsListSelectItem:hover{ background: white; color: #7d7d7d!important; } .container.container-cat { width: 100%; padding: 0; } .container.container-cat div#Shop{ margin-left: 0; margin-right: 0; } .webshopTemplate #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm textarea#orderComment:focus{ background: white!important; border-color: #c41c1e!important; } a.optionsListValueGroup_More_Less { clear: both; display: table; padding: 30px 0 0; } .fa-plus-circle:before { content: '\f067'; font-family: 'FontAwesome'; } .fa-minus-circle:before { content:'\f068'; font-family: 'FontAwesome'; } a.optionsListValueGroup_More_Less i { font-style: inherit; } .price-top { display: none; } #Shop div#ShopContent #article-content div#CatContent h1#Title [itemprop="name"] { color:white; font-family: 'Itim', sans-serif;; font-size: 2em; line-height: 1.5em; font-weight: normal; margin: 0 0 10px; clear: both; border-top: 1px solid #c41c1e; margin-top: 80px; padding-top: 80px; display: none; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox h1#Title{ border-top: none; margin-top: 0; padding-top: 50px; background: transparent; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox #stockInfo{ text-transform:capitalize; } #Shop div#ShopContent #article-content div#CatContent h1#Title span#article-price { color: #000!important; font-size: 57px!important; line-height: 1em; font-weight: 300!important; margin: 5px 0; padding: 0; font-family: 'Itim', sans-serif;; text-align: right; } #Shop div#ShopContent #article-content div#CatContent h1#Title span#article-price span.strikePrice { color: #282828; font-weight: 300; display: block; } #Shop div#ShopContent #article-content #add-favorite-button { text-align: right; } div#Shop div#ShopContent #article-content div#CatContent .articleInfoBox #add-favorite-button a{ color: #c41c1e!important; border-color: #c41c1e!important; } .bloc-prix { background:#ededed; color: #282828; position: relative; } .bloc-prix:after{ content: ""; position: absolute; top: -63px; width: 100%; left: 0; height: 63px; background: url(../images/top-price.png) no-repeat center top; } .container-cat #Shop div#ShopContent,.container-cat #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox{ padding: 0; } .stock-article { background: #ededed; color: #282828; text-align: right; padding-bottom: 70px; } #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .displayMessageStockShortage{ background: transparent!important; color: #282828!important } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice { display: inline-block; float: initial; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice label { display: inline-block; float: left; font-family: 'Nunito Sans', sans-serif; font-weight: 700; font-size: 22px; vertical-align: middle; margin-right: 15px; color: #282828; padding-bottom: 0; margin-bottom: 0; padding-top: 12px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #qtychoice .qty-group { border: 2px solid #383838; border-radius: 18px; display: inline-block; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Decrease, #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Increase { border: none; padding: 40px 10px; width: auto; margin-top: -30px; vertical-align: middle; height: 60px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Decrease { border-right: 0; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Increase { border-left: 0; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Decrease::after { content: '\f068'; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Increase::after { content: '\f067'; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty{ background: transparent; border: none; color: #282828; font-weight: 700; font-size: 22px; font-family: 'Nunito Sans', sans-serif; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty:focus{ color: #000!important; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns{ float: none; margin-top: 25px; } section.content #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart{ background: #c41c1e; } section.content #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:hover{ background: #000; color: white; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart{ width: 219px; height: 64px; line-height: 64px; padding: 0; margin-top: -10px; background: #000; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:before{ display: none; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:hover{ background: #c41c1e; } #Shop div#ShopContent #Products .Tabs div.TabContent#TabDescription ul li, #Shop div#ShopContent #Products .Tabs div.TabContent#Tabextra ul li { list-style: none; position: relative; padding-left: 22px; line-height: 31px; } #Shop div#ShopContent #Products .Tabs div.TabContent#TabDescription ul li::before, #Shop div#ShopContent #Products .Tabs div.TabContent#Tabextra ul li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 19px; background: url(../images/bullet-shop.png) no-repeat left center; background: transparent; } .dialog-product-popup .dialog-product-added-content #modal-left-side .modal-left-product #product-modal-image { width: 110px; height: 110px; margin-bottom: 20px; } .dialog-product-popup .dialog-product-added-content #modal-left-side .modal-left-product #product-modal-image img{ width: 100%; } .dialog-product-popup .dialog-product-added-content #modal-left-side .modal-left-product { position: relative; padding: 10px 10px 10px 180px; line-height: 1.25em; text-align: left; } .modal-left-article-options ul { padding-left: 0; } .modal-left-article-options ul li{ background: url(../images/bullet-shop.png) no-repeat left center!important; padding-left: 22px!important; } .dialog-product-popup .dialog-product-added-content #modal-right-side{ text-align: left; background: rgb( 128 128 128 / 20%); } .encartSupplement #choix li::marker{ content: ""; } /*---*/ .webshopCheckoutTemplate #Shop div#ShopContent #article-content{ padding-top: 170px; } .webshopCheckoutTemplate div#Shop div#ShopContent #Breadcrumbs{ display: none; } .webshopTemplate #Shop div#ShopContent #Checkout a.Checkout:hover, .webshopTemplate #Shop div#ShopContent #Checkout a.Send:hover{ background: black!important; } .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps > li{ background: #e5e5e5; } .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active { background: #cccccc; } .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active::before,.webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active::after{ border-width: 0.9em 0 1em .75em; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery .medPhotoLink .nailthumb-container img { max-width: 100% !important; width: 100%!important; height: 100%!important; left: 0 !important; top: 0 !important; object-fit: cover; } /* .webshopTemplate #Shop div#ShopContent #Checkout ol li.Border input.field, .webshopTemplate #Shop div#ShopContent #Checkout ol li.Border input.Text,.webshopTemplate #Shop div#ShopContent #Checkout ol li.Border select,.webshopTemplate #Shop div#ShopContent #Checkout ol li.Border input.datepicker,.webshopTemplate #Shop div#ShopContent #Checkout ol li.Border input.timepicker,.webshopTemplate #Shop div#ShopContent #Checkout ol li.Border input.NomTel{ background: #282828; color: white!important; } */ .webshopTemplate #Shop div#ShopContent #Checkout ol li.Border .show-password input { margin: -3px 5px 0 0 !important; } #Shop div#Sidebar h2{ background: #c41c1e!important; border-color: #282828!important; } .LoggedIn { color: #000; } #Shop div#Sidebar ul#ShopNav a:hover{ color: #000!important; } #Shop div#Sidebar .searchForm label:before{ top: 25px; } .webshopTemplate #Shop div#ShopContent #Checkout ol li.Border .show-password label { width: auto !important; } .webshopTemplate #checkoutShippingBoxClickAndCollect .card .content{ background: white; } .webshopTemplate #checkoutShippingBoxClickAndCollect .encartRelais p { color: black; } .webshopTemplate #Shop #ShopContent #Checkout ol input, .webshopTemplate #Shop div#ShopContent #Checkout ol li.Border select { color: #282828; } .webshopTemplate #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm label.livrtxtmess{ background: #000!important; } .webshopTemplate #Shop div#ShopContent #Checkout ol table#checkoutDetail thead th { background: #000; } .webshopTemplate #Shop div#ShopContent #Checkout ol table#checkoutDetail .ProdPhoto img { border-color: #c41c1e; } .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps > li div.StepTitle a{ color: #c41c1e!important; } .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active::before{ border-color: #c41c1e #c41c1e #c41c1e transparent; } .webshopTemplate #Shop div#ShopContent #Checkout #catalog_cart_complete td .perso { display: block; width: 100%; clear: both; } .webshopTemplate #Shop #checkoutConfirmationBox table tr td p strong { color: #c41c1e !important; } .webshopTemplate #Shop div#Sidebar a.CartBtn{ background: #c41c1e; font-size: 15px !important; } .webshopTemplate #Shop div#Sidebar a.CartBtn:hover{ background: #000; } .webshopTemplate #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit:hover { background: white!important; color: #282828; } .webshopTemplate #Shop div#Sidebar #catalog_cart{ border-color: #c41c1e; } .webshopTemplate #Shop div#Sidebar{ background: #f2f2f2; } .webshopTemplate #Shop div#Sidebar h3 { border-bottom: 3px solid #c41c1e !important; color:#000 !important; } #Shop div#Sidebar #catalog_cart_mini { color:#282828 !important; } .webshopTemplate #Shop div#Sidebar .caddy-close{ z-index: 1; } .webshopTemplate #Shop div#Sidebar .caddy-close span { color: #000; } .webshopTemplate #Shop div#Sidebar .caddy-close span:hover { color: #c41c1e; } .webshopTemplate #Shop div#Sidebar ul.Cart li.row .optionsList.personalized { display: block; width: 100%; clear: both; font-weight: bold; } .btn-info { color: #fff; background-color: #000; border-color: #000; margin: 10px auto; text-decoration: none !important; } .btn-info:hover { background-color: #c41c1e; border-color: #c41c1e; } .webshopTemplate #Shop div#Sidebar ul.Cart li.row { background: transparent!important; } .webshopTemplate #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #personalizedChoice input{ border: 1px solid #c41c1e!important; } .webshopTemplate #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #personalizedChoice input:focus{ border-color: white!important; } #Shop div#ShopContent #Products .Tabs div.TabContent#TabRelated .ListItem .ProdPhoto { border-color: #282828!important; } #Shop div#ShopContent #Products .Tabs div.TabContent#TabRelated .ListItem .ProdPhoto .nailthumb-loading { width: 60px; height: 60px; } section.content-pag #Shop div#ShopContent #article-content #Products .pagesHolder span.counter { color: #282828; } #Shop div#ShopContent #Products .Tabs div.TabContent#TabRelated .ListItem .ProdPrice { color: white!important; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .ListItem:after{ border-color: #bfbfbf!important; } .webshopTemplate #Shop div#ShopContent #Checkout th, .webshopTemplate #Shop div#ShopContent #Checkout td strong { color: #282828!important; } section.webshop-content #Shop div#ShopContent { width: auto; max-width: 100%; float: none; } .webshopTemplate #Shop div#ShopContent #Checkout a.Checkout strong { color: #282828 !important; } .webshopTemplate #Shop div#ShopContent #Checkout a.Checkout:hover strong{ color: #282828 !important; } .webshopTemplate .topbar .toplogin{ background: #ededed; border: none; box-shadow: none; } .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps>li.Active { background: #c41c1e; color: white; } .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active::after { border-color: transparent transparent transparent #c41c1e; } .webshopTemplate .optionsListValueGroup { clear: both; padding-top: 15px; display: block; float: none; } #Shop div#Head a.CartBtn { display: none !important; } #Shop div#Head #catalog_cart_mini { display: none !important; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] { position: relative; overflow: hidden; padding-bottom: 120%; background: white url(../images/icon-photo.png) no-repeat center; /*background-size: 50%;*/ margin: 15px; box-shadow: 0 0 0 5px black; } #Shop div#ShopContent #article-content #CatSubCats{ /* margin: 75px 0 0;*/ } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover { box-shadow: 0 0 0 5px black; background-color: black; background: white url(../images/icon-photo.png) no-repeat center; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .foto-sub { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 101%; padding-bottom: 0; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .foto-sub { opacity: 1; left: 0; top: 0; padding: 0; transform: scale(1.2); } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle { position: absolute; left: 0; right: 0; padding: 13px 10px 15px!important; top: unset !important; color: white!important; font-size: 18px!important; font-weight: 400!important; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; background: #c41c1e !important; height: auto !important; word-wrap: break-word; bottom: 0 !important; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle::after { content: ''; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 30px; height: 2px; background: #c41c1e; pointer-events: none; opacity: .5; transition: opacity .4s; display:none; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .subCatTitle::after { opacity: 1; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .subCatTitle { background: #000!important; color: white; } #Shop div#ShopContent #article-content #Products .pagesHolder a{ background: #c41c1e!important; color: white!important; } #Shop div#ShopContent #article-content #Products .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .pagesHolder a.jp-current{ background: #000!important; color: white!important; } #Shop div#Head a.CartBtn { float: none; margin: 0; background: #c41c1e!important; color: white!important; order: 2; -webkit-flex: 0 0 auto; margin: 5px 0; } #Shop div#Head a.CartBtn:hover { background: #000!important; color: white!important; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset #subArticlesList .ListItem .bundleAddCart, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .ListItem .bundleAddCart, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .ListItem .bundleAddCart { background: #c41c1e!important; color: white!important; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset #subArticlesList .ListItem .bundleAddCart:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .ListItem .bundleAddCart:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .ListItem .bundleAddCart:hover { background: #000!important; color:white!important; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .pagesHolder a, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .pagesHolder a { background: #c41c1e!important; color: white!important; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a.jp-current, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .pagesHolder a.jp-current, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .pagesHolder a.jp-current { background: #000!important; color:white!important; } #Shop div#ShopContent #Checkout a.Checkout, #Shop div#ShopContent #Checkout a#checkoutContinue.Checkout, #Shop div#ShopContent #Checkout a.Send { background: #c41c1e!important; color: white!important; text-decoration: none; box-shadow: 0; border-radius: 0; font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: normal; padding : 5px 14px; text-align: center; display: inline-block; font-family: 'Nunito Sans', sans-serif; } /*#Shop div#ShopContent #Checkout a.Send { margin-top: 31px; }*/ #Shop div#ShopContent #Checkout a.Checkout{ margin-top: 15px; padding : 10px 50px; } #Shop div#ShopContent #Checkout a.Checkout:hover, #Shop div#ShopContent #Checkout a.Send:hover { color: white!important; background: #000!important; } #Shop div#Head a.CartBtn:first-child { margin: 0; order: 3; } #Shop div#ShopContent div#accountContent a.btn, #Shop div#ShopContent div#ProdContent a.btn { background: #c41c1e!important; color: white!important; } #Shop div#ShopContent div#accountContent a.btn:hover, #Shop div#ShopContent div#ProdContent a.btn:hover { background: #000!important; color:white!important; } #Shop div#ShopContent #ProdContent .Tabs div.TabContent input{ background: white!important; color: #282828; } #Shop div#ShopContent #ProdContent .Tabs div.TabContent input:focus{ background: #ccc!important; } #Shop div#ShopContent div#accountContent div#menu_my_account, #Shop div#ShopContent div#ProdContent div#menu_my_account{ background: white!important; } #Shop div#ShopContent div#accountContent div#menu_my_account a, #Shop div#ShopContent div#ProdContent div#menu_my_account a{ color: #c41c1e!important; } #Shop div#ShopContent #ProdContent .Tabs div.TabContent{ border-color: #c41c1e!important; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a.selected, #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a.selected:hover{ color: white!important; border-color: #c41c1e!important; background: #c41c1e!important; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.aTabDescription, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.aTabextra{ margin: 0; text-transform: inherit; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent ul{ margin-left: 12px; } form#user-new-password input[type="text"], form#user-new-password input[type="password"]{ background: white!important; } #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container > div{ height: auto!important; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent ol{ margin-left: -25px; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent ol li{ padding-left: 0; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox { padding: 0; } #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected:hover{ color: white!important; border-color: #000!important; background: #000!important; } section.content.webshop-content #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li{ background: none!important; margin: 0!important; padding: 0!important; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a{ background: white!important; border-color:#c41c1e!important; color: #282828; padding: 10px 15px 8px; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a:hover { background: #000!important; color: white!important; border-color: #282828!important; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent a:hover{ color: #282828; } section.content.webshop-content #Shop div#ShopContent #article-content div#CatContent .modal-left-article-options ul li{ background: url(../images/bullet.png) no-repeat left center !important; padding-left: 20px!important; } section.content .dialog-product-popup .dialog-product-added-inner h4, section.content .dialog-product-popup .dialog-product-added-inner h5{ color: #000!important; } section.content #Shop div#ShopContent #Checkout ol li.Border input.field, section.content #Shop div#ShopContent #Checkout ol li.Border input.Text, section.content #Shop div#ShopContent #Checkout ol li.Border select, section.content #Shop div#ShopContent #Checkout ol li.Border input.datepicker, section.content #Shop div#ShopContent #Checkout ol li.Border input.timepicker, section.content #Shop div#ShopContent #Checkout ol li.Border input.NomTel{ background: white!important; } .topbar .toplogin a{ color: #282828!important; } .ui-dialog .ui-dialog-titlebar-close { font-size: 0 !important; } .ui-dialog .ui-dialog-titlebar-close span { top: 2px; left: 2px; } #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDescription ul li, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#Tabextra ul li{ background: url(../images/bullet.png) no-repeat left 6px; line-height: inherit; margin-left: -20px; } .table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{ border-color: #5c5c5c!important; } .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th{ background-color: rgb(0 0 0 / 10%); } #Shop div#ShopContent #article-content div#CatContent.nophoto .articleInfoBox{ padding: 0; } #Shop div#ShopContent #Products form.categoryArticles-pager #ProdNav #catalogDisplayOrder select{ color: white; } #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel, #Shop div#ShopContent div#accountContent ul#edit-adress li input, #Shop div#ShopContent div#ProdContent ul#edit-adress li input, #Shop div#ShopContent div#accountContent ul#edit-adress li select, #Shop div#ShopContent div#ProdContent ul#edit-adress li select{ background: white !important; } #Shop div#Sidebar ul.Cart li.row a { color: #000 !important; } @media only screen and (max-width : 1199.98px) { /*--catalogue---*/ .webshopTemplate #Shop #mobile-sidebar { display: none; } div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent{ padding: 85px 40px 50px; } .webshopTemplate #Shop div#ShopContent #article-content div#CatContent .outer { width: 100%!important; } .webshopTemplate #Shop div#ShopContent #article-content #Products #Items{ margin: 0 -1%!important; } .webshopTemplate #Shop div#ShopContent #article-content #Products #Items .ProdItem { -webkit-flex: 0 0 23%; flex: 0 0 23%; margin: 20px 1%!important; width: 23%; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a{ font-size: 14px; padding: 10px 10px 8px; } .topbar .shopheader { margin-left: 0 !important; } } @media only screen and (max-width : 991.98px) { .grid-topbar { justify-content: center; position: relative; right: 0; top: 0; grid-template-columns: auto; justify-content: center; } div#Shop div#ShopContent #Products .Tabs ul.tabNavigation li a{ font-size: 20px !important; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto { left: 0 !important; top: 0 !important; margin: 0 !important; transform: none !important; width: 100% !important; height: 100% !important; position: relative !important; } .topbar .shopheader{ /* margin-right: 30px;*/ } /* .topbar .WishlistButton{ padding-right: 10px !important; } .topbar .WishlistButton a:before{ margin-right: 6px !important; } .topbar .account ul li a{ padding-left: 13px !important; } .topbar .account ul li a:before{ margin-right: 5px; } .topbar .caddy-button{ padding-left: 10px !important; margin-left: 13px !important; } .top-header .searchForm{ width: 120px; } */ /*******************************/ #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a{ padding: 10px 10px 8px; font-size: 11px; } /*----shop----*/ .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps>li.Active::before, .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps>li.Active::after { border-width:0.9em 0 1em .6em; } .webshopTemplate #Shop div#ShopContent #Checkout ol.Checkout-steps > li div{ font-size: 14px; } #Shop #mobile-sidebar { display: none!important; } .content-home #Shop div#ShopContent #Products p{ margin-bottom: 25px; font-size: 17px; } .content-home #Shop div#ShopContent #Products h5{ font-size: 40px; } #Shop div#ShopContent #article-content #Products #Items{ margin: 0 -1% !important } #Shop div#ShopContent #article-content #Products #Items .ProdItem{ -webkit-flex: 0 0 31.3% !important; flex: 0 0 31.3% !important; margin: 20px 1% !important; width: 31.3%; } .webshopTemplate #Shop div#ShopContent #article-content #CatSubCats li { width: 33.333%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 33.333%; } .webshopTemplate #Shop div#ShopContent #article-content div#CatContent .outer { width: 100%!important; } .webshopArticleTemplate #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList{ padding: 80px 40px; } .webshopTemplate #Shop div#ShopContent #Products.homeShopContent { padding: 60px 0 40px !important; } } @media only screen and (max-width : 767.98px) { .topbar .account ul li a{ font-size: 0; } /* .topbar .WishlistButton a{ font-size: 0; } */ .grid-topbar { align-items: start; /* margin-top: -20px;*/ } .topbar .shopheader{ margin: 0px auto !important; } /* .top-header{ border-bottom: none; } .topbar .shopheader>div { float: none; vertical-align: middle; display: inline-block; height: 30px; background-position: center top; } .topbar .shopheader>div a { vertical-align: top; } .topbar .WishlistButton { padding-right: 0; border-right: none; margin-right: 0; } .topbar .caddy-button .iconcaddy{ vertical-align: top; } .topbar .caddy-button { padding-right: 12px; margin-left: 0; padding-left: 15px; border-left: none; cursor: pointer; } .topbar .account ul li a::before{ padding: 0!important; margin-right: 0; } .topbar .WishlistButton a::before{ margin-right: 0px!important; } */ #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a{ font-size: 13px!important; } /* .topbar .caddy-button #CaddyCount{ top: -13px!important; } */ /*----catalogue--------*/ #Shop #mobile-sidebar { display: none!important; } .webshopTemplate #Shop div#ShopContent #article-content #Products #Items{ margin: 0 -1%!important; } .webshopTemplate #Shop div#ShopContent #article-content #Products #Items .ProdItem { -webkit-flex: 0 0 48%!important; flex: 0 0 48%!important; margin: 20px 1% !important; width: 48%; } .webshopTemplate #Shop div#ShopContent #article-content #CatSubCats li { width: 48%; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; } /* .webshopTemplate #Shop div#ShopContent #article-content #Products #Items .ProdItem>a .nailthumb-container,#Shop div#ShopContent #article-content #Products #Items .ProdItem>a.ProdNoPhoto .nailthumb-container>div{ height: 166px!important; }*/ .webshopTemplate div#Shop div#ShopContent #article-content #Products .Tabs div.TabContent{ padding: 60px 30px; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container { height: 300px !important; width: 300px !important; } .webshopArticleTemplate #optionsChoices2 .optionsList{ width: 100%; } .webshopArticleTemplate #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .optionsListValueName{ font-size: 16px; } .webshopArticleTemplate #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .optionsListValueName .price{ font-size: 16px; } .webshopArticleTemplate .custom-control{ width: 50%; } main.content-wrapper { padding: 30px 0 0; } div#Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a { font-size: 12px; padding: 20px; line-height: 10px; } #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage{ font-size: 14px !important; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList{ padding: 80px 15px; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .custom-control{ width: 50%; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto { left: 0 !important; top: 0 !important; margin: 0 !important; transform: none !important; width: 100% !important; height: 100% !important; position: relative !important; } div.dialog-product-popup #modal-footer a[class*="dialog-product-added-btn"] { margin: 0 auto 10px !important; } .dialog-product-popup .dialog-product-added-content #modal-left-side .modal-left-product #product-modal-image img { width: 110px !important; height: 70px !important; object-fit: cover; border: 1px solid #000; } .webshopCheckoutTemplate #Shop div#ShopContent #article-content { padding-top: 30px !important; } .image-resp .img-interne { max-width: 100% !important; width: auto; height: auto; } #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li{ float: none; margin: 0; } } @media only screen and (max-width : 480.98px) { /* --- */ #Shop div#ShopContent .optionsListSelect{ margin-left: 0; } div#Shop div#ShopContent #article-content div#CatContent .articleInfoBox #add-favorite-button a{ font-size: 14px; } #Shop div#ShopContent div#accountContent a.btn, #Shop div#ShopContent div#ProdContent a.btn{ font-size: 14px!important; padding: 12px 30px; } /*---*/ .topbar .toplogin{ margin-right: -125px!important; } .topbar .caddy-button{ margin-left: 0 !important; padding-left: 15px !important; } .header-mobile .topbar .shopheader{ display: block; padding-right: 0; } .topbar .WishlistButton { padding-right: 0; margin-right: 0; } .topbar .account ul li a, .topbar .WishlistButton a{ font-size: 0 !important; } .topbar .WishlistButton { padding-right: 0!important; margin-right: 0!important; } .topbar .shopheader { line-height: 15px!important; } .topbar .toplogin{ margin-top: 9px; } .topbar .toplogin::after{ margin-right: -8px; } .topbar .account ul li a{ padding-left: 15px!important; } /*---shop------*/ .webshopTemplate #Shop div#ShopContent #article-content #Products #Items .ProdItem { -webkit-flex: 0 0 98%!important;; flex: 0 0 98%!important;; width: 98%!important;; } /**/ #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .custom-control{ width: 100%; } #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .optionsListValueName{ font-size: 15px; } section.content-pag #Shop div#ShopContent #article-content #Products #Items { margin: 0 -1% !important; } /*---*/ .webshopTemplate #Shop div#ShopContent #article-content #CatSubCats li { width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .webshopArticleTemplate .tab a{ font-size: 17px; } .webshopArticleTemplate .custom-control{ width: 50%; } .webshopArticleTemplate #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices input[type="radio"], #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices input[type="checkbox"], #optionsChoices2 input[type="checkbox"],.webshopArticleTemplate #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices input[type="radio"]:checked, #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices input[type="checkbox"]:checked, #optionsChoices2 input[type="checkbox"]:checked{ background-size: 18px!important; width: 18px!important; height: 18px; } .webshopArticleTemplate div#Shop div#ShopContent #article-content div#CatContent .articleInfoBox #add-favorite-button a{ font-size: 15px!important; } div#Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container { height: 240px !important; width: 240px !important; } #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto { left: 0 !important; top: 0 !important; margin: 0 !important; transform: none !important; width: 100% !important; height: 100% !important; position: relative !important; } #Shop div#ShopContent div#accountContent table, #Shop div#ShopContent div#ProdContent table{ display: block; overflow: auto; } .webshopTemplate .tab a { font-size: 16px; } }