/************************************************************************************************************** *** GLOBAL *** **************************************************************************************************************/ .clear {clear: both;height: 0;line-height: 0;} /*******************************************************/ /*******************************************************/ /* TYPO */ .selectDelivery .country-change .panel-li, .fidelitySpace .wrapFidelity li.itemFidelity a, .accountEtam .menu-utility-user, .accountConnect .socialConnect .labelAccount, .accountConnect .socialConnect .separator span, .accountConnect .inputAccount label, .accountConnect .inputAccount .form-row-button .buttonAccountValid, .accountConnect .createAccount .wishAccount, .mini-cart-label, .mini-cart-total, .accountConnect ul .itemAccountOption.disconnect a, .accountConnect .welcome, .accountConnect ul .itemAccountOption a, .mini-cart-content .mini-cart-link-cart, ul.level-1 a.level-1, .menu-wrapper .title-top, .pt_product-search-result #secondary.refinements ul a, .toolbar .amount, .toolbar .view, .toolbar .refiner-block .show-all span, .filters-wrapper .block-layered-nav .field .label, .grid-2x .product-tile .product-description, .grid-3x .product-tile .product-description, .grid-4x .product-tile .product-description, .grid-5x .product-tile .product-description, .toolbar .mobileBar .icon-left, #backToTop, .toolbar .refiner-block .show-filters span, .toolbar .refiner-block .show-sort span, #footer .reassuFooterEtam .wrapReasu li, #footer .shareFooter .wrapShare .wordingShare, #footer .footerLinks .need-help .titleSubFooter, #footer .footerLinks .need-help .nh-p .num-help, #footer .footerLinks .subFooter .wrapSubFooter .titleSubFooter .titleItemFooter, #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter a, .pdp-main .go-back, .product-add-to-cart button, .pageCgv .tableau th, .cross-sell .product-description, .recommendations .product-description, .cross-sell button.quickviewShow, #QuickViewDialog .listVariation .titleQcSize, .middleBlock .back_in_stock_form_wrapper .back-in-stick-header, .middleBlock .back_in_stock_form_wrapper p.bold, .middleBlock .back_in_stock_form_wrapper .back-in-stock-register.button-fancy-large,.ui-dialog .ui-dialog-content.zoom .product-name, .pdp-beauty-main .atbConfirm .btnCheckout, .pdp-beauty-main .atbConfirm .btnShopping, .pdp-main .atbConfirm .btnCheckout, .pdp-main .atbConfirm .btnShopping, .sizesChart h1, .sizesChart .mainBloc-title, .sizesChart .mainBloc-title, .pt_cart .section-header, .pt_checkout .section-header, .pt_order .section-header, .pt_cart .item-details .itemRef .name, .pt_checkout .item-details .itemRef .name, .pt_order .item-details .itemRef .name, .pt_cart .order-totals-table .order-total td:first-child, .pt_checkout .order-totals-table .order-total td:first-child, .pt_order .order-totals-table .order-total td:first-child, .cart-actions .button-fancy-large, .pt_account #primary .connect-wrapper .col.login .link, .pt_account #primary .connect-wrapper .col.login .buttonAccountValid, .pt_account #primary .connect-wrapper .col.login .buttonCreateAccount, #shipping-method-list .country .form-row label, .pt_checkout .method .title, .pt_checkout .method>ul li>label, .pt_checkout .method .price, .pt_checkout .method .form-row label, .shippingAddressFields .closeAddressGuest, .fieldShip .actions #newShippingAddressApplyBtn, .endShip .form-row-button .button-fancy-large, .pt_checkout #selectStoreBtn, .pt_checkout #storeInfos, .pt_checkout .storeChangeLink, .pt_checkout #selectStoreBtn, .pt_checkout #storeInfos, .pt_checkout .storeChangeLink, .pt_checkout #selectStoreBtn, .pt_checkout #storeInfos, .pt_checkout .storeChangeLink, #secondary .section-header.btn-cmd, .osc#secondary .delivery div, .osc#secondary .delivery div, .osc#secondary .checkout-order-totals .order-totals-table td, #secondary.summary .name, #paymentMethod #gift-pay .form-row label, .pt_myAccount #primary .menuMyAccount .titleMyAccount, .pt_myAccount #primary .recapWrap .pushWrapAccount h2, .pt_account #primary #AddressForm .form-row label, .pt_account #primary #FidelityRegistrationForm .form-row label, .pt_account #primary #RegistrationForm .form-row label, .pt_account #primary #edit-address-form .form-row label, .pt_account #primary .fieldShip .form-row label, .pt_account #primary #AddressForm .form-row.form-account-button .buttonContinue, .pt_account #primary #FidelityRegistrationForm .form-row.form-account-button .buttonContinue, .pt_account #primary #RegistrationForm .form-row.form-account-button .buttonContinue, .pt_account #primary #edit-address-form .form-row.form-account-button .buttonContinue, .pt_account #primary .fieldShip .form-row.form-account-button .buttonContinue, .pt_myAccount #primary #FidelityRegistrationForm .form-row label span, .pt_myAccount #primary #FidelityRegistrationForm .form-row .buttonContinue, .pt_myAccount #primary #RegistrationForm .form-row .buttonContinue, .pt_myAccount #primary .recapWrap .pushWrapAccount h2, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .form-account-button button, .pt_myAccount #primary .recapAccount .menuMyAccount .titleMyAccount, .pt_myAccount #primary .recapAccount .menuMyAccount .titleMyAccount,.pt_myAccount #primary .menuMyAccount .wrapMyAccount, .pt_myAccount #primary .recapAccount .menuMyAccount .wrapMenuMobile .wrapMyAccount li a.active, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd.numberCmd span, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd.actionCmd .linkAction #addresses .section-header a, .address-list li .mini-address-title, .address-list li .actionAddresse a, .address-list li .mini-address-title, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .headerInfoAccount ul li, .C123_txt_format .tableau td, .wrap-desc .pageCgv .tableau td, .pdp-main .wrap-desc .nav-tab .wrap-ct .ct-nav .desc-ct, .avis-main .avis-content .top-avis .titleEkomiBottom, .pdp-beauty-main .wrap-desc .nav-tab .wrap-ct .ct-nav .it-tab .it-lk-tab, .pdp-main .wrap-desc .nav-tab .wrap-ct .ct-nav .it-tab .it-lk-tab, .avis-main .avis-content .top-avis .subName, .middleBlock .back_in_stock_form_wrapper .back-in-stick-header, .middleBlock .back_in_stock_form_wrapper p.bold, .middleBlock .back_in_stock_form_wrapper p.bold, .middleBlock .back_in_stock_form_wrapper .back-in-stock-register.button-fancy-large, .vip-block.confirm .confirm, .cart-coupon-code label, .pt_cart .section-header, .pt_checkout .section-header, .pt_order .section-header, .pt_cart .item-details .itemRef .name, .pt_checkout .item-details .itemRef .name, .pt_order .item-details .itemRef .name, .banner_basket_bottom p, .pt_account #primary #AddressForm legend, .pt_account #primary #FidelityRegistrationForm legend, .pt_account #primary #RegistrationForm legend, .pt_account #primary #edit-address-form legend, .pt_account #primary .fieldShip legend, .lastseen>p {font-family: roboto_condensedregular,sans-serif;} /*******************************************************/ /*******************************************************/ /* BODY */ body {margin:0;} /***************/ /* - DESKTOP - */ /***************/ @media (min-width: 1024px) { body{padding-top:111px;} } /************************************************************************************************************** *** HEADER *** **************************************************************************************************************/ /* - DESKTOP - */ @media (min-width: 1024px) { /* MIDDLE-HEADER | DESKTOP : Container */ header{max-height: 80px;} } /* - MOBILE - */ @media (max-width: 1023px) { /* MIDDLE-HEADER | MOBILE : Containers */ #header header .middleHeader .wrapComponent {padding: 0 0 10px 0;} #header header .middleHeader {padding: 0;float:initial;} #header header .headerTop {height: 30px;padding-top: 10px;margin-bottom: 0px;} #header header .headerTop .wrapComponent{text-align:right;} } /*******************************************************/ /*******************************************************/ /* PRE-HEADER: LINKS */ .selectDelivery .country-change .panel-li .delivery-change,.selectDelivery .country-change .panel-li span,.fidelitySpace .wrapFidelity li.itemFidelity a,.selectDelivery .country-change .panel-li span,.user-login {color: #606060 !important;} #header header .headerTop {background: transparent;} /* - DESKTOP - */ @media (min-width: 1024px) { /* DESKTOP : Liens à droite */ .accountEtam .accountConnect a,.accountEtam .slt_fidelity a,.accountEtam .storelocatorSpace a {color: white !important;} .selectDelivery .country-change .panel-li .delivery-change, .selectDelivery .country-change .panel-li span, .fidelitySpace .wrapFidelity li.itemFidelity a, .selectDelivery .country-change .panel-li span, .accountEtam a {text-transform:uppercase;} .fidelitySpace .wrapFidelity a{font-size:11px;} .fidelitySpace .wrapFidelity li.itemFidelity a {padding-right:0;} .fidelitySpace + .fidelitySpace .wrapFidelity .slt_fidelity {min-width: auto;} .storelocatorSpace .wrapFidelity .slt_fidelity a {position: relative;padding-left: 40px !important;} /* DESKTOP : Drill mon compte */ .accountConnect{box-shadow:none;padding-bottom:40px;} .accountConnect .welcome{margin-bottom:15px;padding-bottom:5px;font-size:14px;text-transform:uppercase;} .accountConnect ul .itemAccountOption a:before{display:none;} .accountConnect ul .itemAccountOption{height:auto;line-height: initial;padding: 3px 0;} .accountConnect ul .itemAccountOption a{line-height:initial;font-size:14px;} .accountConnect ul .itemAccountOption.disconnect a{font-size:10px;line-height:20px;padding-left:15px;} .accountConnect ul .itemAccountOption.disconnect a:before{line-height:16px;border:0;} .accountConnect ul .itemAccountOption.disconnect {top: -75px;right: -30px;} } /* - MOBILE - */ @media (max-width: 1023px) { /* MOBILE : Liens à droite */ .selectDelivery .country-change .panel-li .panel-links li, .selectDelivery .country-change .panel-li, .selectDelivery, .accountEtam .menu-utility-user, .accountEtam .menu-utility-user li { line-height: initial; height: initial; } /* MOBILE : Country selector */ .selectDelivery .country-change .panel-li .delivery-change{padding-left: 0px;} .selectDelivery { float:initial; padding-left: 0; padding-right: 15px; position:relative; top: 3px; } /* MOBILE : Mon compte + drill mon compte */ .selectDelivery, .wrapComponent .rl { float: initial; display: inline-block; } .accountConnect{width:100%;text-align:center;} .accountConnect.overActive{text-align:center;} .accountConnect ul .itemAccountOption.disconnect{right:-15px;} .accountConnect ul .itemAccountOption.disconnect a:before{height:14px;width:14px;line-height:14px;} .accountConnect ul .itemAccountOption.disconnect a{font-size:10px;padding-left:20px;color:white;} .accountConnect ul .itemAccountOption.disconnect a:before{border-color:white;} } /*******************************************************/ /*******************************************************/ /* LOGO */ /* - DESKTOP - */ @media (min-width: 1024px) { .primary-logo a.logo {width:90px;} .primary-logo {margin-top:-20px;height: initial;} } /* - MOBILE - */ @media (max-width: 1023px) { .primary-logo a {width: 60px;} .primary-logo, .primary-logo.active {top: -22px;margin-left: -79px;} } /*******************************************************/ /*******************************************************/ /* MINI-CART */ /* - DESKTOP - */ @media (min-width: 1024px) { /* DESKTOP : Mini-Cart Drill */ #mini-cart {margin-top: 14px;padding-left:26px;} #mini-cart {margin-top:5px;margin-right:0;} #mini-cart .buttonBasket{top: 0px;} #mini-cart .buttonBasket:before {font-size: 17px;margin-left: 1px;} #mini-cart .icon-basket2 {font-size: 21px;left: 0px;} #mini-cart .baseline-cart {top:20px;} .mini-cart-label, .mini-cart-total {font-size:16px;} .mini-cart-content{width:200px;max-width:initial;padding:20px;border-color:#949494;} #wrapper #header #mini-cart .mini-cart-image {padding-top:0px;} .mini-cart-content .mini-cart-productinfo .name{font-size:11px;line-height:14x;padding-bottom:0;text-transform: uppercase;padding-right: 13px;padding-top: 0;} .mini-cart-content .mini-cart-productinfo .attrGroup{display:none;} .mini-cart-content .mini-cart-productinfo .mini-cart-price, .mini-cart-content .mini-cart-productinfo .attribute {font-size:11px;line-height:13px;font-family: "roboto_condensedregular", sans-serif;} .mini-cart-content .mini-cart-subtotals{padding:10px 0 0;} .mini-cart-content .mini-cart-subtotals span{font-size:14px;font-family: "roboto_condensedregular", sans-serif;} .mini-cart-content .mini-cart-subtotals span.value{padding-left:2px;} .mini-cart-content .mini-cart-subtotals{margin: 10px 0;} .mini-cart-content .mini-cart-subtotals:before{bottom:auto;top:0} .mini-cart-content .mini-cart-link-cart{height:36px;line-height:36px;border-bottom:0;font-family: "roboto_condensedregular", sans-serif;} .mini-cart-content .mini-cart-productinfo .name:hover, .mini-cart-content .mini-cart-link-cart:hover {text-decoration:underline;} } @media (max-width: 1023px) { /* MOBILE : Mini-cart */ #header header .middleHeader .wrapComponent{padding-bottom:10px;} #mini-cart {padding-left:25px;padding-bottom:0;} #mini-cart .mini-cart-label, #mini-cart .mini-cart-total, #mini-cart .buttonBasket{margin-right: 15px;} #mini-cart .mini-cart-label, #mini-cart .mini-cart-total, #mini-cart .buttonBasket, .buttonSearchMobile, .buttonMenuEtam{line-height:23px;height:23px;} } /*******************************************************/ /*******************************************************/ /* NAVIGATION */ #navigation {border-bottom: 1px solid #d2d2d2;} /* NAVIGATION-HEADER : Drilldown .menu-wrapper .colMenu.type2+.colMenu.type2:last-child li img {width: auto;} .menu-wrapper .wrapSubMenu .menuWrapperTitle {display: none} .C123_drill_access_img {text-align: right;} .C123_drill_access_img a:hover img {opacity: 0.8;} .menu-wrapper .colMenu.type2:last-child .wrapItemMenu {padding: 0} */ .menu-wrapper {box-sizing: content-box;} .menu-wrapper .title-top {display: none;} .menu-wrapper a img:hover, .menu-wrapper a img:focus{opacity: 0.8;} /* - DESKTOP - */ @media (min-width: 1024px) { /* DESKTOP : Navigation */ ul.level-1 {margin:0; padding: 0;} #navigation ul.level-1 li.mainItem + li {margin-left: 20px;} ul.level-1 a.level-1 {font-size: 14px;} ul.level-1 li.mainItem + li {margin-left:22px;} ul.level-1 li.mainItem {min-width:30px;} ul.level-1 li:first-child{margin-right:0;} ul.level-1 .mainItem:focus a.level-1:before, ul.level-1 .mainItem:hover a.level-1:before { border-bottom: 4px solid #000; } /* DESKTOP : Navigation drilldown */ .menu-wrapper {width:370px !important;padding:20px !important;} .mainItem {position:relative;} .drilldown_left {float:left;width:195px;height:242px;box-sizing: border-box;overflow:hidden;} .drilldown_right {float:right;width:175px;height:242px;padding-left:20px;box-sizing: border-box;display:table;} .drilldown_pe18 ul.C123_tuile_push_links li {height:auto;min-width:auto;display:block;font-size:11px;line-height:14px;text-align:left;margin-bottom:8px;} .drilldown_right .C123_tuile_push_links {display: table-cell;vertical-align: middle;} .C123_titre_drill {text-transform:uppercase;font-family: "roboto_condensedregular", sans-serif;font-size:14px;margin-bottom:20px;} } /* - MOBILE - */ @media (max-width: 1023px) { /* MOBILE : Menu Burger */ .buttonMenuEtam:before {font-size: 19px;} .buttonMenuEtam { position: relative; top: -13px; width: 45px; } .menuEtamRs .buttonCloseRs {width:44px;height:44px;} .menuEtamRs .buttonCloseRs:before { font-size: 16px; } #mini-cart .icon-basket2 { top: -11px; } /* MOBILE : Navigation */ .menuEtamRs .buttonCloseRs {box-shadow:none;} #navigation nav ul.level-1 li a.level-1{font-size:14px;box-sizing: border-box;} #navigation nav ul.level-1 .activeSubMenu.active, #navigation nav ul.level-1 li+.mainItem {background: #f5f5f5;} #navigation nav ul.level-1 .activeSubMenu.active a.level-1{color:black;} #navigation nav ul.level-1 li a.level-1 .icoMenu:before, .menu-wrapper, #navigation nav ul.level-1 li a.level-1 .icoMenu {display:none !important;} .menuEtamRs .icon-close:before{border:none;} #navigation nav ul.level-1 li a:hover, #navigation nav ul.level-1 li a:focus{text-decoration:underline;} } /*******************************************************/ /*******************************************************/ /* RECHERCHE + DRILL RECHERCHE */ /* - DESKTOP - */ @media (min-width: 1024px) { /* DESKTOP : Recherche */ .header-search { height: auto;} .header-search input[type=text], .header-search fieldset:before { height:18px; font-size: 12px; line-height: 18px; height: 18px; } .header-search input[type=text] {font-size:12px;min-width:120px;width:120px;} .header-search input[type=text]:focus {border-left:1px solid #000;} /* DESKTOP : Drill recherche */ .search-suggestion-left-panel .search-suggestion-left-panel-hitgroup-header:nth-child(1), .search-suggestion-left-panel .search-suggestion-left-panel-hitgroup-header:nth-child(2) { display:block; font-family : 'roboto_condensedregular', sans-serif; text-transform:uppercase; font-size: 12px; line-height: 14px; } .search-suggestion-left-panel .search-suggestion-normal-link, .search-suggestion-left-panel-hit{font-family: 'roboto_condensedregular', sans-serif;} .search-suggestion-left-panel .search-suggestion-left-panel-hit, .search-suggestion-left-panel .search-suggestion-left-panel-hitgroup { line-height:20px; } .search-suggestion-right-panel .search-suggestion-normal-link { font-family: 'roboto_condensedregular', sans-serif; text-transform: uppercase; font-size: 12px; line-height:14px; padding-bottom:4px; } .search-suggestion-right-panel .search-suggestion-right-panel-product-price, .search-suggestion-right-panel .search-suggestion-right-panel-product-price .price-sales { font-size:12px; } .search-suggestion-right-panel .suggestProductLink, .search-suggestion-left-panel-hit { font-family: 'roboto_condensedregular', sans-serif; } .search-suggestion-right-panel .suggestProductLink{margin-top:0;padding-left:0;} .search-suggestion-right-panel-product:hover{background:none;} .search-suggestion-right-panel .suggestProductLink:before{display:none;} .search-suggestion-right-panel .suggestProductLink:after{ content: ">"; padding: 0 0 0 3px; } .showAllSuggest .buttonAllSuggest{ font-family: "roboto_condensedregular"; text-align: center; height: auto; font-size: 15px; line-height: 16px; padding: 15px 20px; } .search-suggestion-right-panel-product-details .search-suggestion-right-panel-product-name{padding-top:2px;} } /* - MOBILE - */ @media (max-width: 1023px) { /* MOBILE : RECHERCHE */ .header-search {top: 36px;} .header-search input[type=text]{font-size:16px;} .buttonSearchMobile.active { margin-top:0; height: 23px; line-height: 23px; } .accountConnect .inputAccount .inputRowAccount .form-row-button { margin-top: 0; padding: 0; vertical-align: bottom; } } /************************************************************************************************************** *** RESULTAT DE RECHERCHE *** **************************************************************************************************************/ /*******************************************************/ /*******************************************************/ /* Hauteur grid */ /* - SMALL DESKTOP - */ @media (min-width: 1024px) and (max-width: 1259px) { .fullWidth #search-result-items .grid-tile .a-side, .fullWidth #search-result-items .grid-tile .b-side, .fullWidth .grid-2x .product-tile .a-side, .fullWidth .grid-2x .product-tile .b-side, .fullWidth .grid-3x .product-tile .a-side, .fullWidth .grid-3x .product-tile .b-side, .fullWidth .grid-4x .product-tile .a-side, .fullWidth .grid-4x .product-tile .b-side { height: 290px !important; min-height: 290px !important; } } /* - WIDE DESKTOP - */ @media (min-width: 1260px) { .fullWidth #search-result-items .grid-tile .a-side, .fullWidth #search-result-items .grid-tile .b-side, .fullWidth .grid-2x .product-tile .a-side, .fullWidth .grid-2x .product-tile .b-side, .fullWidth .grid-3x .product-tile .a-side, .fullWidth .grid-3x .product-tile .b-side, .fullWidth .grid-4x .product-tile .a-side, .fullWidth .grid-4x .product-tile .b-side { height: 372px !important; min-height: 372px !important; } } /************************************************************************************************************** *** FOOTER **************************************************************************************************************/ /*******************************************************/ /*******************************************************/ /* Liens */ /* - DESKTOP - */ @media (min-width: 1024px) { /* DESKTOP : Reassurances */ #footer .reassuFooterEtam .wrapReasu li i.icon-delivery4:before, #footer .reassuFooterEtam .wrapReasu li i.icon-delivery6:before, #footer .reassuFooterEtam .wrapReasu li i.icon-free2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-help2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-lock2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-valid2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-wait2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-delivery2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-delivery:before, #footer .reassuFooterEtam .wrapReasu li i.icon-free:before, #footer .reassuFooterEtam .wrapReasu li i.icon-help:before, #footer .reassuFooterEtam .wrapReasu li i.icon-lock:before, #footer .reassuFooterEtam .wrapReasu li i.icon-valid:before, #footer .reassuFooterEtam .wrapReasu li i.icon-wait:before {font-size:36px;} #footer .reassuFooterEtam .wrapReasu li a{ padding-top: 6px; font-size: 12px; line-height: 16px; text-transform:uppercase; } /* DESKTOP : Social */ #footer .shareFooter .wrapShare{height: initial;} #footer .shareFooter .wrapShare .wordingShare {line-height: initial;} #footer .shareFooter .wrapShare .shareLink .wrapShareLink .itemShareLink a {font-size: 20px;} /* DESKTOP : Liens Footer */ #footer .footerLinks .need-help div:nth-child(4) {line-height: 16px;} #footer .footerLinks .subFooter .wrapSubFooter .titleSubFooter .titleItemFooter {margin-bottom: 17px;} #footer .footerLinks .subFooter .wrapSubFooter+.wrapSubFooter, #footer .footerLinks .subFooter .wrapSubFooter+.wrapSubFooter.md {padding-top: 16px;} #footer .footerLinks .subFooter .wrapSubFooter .itemSubfooter {line-height: 20px;} #footer .footerLinks .subFooter .wrapSubFooter .titleSubFooter+.titleSubFooter {padding-top:30px;} #footer .footerLinks .need-help .titleSubFooter, #footer .footerLinks .subFooter .wrapSubFooter .titleSubFooter .titleItemFooter, #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter:first-child>a, #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter a {font-size:15px;} /* DESKTOP : Liens Copyright */ #footer .footerUnder .copyright span {padding:0;} /* DESKTOP : BACK TO TOP BTN */ #backToTop {font-size:15px;} } /* - MOBILE - */ @media (max-width: 1023px) { /* MOBILE : Reassurances */ #footer .reassuFooterEtam .wrapReasu li { width: 50%; float: left; box-sizing: border-box; margin: 10px 0; } #footer .reassuFooterEtam .wrapReasu li .linkAssu { text-transform: uppercase; font-family: roboto_condensedregular; } #footer .reassuFooterEtam .wrapReasu li i.icon-delivery4:before, #footer .reassuFooterEtam .wrapReasu li i.icon-delivery6:before, #footer .reassuFooterEtam .wrapReasu li i.icon-free2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-help2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-lock2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-valid2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-wait2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-delivery2:before, #footer .reassuFooterEtam .wrapReasu li i.icon-delivery:before, #footer .reassuFooterEtam .wrapReasu li i.icon-free:before, #footer .reassuFooterEtam .wrapReasu li i.icon-help:before, #footer .reassuFooterEtam .wrapReasu li i.icon-lock:before, #footer .reassuFooterEtam .wrapReasu li i.icon-valid:before, #footer .reassuFooterEtam .wrapReasu li i.icon-wait:before {font-size:30px;} /* MOBILE : Liens Footer */ #footer .footerLinks .need-help .titleSubFooter, #footer .footerLinks .subFooter .wrapSubFooter .titleSubFooter .titleItemFooter, #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter:first-child>a, #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter a {font-size:13px;} #footer .footerLinks .subFooter .wrapSubFooter .titleSubFooter .linkSubFooter { background: #d6d6d6; padding-bottom: 20px; } #footer .footerLinks .subFooter .wrapSubFooter .titleSubFooter .linkSubFooter{border-bottom:1px solid #e9e9e9;} #footer > div:nth-child(3) > div > div > ul:nth-child(2) > li:nth-child(1) > a{padding-top:0;border-top: 1px dotted #000;} #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter:first-child {border-bottom: none;} #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter:nth-child(2)>a{padding-top:0;} /* MOBILE : E-komi */ #eKomiWidget_default {text-align:center;padding-bottom:20px;} /* MOBILE : Liens Copyright */ #footer .footerUnder .copyright span{padding:0;} #footer .footerUnder p, #footer .footerUnder .listUnderFooter ul li { font-size: 11px; line-height: 16px; } #footer .footerUnder .copyright{font-size:10px;} #footer .footerUnder .copyright span{padding:0;} /* DESKTOP : BACK TO TOP BTN */ html[lang='de'] #backToTop .icon-backtop:before {left:78px;} html[lang='nl-BE'] #backToTop .icon-backtop:before {left:65px;} } /*******************************************************/ /*******************************************************/ /* Icones CB */ #footer .ico_visa,#footer .ico_master_card,#footer .ico_american_express,#footer .ico_paypal,#footer .ico_eBleue,#footer .ico_bancontact, #footer .ico_sofort, #footer .ico_3x, #footer .ico_giropay {text-indent: -999em;display: inline-block;width: 35px;height: 22px;margin-right: 5px;} #footer .ico_eBleue {width: 55px;} #footer .ico_sofort {width: 66px;} #footer .ico_giropay {width: 43px;} #footer .ico_visa {background: url('../commun/icones/visa.png') no-repeat left top;} #footer .ico_master_card {background: url('../commun/icones/masterCard.png') no-repeat left top;} #footer .ico_american_express {background: url('../commun/icones/americanExpress.jpg') no-repeat left top;} #footer .ico_paypal {background: url('../commun/icones/payPal.png') no-repeat left top;} #footer .ico_eBleue {background: url('../commun/icones/eBleue.jpg') no-repeat left top;} #footer .ico_sofort {background: url('../commun/icones/sofort.png') no-repeat left top;} #footer .ico_giropay {background: url('../commun/icones/giropay.png') no-repeat left top;} #footer .ico_bancontact {background: url('../commun/icones/bancontact.png') no-repeat left top;} #footer .ico_3x {background: url('../commun/icones/fr_troisFoisSansFrais.png') no-repeat left top;} /* - MOBILE - */ @media (max-width: 1023px) { #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter.imgCard{ padding-top:20px; text-align:center; } #footer .ico_visa, #footer .ico_master_card, #footer .ico_american_express, #footer .ico_paypal, #footer .ico_eBleue, #footer .ico_bancontact, #footer .ico_sofort, #footer .ico_3x, #footer .ico_giropay {margin-right:12px;} } /************************************************************************************************************** *** FIL D'ARIANE **************************************************************************************************************/ .breadcrumb-element:last-child, .breadcrumb a { font-size: 10px; } /************************************************************************************************************** *** CATEGORY **************************************************************************************************************/ /*******************************************************/ /*******************************************************/ /* LEFT NAVIGATION */ /* - DESKTOP - */ @media (min-width: 1024px) { .pt_product-search-result #secondary.refinements ul a { font-size: 14px; font-family: 'roboto_condensedregular', sans-serif; } .pt_product-search-result #secondary.refinements ul .main-category-list li a, .pt_product-search-result #secondary.refinements ul .main-category-list li.active>a { font-family: roboto_condensedregular; font-size: 12px; line-height: 16px; } .pt_product-search-result #secondary.refinements ul .main-category-list li+li { margin-top: 7px; } .pt_product-search-result #secondary.refinements ul a:hover, .pt_product-search-result #secondary.refinements ul .main-category-list li.active>a { text-decoration: underline; } .pt_product-search-result #secondary.refinements ul .main-category-list li.active>a { letter-spacing: normal; } .main-category-list .cat-lineafter { padding: 0 } .pt_product-search-result #secondary.refinements>ul:not(.main-category-list):nth-child(2)>li>a, #secondary>ul>li>a { padding: 0 8px 0 0; } #secondary>ul>li>a { display: inline !important; background: white; z-index: 10; position: relative; } .pt_product-search-result #secondary.refinements ul .main-category-list { margin-top: 10px; } .main-category-list .cat-lineafter { border: 0; } #secondary>ul>li { position: relative; padding-bottom: 10px; } #secondary>ul>li:first-child { margin-top: 30px; } .pt_product-search-result .slot-grid-header {margin: 0;} .pt_product-search-result #secondary.refinements ul .main-category-list li.cat-lineafter a { margin-bottom: 0; } #secondary > ul.main-category-list.specialCat > li > a:hover, #secondary > ul:nth-child(2) > li:nth-child(1) > a:hover { cursor: text; text-decoration: none; } } /*******************************************************/ /*******************************************************/ /* GRID PRODUCT */ /* Filtre - swatch blanc */ .filters-wrapper .block-layered-nav .colors-list li.swatch-Weiss a, .filters-wrapper .block-layered-nav .colors-list li.swatch-Wit a { background-color: #ccc; } /* - DESKTOP - */ @media (min-width: 1024px) { /* DESKTOP : Tuile produit */ .search-result-content.grid-3x #search-result-items .grid-tile {padding-bottom: 20px;} /* DESKTOP : Titre et prix */ .search-result-content.grid-3x .search-result-items .grid-tile .product-description, .search-result-content.grid-4x .search-result-items .grid-tile .product-description, .search-result-content.grid-5x .search-result-items .grid-tile .product-description, .search-result-content.grid-3x .search-result-items .grid-tile .product-pricing, .search-result-content.grid-4x .search-result-items .grid-tile .product-pricing, .search-result-content.grid-5x .search-result-items .grid-tile .product-pricing {font-size:12px;line-height:16px;letter-spacing:0.2px;} .product-tile .product-pricing{padding-top:0;} .product-tile .product-new-price, span.price-standard~span.price-sales{font-weight:500;} .product-tile .product-pricing {margin-bottom: 8px;} /* DESKTOP : Swatch color */ #search-result-items .available-colors {margin-top:4px;} #search-result-items .available-colors .colors ul {padding:0;} #search-result-items .available-colors .colors ul li {margin-top:0px;} /* DESKTOP : E-komi */ .product-tile .wrap-star {min-height: auto;} .pt_product-search-result .product-tile .star-ek-note {margin-top:-8px;} .product-tile .star-ek-note .star-inactive, .product-tile .star-ek-note .star-active {top:0;} .product-tile .star-ek-note .avis-alert {top: 3px;} /* DESKTOP : Pagination */ .search-result-options { margin:0px; padding:0px; } .pagination {padding: 20px 0 50px;} .pagination ul { float: initial; text-align:center; } .pagination li { display: inline-block; float: initial; width: initial; height: initial; line-height: initial; padding: 0px; margin: 0 5px; width: initial; height: initial; line-height: initial; border: none; } .pagination li a {border : 1px solid gray;} .pagination li a:hover, .pagination li a:focus {border-color : black;text-decoration:underline;} .pagination li a, .pagination li.current-page { padding: 7px 12px; } .pagination li:before{margin-right:0;} } /* - DESKTOP WIDE - */ @media (min-width: 1260px) { /* DESKTOP WIDE : Grid 4x */ .grid-4x #search-result-items .grid-tile { min-height: auto !important;} /* DESKTOP WIDE : Grid 3x */ .search-result-content.grid-3x .search-result-items .grid-tile.twiceGrid {margin-bottom:30px;} /* DESKTOP WIDE : Grid 2x */ .grid-2x .product-tile .a-side, .grid-2x .product-tile .b-side {min-height: 634px !important;} .grid-2x #search-result-items .b-side .available-options {bottom: 0;} } /* - DESKTOP SMALL - */ @media (min-width: 1024px) and (max-width: 1259px) { /* DESKTOP SMALL: Grid 4x */ .grid-4x #search-result-items .grid-tile, .grid-4x .product-tile .a-side, .grid-4x .product-tile .b-side {min-height: 232px !important;} /* DESKTOP SMALL : Grid 3x */ .search-result-content.grid-3x .search-result-items .grid-tile {min-height:auto !important;} .search-result-content.grid-3x .search-result-items .grid-tile.twiceGrid, .search-result-content.grid-3x .search-result-items .grid-tile.twiceGrid:nth-child(3n+5) {margin-right:;} .search-result-content.grid-3x .search-result-items .grid-tile.twiceGrid:nth-child(3n+5) {margin-left:;} .grid-3x #search-result-items .grid-tile:nth-child(3n+3) {margin-right: 0;} .search-result-content.grid-3x .search-result-items .grid-tile .product-image img {height: 310px;} /* DESKTOP WIDE : Grid 2x */ .grid-2x .product-tile .a-side, .grid-2x .product-tile .b-side {min-height: 475px !important;} .grid-2x #search-result-items .b-side .available-options {bottom: 0;} } /* - MOBILE - */ @media (max-width: 1023px) { /* MOBILE : TOP GRID */ .nblistTitle h1{display:inline-block;margin-top:10px;} .toolbar .amount .nblistTitle{width: 100%;} .toolbar .refiner-block .show-sort, .toolbar .refiner-block .show-filters {width: 49%;} .toolbar .refiner-block>span:first-child {margin-right: 2%;} .toolbar .refiner-block>span {box-sizing: border-box;} .toolbar .mobileBar {display: none;} /* MOBILE : GRID */ #main .primary-content {overflow:hidden;} .search-result-content {margin-top: 10px;} #primary.list #search-result-items .grid-tile { width: auto; margin-left: 0; margin-right: 0; } #primary.list .primary-content.list .product-image {width: 30%;} #primary.list .pt_product-search-result .product-tile .star-ek-note {width: 70%;} #primary.list #search-result-items .available-colors .colors ul { margin-left: 30%; text-align: left; } #primary.list .product-tile .topRightFlag {position: static;} #primary.list .search-result-items .product-tile .topRightFlag img {margin-top: 0px;} #primary.image #search-result-items .grid-tile {width: auto;} #primary.grid #search-result-items .grid-tile { width: 49%; margin-left: 0px; margin-right: 0px; } .product-tile .a-side, .product-tile .b-side , .grid-2x #search-result-items .grid-tile, .grid-3x #search-result-items .grid-tile, .grid-4x #search-result-items .grid-tile {max-height:initial;min-height: initial !important;} .grid-2x #search-result-items .grid-tile, .grid-3x #search-result-items .grid-tile , .grid-4x #search-result-items .grid-tile {padding-bottom: 20px!important;} #primary #search-result-items .grid-tile, .search-result-content.grid-3x .search-result-items .grid-tile.twiceGrid{margin:0;} #primary.grid #search-result-items .grid-tile.col-odd, #primary.grid #search-result-items li.grid-tile:nth-child(odd) { margin-right: 2%; } .search-result-content.grid-3x .search-result-items .grid-tile.twiceGrid:nth-child(2n+2){margin-left: 0 !important;} /* MOBILE : Tuile - swiper*/ .product-tile .swiper_in_grid_navigation { width: 30px; height: 30px; line-height:30px; background : transparent; font-size: 25px; color: #000; text-align: center; font-family: icomoon; } .product-tile .swiper_in_grid_navigation--next:before{ content: "\e806"; } .product-tile .swiper_in_grid_navigation--prev:before{ content: "\e808"; } /* MOBILE : Tuile - Title*/ .search-result-content.grid-3x .search-result-items .grid-tile .product-description, .search-result-content.grid-4x .search-result-items .grid-tile .product-description, .search-result-content.grid-5x .search-result-items .grid-tile .product-description, .search-result-content.grid-3x .search-result-items .grid-tile .product-pricing, .search-result-content.grid-4x .search-result-items .grid-tile .product-pricing, .search-result-content.grid-5x .search-result-items .grid-tile .product-pricing {font-size: 11px;line-height: 14px;letter-spacing: 0.2px;} .pt_product-search-result .product-tile .star-ek-note {margin-top:0;} .product-tile .star-ek-note .avis-alert {top: 4px;font-size: 10px;} /* MOBILE : Tuile - Swatch color */ #search-result-items .available-colors .colors ul li { width: 20px; height: 20px; margin: 6px; } /* MOBILE : Pagination */ .pagination {padding-top:10px;} .pagination ul {text-align:center;} .pagination li{float:initial;} .pagination li, .pagination li a { width: 30px; height: 30px; line-height: 30px; } .pagination li:first-child, .pagination li {margin: 3px;vertical-align:top;} } /*******************************************************/ /*******************************************************/ /* Filtres */ /* - MOBILE - */ @media (max-width: 1023px) { /* MOBILE : Filtre */ .filters-wrapper .block-layered-nav { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .filters-wrapper .block-layered-nav {padding: 20px;} .filters-wrapper .block-layered-nav .filter-options, .filters-wrapper .block-layered-nav .sort-options {width:100%;} .toolbar {margin-bottom:0;} .toolbar .amount{min-height:26px;margin-top:0;} .nblistTitle h1 {margin-top: 0;} .toolbar .refiner-block{margin-top:10px;} .toolbar .refiner-block .show-filters, .toolbar .refiner-block .show-sort { height: 40px;} .toolbar .refiner-block .show-filters span, .toolbar .refiner-block .show-sort span {letter-spacing: 0.2px;} .toolbar .refiner-block>span {line-height: 40px !important;} .toolbar .refiner-block .show-filters .icoFilt, .toolbar .refiner-block .show-sort .icoFilt { bottom: -2px; } .filters-wrapper .block-layered-nav .filter-options, .filters-wrapper .block-layered-nav .sort-options {padding:0;} .filter-options .field:nth-child(1), .filters-wrapper .block-layered-nav .field {margin-top:0px;} .filters-wrapper .block-layered-nav .field {padding-bottom:10px;} /* MOBILE : Filtre label */ .filters-wrapper .block-layered-nav .field .label {font-size:14px;margin-bottom:10px;} /* MOBILE : Filtre taille */ .filters-wrapper .block-layered-nav .size-list li li{margin-right:15px;margin-bottom:15px;} .filters-wrapper .block-layered-nav .size-list a { width: 35px; height: 35px; line-height: 35px; font-weight: 400; } /* MOBILE : Filtre couleur */ /* MOBILE : Filtre prix tri */ .filters-wrapper .block-layered-nav .field .label, .filters-wrapper .price-list li{font-weight: 400;} .filters-wrapper .price-list a {color:black;} .filters-wrapper .price_cursor {padding-left:10px;} } /* - DESKTOP - */ @media (min-width: 1024px) { .filters-wrapper .block-layered-nav .field .label {font-weight: normal;font-size: 16px;} } /*******************************************************/ /*******************************************************/ /* Maillage SEO Pixalione */ .pixallione-auto {margin-top: 10px;} .pixallione-auto, .pixallione-auto li { font-size: 11px; line-height: 14px; font-family: 'open_sans', sans-serif; color: #333; text-transform: lowercase } .pixallione-auto ul,.pixallione-auto li {display: inline;} .pixallione-auto li a:hover {text-decoration: underline;} .pixallione-auto li:first-child {padding: 0;} .pixallione-auto li:after {content: ",";} .pixallione-auto li:last-child:after {content: ".";} /*******************************************************/ /*******************************************************/ /* Tuiles cat + Drill - code html commun */ .C123_bg_resizer{display:block}.C123_tuile_nextlinks,.C123_tuile_souscat{position:relative;box-sizing:content-box;display:table;vertical-align:middle;text-transform:uppercase}.C123_tuile_nextlinks{outline:6px solid lightgray;outline-offset:-6px}.C123_tuile_souscat{outline:1px solid black;outline-offset:-1px}.C123_tuile_cadre{outline:1px solid lightgray;outline-offset:-10px;box-sizing:content-box}.C123_tuile_content_links{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0;width:80%}.C123_tuile_content_links ul{padding-top:10px;text-align:center;}.C123_tuile_content_links li{font-size:12px;line-height:30px;display:block}.C123_nextlink_title,.C123_tuile_souscat .C123_tuile_content_links li{font-family:'Roboto_condensedregular',sans-serif;color:#000;text-align:center}.C123_tuile_content_links li:last-child{margin-bottom:30px}.C123_nextlink_title{font-size:16px;line-height:18px;position:relative;display:block;text-align:center!important;width:100%}.C123_nextlink_title span{background:#fff;position:relative;z-index:10;padding:0 5px}.C123_tuile_content_links button,.C123_tuile_content_links .input-text{border:1px solid #000!important;width:90%;margin:0 auto;float:none;font-size:12px;padding:0 5px;display:block;height:40px;line-height:40px;box-sizing:initial}.C123_tuile_content_links .input-text{color:#000}.C123_tuile_content_links button{color:#fff;margin-top:5px;background:#000}.C123_nextlink_title:first-child:before{content:" ";display:block;border-bottom:1px solid #000;position:absolute;top:9px;z-index:0;width:100%}.C123_tuile_content_links button:hover,.C123_tuile_content_links button:focus{text-decoration:underline}.C123_tuile_nextlinks form input.error{border-color:#eb1d43!important}.C123_tuile_nextlinks form span.error{font-size:11px;line-height:13px;color:#eb1d43;text-transform:initial;text-align:center;display:block}.C123_tuile_push_links a,.C123_tuile_push_links a{text-decoration:none}.C123_tuile_push_links a:hover,.C123_tuile_push_links a:focus{text-decoration:underline}.C123_tuile_content_links .form-row p{padding-top:15px}.search-result-content.grid-4x .C123_nextlink_title{font-size:14px}.search-result-content.grid-5x .C123_nextlink_title{font-size:12px}.search-result-content.grid-5x .C123_tuile_content_links ul,.search-result-content.grid-5x .C123_tuile_content_links .form-row p{padding-top:5px}.search-result-content.grid-4x .C123_tuile_content_links li{font-size:12px;line-height:18px}.search-result-content.grid-5x .C123_tuile_content_links li{font-size:11px;line-height:16px}.search-result-content.grid-4x .C123_tuile_content_links .form-row p{padding-top:10px}.search-result-content.grid-4x .C123_tuile_content_links .form-row p,.search-result-content.grid-5x .C123_tuile_content_links .form-row p{height:auto}.search-result-content.grid-4x .C123_tuile_content_links button,.search-result-content.grid-4x .C123_tuile_content_links .input-text,.search-result-content.grid-5x .C123_tuile_content_links button,.search-result-content.grid-5x .C123_tuile_content_links .input-text{height:30px;line-height:30px}@media (min-width:1023px) AND (max-width:1259px){.C123_tuile_content_links .form-row p{padding-top:5px}.C123_tuile_content_links button,.C123_tuile_content_links .input-text{height:30px;line-height:30px}.C123_nextlink_title{font-size:14px}.C123_tuile_content_links li{line-height:18px}.C123_tuile_content_links li:last-child{margin-bottom:15px}.search-result-content.grid-4x .C123_tuile_content_links li{font-size:11px;line-height:16px}.search-result-content.grid-4x .C123_nextlink_title{font-size:12px}.search-result-content.grid-4x .C123_tuile_content_links ul,.search-result-content.grid-4x .C123_tuile_content_links .form-row p{padding-top:5px}.search-result-content.grid-4x .C123_tuile_content_links li:last-child{margin-bottom:5px}.search-result-content.grid-5x .C123_tuile_content_links form{display:none}}@media (max-width:690px){.C123_tuile_content_links ul,.C123_tuile_content_links .form-row p{padding-top:5px}.C123_tuile_content_links li{font-size:11px;line-height:20px}.C123_tuile_content_links button,.C123_tuile_content_links .input-text{height:30px;line-height:30px}.C123_tuile_content_links li:last-child{margin-bottom:10px}}@media (max-width:573px){.C123_nextlink_title{font-size:11px}}@media (min-width:401px) AND (max-width:500px){.C123_tuile_content_links li:nth-child(4),.C123_tuile_content_links li:nth-child(5){display:none}.C123_tuile_content_links li:nth-child(3){margin-bottom:10px}}@media (max-width:400px){.C123_nextlink_title:first-child:before{top:16px}.C123_nextlink_title span{display:block;width:70%;margin:0 auto}.C123_nextlink_title{font-size:12px;line-height:14px}.C123_tuile_content_links li:nth-child(3),.C123_tuile_content_links li:last-child{margin-bottom:0}.C123_tuile_content_links li:nth-child(4),.C123_tuile_content_links li:nth-child(5){display:block}.C123_tuile_content_links form{display:none}} /* - DESKTOP - */ /* tuile sous cat desktop avec bg image */ @media (min-width:1024px){ .C123_tuile_souscat_accessoires, .C123_tuile_souscat_jupes, .C123_tuile_souscat_mailles, .C123_tuile_souscat_manteaux, .C123_tuile_souscat_pantalons, .C123_tuile_souscat_robes, .C123_tuile_souscat_tops, .C123_tuile_souscat_vestes { outline: 0; outline-offset: 0; background-size: 100% !important; } .C123_tuile_souscat_accessoires {background: url('../animation/tuiles/bg_tuile_content_sous_cat_accessoires.jpg') no-repeat left top;} .C123_tuile_souscat_jupes {background: url('../animation/tuiles/bg_tuile_content_sous_cat_jupes.jpg') no-repeat left top;} .C123_tuile_souscat_mailles {background: url('../animation/tuiles/bg_tuile_content_sous_cat_mailles.jpg') no-repeat left top;} .C123_tuile_souscat_manteaux {background: url('../animation/tuiles/bg_tuile_content_sous_cat_manteaux.jpg') no-repeat left top;} .C123_tuile_souscat_pantalons {background: url('../animation/tuiles/bg_tuile_content_sous_cat_pantalons.jpg') no-repeat left top;} .C123_tuile_souscat_robes {background: url('../animation/tuiles/bg_tuile_content_sous_cat_robes.jpg') no-repeat left top;} .C123_tuile_souscat_tops {background: url('../animation/tuiles/bg_tuile_content_sous_cat_tops.jpg') no-repeat left top;} .C123_tuile_souscat_vestes {background: url('../animation/tuiles/bg_tuile_content_sous_cat_vestes.jpg') no-repeat left top;} .C123_tuile_souscat .C123_tuile_content_links li:last-child {margin-bottom: 0px;} .C123_tuile_souscat .C123_tuile_content_links { padding: 60px 20px; width: 70%; background-color: rgba(255, 255, 255, 0.9); } .C123_nextlink_title:first-child:before{display:none;} .C123_nextlink_title span {background:none;} .C123_tuile_souscat .C123_nextlink_title:first-child span{position:relative;} .C123_tuile_souscat .C123_nextlink_title:first-child span:before, .C123_tuile_souscat .C123_nextlink_title:first-child span:after{ content:" "; display:block; border-bottom:1px solid #000; position:absolute; top:12px; z-index:0; width:20px; } .C123_tuile_souscat .C123_nextlink_title:first-child span:before{left: -20px;} .C123_tuile_souscat .C123_nextlink_title:first-child span:after {right: -20px;} .C123_tuile_souscat .C123_tuile_content_links{ top: initial; left: 50%; bottom: 8%; transform: translateX(-50%); } .grid-2x .C123_nextlink_title {font-size:18px;line-height:20px;} .grid-2x .C123_tuile_souscat .C123_tuile_content_links li {font-size: 14px;line-height:30px;} .grid-3x .C123_tuile_souscat .C123_tuile_content_links {padding: 30px 20px;} .grid-3x .C123_tuile_souscat .C123_tuile_content_links li{line-height:24px;} .grid-4x .C123_tuile_souscat .C123_nextlink_title:first-child span:before, .grid-3x .C123_tuile_souscat .C123_nextlink_title:first-child span:after{top:9px;} .grid-4x .C123_tuile_souscat .C123_tuile_content_links{padding: 15px 20px;} .search-result-content.grid-4x .C123_tuile_content_links li {font-size:11px;} .search-result-content.grid-4x .C123_tuile_content_links ul{padding-top:4px;} } /* - MOBILE - */ @media (max-width:1023px){ .C123_nextlink_title:first-child:before{ content:" "; display:block; border-bottom:1px solid #000; position:absolute; top:9px; z-index:0; width:100% } .C123_tuile_souscat .C123_nextlink_title:first-child:before{ width:70%; left:50%; transform: translateX(-50%); } } /* Bandeaux jeans */ .C123_cat_jeans_souscat a{text-decoration:underline;white-space:nowrap}.C123_cat_titre_jeans sup{font-size:.5em}@media screen and (min-width:980px){.C123_cat_jeans_souscat .C123_jeans_txt_content a{color:#fff}.C123_txt_big{font-size:16px}.C123_cat_jeans_souscat{background:#364059;color:#fff;outline:1px solid #fff;outline-offset:-10px}.C123_jeans_cadre{outline:4px solid #fff;outline-offset:-18px;display:table}.C123_cat_titre_jeans{width:38%;display:table-cell;vertical-align:middle;text-align:center;box-sizing:content-box;padding:0 3%;font-size:53px;color:#fff;font-family:'open_sans_condensedbold',sans-serif;text-transform:uppercase}.C123_cat_titre_jeans span,.C123_cat_titre_jeans span:before,.C123_cat_titre_jeans span:after{display:inline-block}.C123_cat_titre_jeans span:before,.C123_cat_titre_jeans span:after{content:"";height:6px;width:16px;background:#fff;box-sizing:border-box;position:relative}.C123_cat_titre_jeans span:before{left:-5px;top:-16px}.C123_cat_titre_jeans span:after{left:5px;top:-16px}.C123_cat_jeans_souscat p{margin-top:20px}.C123_cat_jeans_souscat h2{font-size:18px;line-height:22px;text-transform:uppercase;font-family:'open_sans_condensedbold';margin:0}.C123_jeans_txt_content{width:62%;display:table-cell;vertical-align:middle;box-sizing:content-box;padding-right:3%}.C123_cat_jeans_souscat_jean-7-8 .C123_jeans_txt_content{background:url(../animation/permanent/jeans/coupe_78.png?$staticlink$) no-repeat left center}.C123_cat_jeans_souscat_jeans-droits .C123_jeans_txt_content{background:url(../animation/permanent/jeans/coupe_droit.png?$staticlink$) no-repeat left center}.C123_cat_jeans_souscat_jean-flare .C123_jeans_txt_content{background:url(../animation/permanent/jeans/coupe_flare.png?$staticlink$) no-repeat left center}.C123_cat_jeans_souscat_jeans-slim .C123_jeans_txt_content{background:url(../animation/permanent/jeans/coupe_slim.png?$staticlink$) no-repeat left center}.C123_cat_jeans_souscat,.C123_jeans_cadre{background:url(../animation/permanent/jeans/bg_cat_denim.jpg?$staticlink$) no-repeat left top}}@media screen and (min-width:1260px){.C123_cat_jeans_souscat,.C123_jeans_cadre{height:300px;width:1240px;background-size:100%}.C123_cat_jeans_souscat .C123_jeans_txt_content{padding-left:127px}}@media screen and (min-width:980px) and (max-width:1260px){.C123_cat_jeans_souscat,.C123_jeans_cadre{height:237px;width:980px;background-size:100%}.C123_cat_jeans_souscat .C123_jeans_txt_content{background-size:10%;padding-left:80px}}@media screen and (min-width:480px) and (max-width:980px){.C123_cat_titre_jeans{font-size:27px;line-height:28px;font-family:'open_sans_condensedbold';text-transform:uppercase}}@media screen and (max-width:980px){.C123_jeans_txt_content{width:100%;height:auto;background:url(../animation/permanent/jeans/bg_cat_denim.jpg?$staticlink$) left top;outline:1px solid #fff;outline-offset:-10px;padding:40px;box-sizing:border-box;color:#fff}.C123_cat_jeans_souscat h2{font-size:1.1rem;line-height:1.2rem;font-family:'open_sans_condensedbold';text-transform:uppercase}.C123_jeans_cadre p{margin-top:10px}.C123_jeans_txt_content a{color:#fff}}@media screen and (max-width:479px){.C123_cat_titre_jeans{font-size:1.2rem;line-height:1.2rem;font-family:'open_sans_condensedbold';text-transform:uppercase}.C123_cat_jeans_souscat h2{font-size:.9rem;line-height:1rem}} /************************************************************************************************************** *** PRODUCT PAGE *** **************************************************************************************************************/ /* VIP */ .vip-block.confirm .confirm{font-weight:400;font-size: 13px;margin-bottom: 10px;} .vip-block.confirm p{left:0;} /* - DESKTOP - */ @media (min-width: 1024px) and (max-width: 1259px) { .pixallione-information {max-width: 980px;margin: 0 auto;} .cross-sell li, .recommendations li{margin-left: 17px !important;} } @media (min-width: 1260px) { .pixallione-information {max-width: 1240px;margin: 0 auto;} .cross-sell li, .recommendations li{margin-left: 19px !important;} } @media (min-width: 1024px) { /* DESKTOP : Btn retour : réduction de la taille */ .pdp-main .go-back {padding: 8px 0;} .pdp-main .go-back a {font-size: 14px;} /* DESKTOP : Description */ .pdp-main .wrap-desc .nav-tab .wrap-ct .ct-nav.active {padding-bottom: 30px;} .pageCgv .tableau table {width: 100%;} .C123_txt_format .tableau td, .pdp-main .wrap-desc .nav-tab .wrap-ct .ct-nav .desc-ct { font-size: 12px; line-height: 18px; } /* DESKTOP : Crossell */ .csWear .cross-sell .product-cross-sell .wrap-star, .product-tile .wrap-star { margin-top: 10px; } .csWear .cross-sell .product-cross-sell .product-tile .star-ek-note .avis-alert, .product-tile .star-ek-note .avis-alert { top: 0; } .csWear .cross-sell .product-cross-sell .arrowQuick, .cross-sell button.quickviewShow {padding-top:10px;} .pt_product-details .cross-sell h2, .pt_product-details .recommendations h2 {margin-bottom:50px;} .pt_product-details .cross-sell li , .pt_product-details .recommendations li{width: 28%;} .pt_product-details .cross-sell > li:nth-child(2), .pt_product-details .recommendations > li:nth-child(2){margin-left:0;} .product-tile .star-ek-note div ul li {margin: 0 !important; padding:0 !important;} /* DESKTOP : E-komi descr + bas */ .avis-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckNote p .avis-ek-mb, .pdp-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckNote p .avis-ek-mb { font-size: 30px; } .avis-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckNote, .pdp-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckNote{width:22%;} /* DESKTOP : E-komi bas */ .avis-main .avis-content #ekom-123.ek .hd-ek .txt-ek {margin-bottom:20px;} .avis-main .avis-content .top-avis .titleEkomiBottom {font-size:18px;margin-bottom:20px;} .avis-main .avis-content .top-avis .subName {font-style:normal;} .avis-main .avis-content .top-avis .avis-ek-mb {font-size: 26px;} .avis-main .avis-content .top-avis .star-ek-note .star-active .list-star li , .avis-main .avis-content .top-avis .star-ek-note .star-inactive .list-star li{font-size: 16px;} .avis-main .avis-content .top-avis .star-ek-note .star-inactive, .avis-main .avis-content .top-avis .star-ek-note, .avis-main .avis-content .top-avis .star-ek-note .star-inactive .list-star, .avis-main .avis-content .top-avis .star-ek-note .star-active .list-star {width: 100px;} .avis-main .avis-content #ekom-123.ek .wrapListEk .list-wrap-ek .tb-ek.blckAvis .com-ek { font-size: 12px; line-height: 18px; padding: 0 30px 8px; } .linkToAllAvis{margin-top:20px;} } @media (max-width: 1023px) { /* MOBIOE : Fil d'ariane */ .breadcrumb {display:block;} /* MOBILE : PRODUCT PAGE */ .cross-sell, .recommendations, .primary-content {padding: 0;} .pdp-main .go-back {padding: 8px 0;} .pdp-main .go-back a{font-size:11px;} /* MOBILE : IMG PRODUIT */ .pdp-main .product-col-1 {margin-top:0px;} .pt_product-details .product-col-1 .swiper-main-pr.swiper-container{padding-bottom:5px;} /* MOBILE : Titre + prix */ .pdp-main .product-col-2 .topDetails h1 {font-size: 14px;} .pdp-main .product-col-2 .product-name {margin-bottom: 0;} .pdp-main .product-col-2 .topDetails .product-price {margin-top:0;} .pdp-main .product-col-2 .topDetails {padding-bottom:30px;margin-bottom:30px;} /* MOBILE : Swatch Couleurs */ .pdp-main .product-col-2 .colors p {margin:0px;} .pdp-main .product-col-2 .colors ul{margin : 20px 0 30px;} .pdp-main .product-col-2 .colors li {margin: 6px;} /* MOBILE : Tailles */ .pdp-main .attribute .value {margin:20px 0 10px;} .pdp-main .product-col-2 .product-variations, .pdp-main .product-col-2 .product-variations {padding-top:0;} .pdp-main .swatches li a {margin:0;} /* MOBILE : CTA */ .product-add-to-cart button#add-to-cart{ margin-top:0; } .pdp-beauty-main .atbConfirm .btnCheckout, .pdp-beauty-main .atbConfirm .btnShopping, .pdp-main .atbConfirm .btnCheckout, .pdp-main .atbConfirm .btnShopping { width:280px; height: 50px; line-height: 50px; } .pdp-beauty-main .atbConfirm .title, .pdp-main .atbConfirm .title {font-size:12px;} /* MOBILE : Reassurance */ .pdp-main .reassurance {margin: 0;} .pdp-main .reassurance li.exp {margin: 0;line-height: initial;width:100%;} /* MOBILE : Description */ .pdp-beauty-main .wrap-desc, .pdp-main .wrap-desc {margin:0;} #product-content > div.wrap-desc li.ct-nav > div:nth-child(2) { padding-top:15px; } .pdp-main .wrap-desc .nav-tab .wrap-ct .ct-nav.active {padding-bottom: 30px;} div.wrap-desc li.ct-nav > .desc-ct, .pdp-main .wrap-desc .nav-tab .wrap-ct .ct-nav div.desc-ct {padding: 15px 10px 0 10px;} .nostock-message{padding-bottom:30px;} .nostock-message br{display:none;} #pdpMain > div.product-col-2.product-detail > div.nostock-message > div > p:nth-child(2){padding-top:10px;} /* MOBILE : E-komi descr + bas */ .pdp-main #ekom-123.ek { margin:0; } .avis-main #ekom-123.ek .hd-ek, .pdp-main #ekom-123.ek .hd-ek{border-bottom: 1px solid white;} #product-content > div.wrap-desc > div > div > ul > li.ct-nav.active:nth-child(3) > div.desc-ct, #product-content > div.wrap-desc > div > div > ul > li.ct-nav.active:nth-child(3) {padding: 0px;} .avis-main #ekom-123.ek .hd-ek p, .pdp-main #ekom-123.ek .hd-ek p {margin-top:0px;border-top: none;} .avis-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckNote p .avis-ek-mb, .pdp-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckNote p .avis-ek-mb {font-size: 26px;} .avis-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckNote, .pdp-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckNote {width: 25%;} .avis-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis, .pdp-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis { width: 75%; box-sizing: border-box; } .avis-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis, .pdp-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis{padding: 10px;} .avis-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis .com-ek, .pdp-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis .com-ek {height: auto;} .avis-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis .info-ek, .pdp-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis .info-ek{line-height: 8px;} .avis-main #ekom-123.ek .listEk .blck-ek, .pdp-main #ekom-123.ek .listEk .blck-ek , .avis-main #ekom-123.ek .listEk, .pdp-main #ekom-123.ek .listEk{min-height:77px;height:auto;} .pdp-beauty-main .wrap-desc .nav-tab .wrap-ct .wrap-star .star-ek-note, .pdp-main .wrap-desc .nav-tab .wrap-ct .wrap-star .star-ek-note {left: 6px;} .icon-form_valid:before { content: "\e652"; position: relative; top: 1px; } /* TOP : Titre */ .avis-main .avis-content .top-avis .titleEkomiBottom, #trusted-complete .ts-header-title {font-size:20px !important;margin-bottom: 20px !important;text-transform: uppercase !important;font-weight: 400 !important;} .avis-main .avis-content .top-avis .avis-ek-mb, #trusted-complete .ts-reviewSummary-ratingValue{font-size: 26px !important;} .avis-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis i, .pdp-main #ekom-123.ek .listEk .blck-ek .tb-ek.blckAvis {margin-right:2px;} .linkToAllAvis .recoEkomiTxt, .list-wrap-ek .recoEkomiTxt {line-height: 33px;} /* MOBILE : E-komi bas*/ .avis-main .avis-content .top-avis .subName, #trusted-complete .ts-header-title, #trusted-complete .ts-header-subtitle{ font-style:normal !important;} .product-tile .star-ek-note .star-inactive, .product-tile .star-ek-note .star-active, .csWear .cross-sell .product-cross-sell .product-tile .star-ek-note .avis-alert {top: 0;} .product-tile .wrap-star {min-height: auto;} .avis-main .avis-content .top-avis .star-ek-note .star-inactive, .avis-main .avis-content .top-avis .star-ek-note .star-active {height:20px;} .avis-main .avis-content .top-avis .star-ek-note .star-active .list-star li , .avis-main .avis-content .top-avis .star-ek-note .star-inactive .list-star li{font-size: 18px;} .avis-main .avis-content .top-avis .star-ek-note, .avis-main .avis-content .top-avis .star-ek-note .star-inactive, .avis-main .avis-content .top-avis .star-ek-note .star-active .list-star {width: 110px;} .avis-main .avis-content #ekom-123.ek .hd-ek .txt-ek{margin-top: 0;padding: 10px 0;} .avis-main .avis-content #ekom-123.ek .wrapListEk {padding-top:10px;} #ekom-123, .ts-rating-light .ts-wrapper.ts-no-reviews .ts-reviews {margin-top: 30px;} /* MOBILE : Trusted shop bas*/ .ts-rating-light.productreviews .ts-wrapper { padding: 20px !important; } #trusted-complete .ts-header-title { } /* MOBILE : Crossell */ .csWear .cross-sell ul { width: 100%;} .csWear .cross-sell ul li {width: 48%;max-width: initial;padding: 0 2px 26px;} .csWear .cross-sell ul li, .csWear .cross-sell ul li:nth-child(even), .cross-sell.podium-true li:nth-child(3), .recommendations.podium-true li:nth-child(3) {margin: 0;} .cross-sell.podium-true li:nth-child(1), .recommendations.podium-true li:nth-child(1), .cross-sell.podium-true li:nth-child(3), .recommendations.podium-true li:nth-child(3){margin-top: 0px;} .cross-sell .product-description, .recommendations .product-description { font-size: 12px; line-height: 16px; } a .product-tile.atbCS{padding-top: 2px;} .cross-sell .product-brand {margin-top:0;} .cross-sell .product-description, .recommendations .product-description {min-height: auto;} .cross-sell .product-description, .recommendations .product-description {margin:0;} .cross-sell .product-price, .recommendations .product-price {font-size: 12px;margin-bottom: 7px;} /* MOVILE : PIXALIONE */ .pixallione-information {padding:10px;} } /*******************************************************/ /*******************************************************/ /* BACK IN STOCK */ .middleBlock .back_in_stock_form_wrapper .back-in-stick-header, .middleBlock .back_in_stock_form_wrapper p.bold, .middleBlock .back_in_stock_form_wrapper p.bold, .middleBlock .back_in_stock_form_wrapper .back-in-stock-register.button-fancy-large, .vip-block.confirm .confirm {font-weight:400;} .middleBlock .back_in_stock_form_wrapper{text-align:center;} div.back_in_stock_form_wrapper.hidden.vipstatus-false.bis__form--open > div > div > p > span:nth-child(4) {margin: 0 auto;} .vip-block.confirm .confirm{font-weight:400;font-size: 13px;margin-bottom: 10px;} .vip-block.confirm p{left:0;} .middleBlock .back_in_stock_form_wrapper .back-in-stock-register.button-fancy-large { width: 280px; margin-top: 30px; } .middleBlock .back_in_stock_form_wrapper p.bold.error{font-style:normal;} /* - MOBILE - */ @media (max-width: 1023px) { .middleBlock .backInStockLink .show-back-in-stock-link.active-bis {font-weight: 400;} .middleBlock .back_in_stock_form_wrapper { padding: 0; box-sizing: border-box; } .middleBlock .back_in_stock_form_wrapper .back-in-stick-header{margin-left:0;font-size:14px;margin-top:10px;} .middleBlock .back_in_stock_form_wrapper p.bold { font-size: 12px; padding-bottom: 2px; } .middleBlock .back_in_stock_form_wrapper .back-in-stock-register.button-fancy-large{font-size:14px;} .middleBlock .back_in_stock_form_wrapper .backinstock_mail_error, .middleBlock .back_in_stock_form_wrapper .backinstock_tech_error, .middleBlock .back_in_stock_form_wrapper .vip_size_error{font-size:11px;} .middleBlock .back_in_stock_form_wrapper .back-in-stock-block{padding-bottom:20px;} } /*******************************************************/ /*******************************************************/ /* DEMARQUES + couleurs dans le fichier op_dispositif.css */ .search-suggestion-right-panel .search-suggestion-right-panel-product-price .percentage,.pdp-main .product-price .percentage, .search-suggestion-right-panel .search-suggestion-right-panel-product-price .percentage, .pdp-main .product-price .percentage {padding: 0 4px;} /* Flag top left */ .C123_flag_top_left {margin-left:5px;margin-top:5px;} /* Réduction de la taille des points rouges */ .productpointcolor {width: 10px;height: 10px;} /* Modification de mise en forme + Réduction des marketing flags en fonction des résolutions d'écran */ @media only screen and (max-width: 479px) {.search-result-items .product-tile .topRightFlag img {max-width: 30px;}} .c123_prix_rond_flag, .markdown-flag, .grid-4x #search-result-items .grid-tile .markdown-flag { font-size: 18px; height: 42px; width: 42px; line-height: 42px; display: block; border-radius: 100px; text-align: center; margin: 10px 10px 0 0; font-family: 'roboto_condensedregular'; position: relative } .c123_prix_rond_flag::after { content: " "; height: 36px; width: 36px; line-height: 36px; position: absolute; top: 2px; left: 2px; display: block; border-radius: 100px; border: 1px solid #fff } .lastseen .c123_prix_rond_flag { height: 16px !important; line-height: 16px !important; font-size : 12px !important; } html[lang="fr-CH"] .lastseen .c123_prix_rond_flag, html[lang="fr-CH"] .c123_prix_rond_flag { width: 50px; max-width: 50px; } html[lang="fr-CH"] .lastseen .topRightFlag{ max-width: initial !important; } @media (max-width: 510px) { .markdown-flag, .c123_prix_rond_flag, .product-cross-sell .markdown-flag, .product-cross-sell .c123_prix_rond_flag { font-size: 12px; height: 30px; width: 30px; line-height: 30px; display: block; border-radius: 100px; text-align: center; text-decoration: none; margin: 5px 5px 0 0; font-family: 'roboto_condensedregular'; } .c123_prix_rond_flag::after { height: 24px; width: 24px; line-height: 24px } } /* Marketing flag dans les derniers vus */ .lastseen .c123_prix_rond_flag::after {content: none;} .lastseen .c123_prix_rond_flag { margin: 0; border: 0 none; max-width: 37px; font-size: 12px; border-radius: 0; height: 16px; display: block; line-height: 16px; text-align: center } /* Marketing flag dans les crossells prix rond */ .product-cross-sell .c123_prix_rond_flag { font-size: 18px; height: 40px; width: 40px; line-height: 40px; margin: 5px 5px 0 0; } .product-cross-sell .c123_prix_rond_flag::after { height: 34px; width: 34px; line-height: 34px } /* TAILLE PRIX ROND CH */ html[lang="fr-CH"] .c123_prix_rond_flag{ font-size: 14px; height: 50px; width: 50px; line-height: 50px; } html[lang="fr-CH"] .c123_prix_rond_flag::after { height: 44px; width: 44px; line-height: 44px; } /************************************************************************************************************** *** DERNIERS VUS *** **************************************************************************************************************/ /* - MOBILE - */ @media (max-width: 1024px) { .lastseen {padding:0 0 8px;} .lastseen li {margin: 6px;} .lastseen li:first-child {margin-left: 6px;} .lastseen img {width: 70px;} .lastseen>p {margin-bottom:4px;} } /************************************************************************************************************** *** A NETTOYER *** **************************************************************************************************************/ /************************************************************************************************************** *** CONTACT *** **************************************************************************************************************/ /* Correction barre du titre DE et EN */ html[lang="de"] .pt_contact #primary .txt-ct:before {width: 340px;} html[lang="en"] .pt_contact #primary .txt-ct:before {width: 290px;} /************************************************************************************************************** *** PANIER *** **************************************************************************************************************/ /* Augmentere l'interlettrage des info produits */ .pt_cart .item-details .itemRef .name, .pt_checkout .item-details .itemRef .name, .pt_order .item-details .itemRef .name { letter-spacing : 0.2px; } @media (max-width: 1023px){ /* Fil */ .wrap-indicator .checkout-progress-indicator { margin:0; } /* Tableau */ .pt_cart .section-header, .pt_checkout .section-header, .pt_order .section-header { padding: 0px; line-height:26px; text-indent:6px; } .pt_cart .cart-row .item-details .name, .pt_checkout .cart-row .item-details .name { font-size: 11px; letter-spacing: 0.2px; } .pt_cart .cart-row .item-details img, .pt_checkout .cart-row .item-details img {margin-top: 10px;} .sku, .pt_cart .cart-row .item-price {display:none;} /* BLOC LIV */ .banner_basket_bottom { margin-bottom: 0; background: #EEE; border: 1px solid #b0b0b0; padding: 20px; box-sizing: content-box; margin-top: 20px; } .banner_basket_bottom p{padding-bottom:8px;text-transform:uppercase;} .banner_basket_bottom p, .banner_basket_bottom li{font-size: 11px; line-height:15px;} /* CTA */ .cart-actions .button-fancy-large {width: 280px;margin:0 auto;} .cart-actions {width: 100%;margin:0;} /* Coupon code */ .cart-coupon-code{padding:0;margin:20px 0 !important;} .cart-coupon-code .codeInput{margin:0;} .cart-coupon-code .mainZone {padding: 0;text-align: center;} .cart-coupon-code label{font-size:12px;} /* Crossell */ .cart-footer .star-ek-note .star-active,.cart-footer .star-ek-note .star-inactive {height:12px;} } @media (min-width: 1024px){ /* Tableau */ .pt_cart .section-header, .pt_checkout .section-header, .pt_order .section-header { text-transform:uppercase; } .pt_cart .item-details .itemRef, .pt_checkout .item-details .itemRef { width: 280px; padding-right: 50px; } /* CTA */ .cart-actions{ width: 32% } /* BLOC LIV */ .banner_basket_bottom { margin-bottom: 0; background: #EEE; border: 1px solid #b0b0b0; padding: 20px; box-sizing: content-box; margin-top: 20px; } .banner_basket_bottom p{padding-bottom:8px;text-transform:uppercase;} .banner_basket_bottom p, .banner_basket_bottom li{font-size: 12px; line-height:16px;} /* Crossell */ .cart-footer .cross-sell, .cart-footer .recommendations {padding-top:0px;} .cart-footer .cross-sell li, .cart-footer .recommendations li { width: 30%; } } /************************************************************************************************************** *** TUNNEL *** **************************************************************************************************************/ /* Footer tunnel */ #footerCheckout ul { text-align: center; font-size: 10px; } #footerCheckout li { display: inline-block; padding-left: 15px; margin-left: 15px; border-left: 1px solid black; } #footerCheckout li:first-child { padding-left: 0; margin-left: 0; border-left: 0; } #footerCheckout li a:hover { text-decoration: underline; } /************************************************************************************************************** *** DASHBOARD **************************************************************************************************************/ /* - DESKTOP - */ @media (min-width: 1024px){ /* DASHBOARD */ .pt_myAccount #primary .recapWrap .pushWrapAccount h2, .pt_myAccount #primary .menuMyAccount .titleMyAccount, .pt_myAccount #primary .menuMyAccount .wrapMyAccount li a, .pt_myAccount #primary .menuMyAccount .wrapMyAccount li a.active, .pt_myAccount #primary .menuMyAccount .wrapMyAccount li a:hover, .pt_myAccount #primary .recapWrap h1 { font-family: 'roboto_condensedregular', sans-serif; letter-spacing:normal; } .pt_myAccount #primary .menuMyAccount .titleMyAccount, .pt_myAccount #primary .menuMyAccount .wrapMyAccount li a, .pt_myAccount #primary .menuMyAccount .wrapMyAccount li a.active, .pt_myAccount #primary .menuMyAccount .wrapMyAccount li a:hover { font-size:14px; } .pt_myAccount #primary .recapWrap .pushWrapAccount .titleWishlist, .pt_myAccount #primary .recapWrap h1, .pt_myAccount #primary .recapWrap .pushWrapAccount h2 {font-size:20px;} .pt_myAccount #primary .recapWrap .pushWrapAccount .titleWishlist, .pt_myAccount #primary .recapWrap h1 {padding-top:0;} .pt_myAccount #primary .menuMyAccount .wrapMyAccount li a.active, .pt_myAccount #primary .menuMyAccount .wrapMyAccount li a:hover{text-decoration:underline;} .pt_myAccount #primary .menuMyAccount .titleMyAccount{padding-bottom:5px;} .pt_myAccount #primary .menuMyAccount .wrapMyAccount li a{font-size:14px;} } .pt_myAccount #primary .recapAccount .menuMyAccount .wrapMenuMobile .wrapMyAccount li a.active { letter-spacing: 0.2px; } /*******************************************************/ /*******************************************************/ /* Mes informations personnelles */ /* - MOBILE - */ @media (max-width: 1023px){ .pt_myAccount #primary #FidelityRegistrationForm .form-row, .pt_myAccount #primary #RegistrationForm .form-row {margin-bottom:0;} .pt_myAccount #primary .recapWrap .myAccountState #RegistrationForm .form-row, .pt_myAccount #primary #FidelityRegistrationForm .form-row .form-caption, .pt_myAccount #primary #RegistrationForm .form-row .form-caption {padding:0 ;} .pt_myAccount #primary .recapWrap .myAccountState #RegistrationForm .form-row.civilUser { padding-bottom: 10px; } .pt_myAccount #primary .recapWrap .myAccountState #RegistrationForm .form-row.form-account-button{ padding-top:15px; } .pt_account #primary .recapWrap .myAccountState #RegistrationForm .form-row.civilUser label { padding-bottom:5px; } .pt_account #primary .myContentInfo h3, .pt_account #primary .myContentInfo p, .pt_account #primary .myContentInfoSocial h3, .pt_account #primary .myContentInfoSocial p { padding-left: 0; } .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .form-account-button button { height: 50px; line-height: 50px; width: 100%; max-width: 290px; padding: 0; } html .pt_myAccount #primary #FidelityRegistrationForm .form-row .input-text { max-width: 290px; } } /*******************************************************/ /*******************************************************/ /* Mes adresses */ /* - MOBILE - */ @media (max-width: 1023px){ #addresses .section-header {margin-bottom:20px;} #addresses .section-header a, #addresses .section-header{height: 50px;line-height: 50px;} #addresses .section-header a{width:100%; max-width:290px;padding:0;} .pt_account #primary .myContentInfo h3, .pt_account #primary .myContentInfoSocial h3 { font-weight: 400; } #addresses .defaulAddress{text-indent:0;} .address-list li { margin: 20px 0; padding: 15px; box-sizing: border-box; border: 1px solid #a8a8a8; } .address-list li+li { border-style: solid; } .address-list li.default div{padding:0;} .address-list li address {line-height: 18px;} .address-list li .actionAddresse{margin-top:30px;border-top: 1px solid black;text-align:center;} .address-list li .actionAddresse a.address-edit , .address-list li .actionAddresse a{padding:0;} .address-list li .actionAddresse a { margin:0; background: transparent; color: black !important; } .address-list li .actionAddresse a.address-edit:before {color:black;} .address-list li .actionAddresse a.address-edit:before {display:none;} .address-list li .actionAddresse a.address-edit:after, .address-list li .actionAddresse a.address-make-default:after { content: "\e806"; font-family: icomoon; color: black; font-size: 12px; padding-left:5px; display:inline-block; } .address-list li .actionAddresse a.address-delete, .address-list li .actionAddresse a.address-edit { font-size: 12px;} .address-list li .actionAddresse a.address-edit:nth-child(2) {text-transform:inherit;} .address-list li .actionAddresse a.address-delete { background: transparent; text-transform: initial; } .address-list li .actionAddresse a.address-delete:before { content: "|"; display:inline-block; padding: 0 3px; } .address-list li .actionAddresse a:nth-child(2):after { display:none; } } /*******************************************************/ /*******************************************************/ /* Mes commandes */ /* - MOBILE - */ @media (max-width: 1023px){ .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .numberCmd { background: black; color: white; text-transform:uppercase; } .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd.actionCmd .linkAction { text-align:left; font-size: 11px; line-height: 13px; text-transform: uppercase; height: auto; padding: 8px 4px; } .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd.actionCmd .linkAction:before { padding-left: 0; } } /*******************************************************/ /*******************************************************/ /* Mon espace FID */ /* Modifie les typo et les espacements pour aerer */ .fidelite .boxContent, .fidelite .infoBox, .fidelite #joinFidelity { font-weight: initial; font-size: 14px; } .fidelite #joinFidelity .number { font-weight: initial !important; margin-right: 0 !important; } .fidelite .detailBox li { padding-top:8px !important; padding-bottom: 9px !important; } /* - WIDE DESKTOP - */ /* Augmente la largeur de l'interface en Wide desktop */ @media (min-width: 1260px) { .pt_myAccount #primary { width: 1115px; max-width: 1115px; } .pt_myAccount #primary .recapWrap { width: 905px; } } /************************************************************************************************************** *** LOGIN VISUEL **************************************************************************************************************/ .pt_account #primary .connect-wrapper { background: url(../contenusFixes/bg_connect.jpg) no-repeat top left; } /************************************************************************************************************** *** ACCORDION **************************************************************************************************************/ #accordion123 .panel { padding-bottom: 20px; padding-left: 20px; } #accordion123 .tab:before, #accordion123 .ui-state-active.tab:before { font-family: 'icomoon'; font-size: 8px; padding-right: 8px; position: relative; top: -3px; display: inline-block; } #accordion123 .tab:hover { text-decoration: underline; } #accordion123 .tab:hover:before { text-decoration: none !important; } #accordion123 .tab:before { content: "\e80c"; } #accordion123 .ui-state-active.tab:before { content: "\e80a"; } /************************************************************************************************************** *** TXT FORMAT CSS **************************************************************************************************************/ .C123_txt_format h1{margin:30px 0 0;padding:0;font-size:30px;line-height:32px;font-family:roboto_condensedregular,sans-serif}.C123_txt_format h2,.C123_txt_format h3{margin-top:30px;font-family:roboto_condensedregular,sans-serif;font-weight:400}.C123_txt_format h2{font-size:20px;line-height:22px;margin-bottom:10px}.C123_txt_format h3{font-size:16px;line-height:18px;margin-bottom:10px}.C123_txt_format h4{font-family:roboto_condensedregular,sans-serif;font-size:14px;line-height:16px;font-weight:400;margin-bottom:10px}.C123_txt_format dl,.C123_txt_format h2,.C123_txt_format h3,.C123_txt_format p,.C123_txt_format ul{margin-bottom:10px}.C123_txt_format dl,.C123_txt_format li,.C123_txt_format ol,.C123_txt_format p,.C123_txt_format ul{font-size:12px;line-height:16px;font-family:open_sans,sans-serif}.C123_txt_format dl dd,.C123_txt_format dl dt{float:none;margin:0;padding:0}.C123_txt_format li{list-style-type:disc;margin-left:40px}.C123_reassurances h2{margin:0;padding:0}.C123_txt_format td,.C123_txt_format th,.pageCgv td,.pageCgv th{padding:3px 5px}.C123_txt_format a{text-decoration:underline}.C123_txt_format a:hover{text-decoration:none}.C123_txt_format a[name]{cursor:default;text-decoration:none}.C123_reassurances .popMenu li{font-size:14px;line-height:20px;list-style-type:none;margin-left:0}.C123_txt_format .tableau{margin:30px 0}.C123_txt_format .tableau tr:first-child th:first-child{border-left:1px solid #000}.C123_txt_format .tableau tr:first-child th:last-child{border-right:1px solid #000}.C123_txt_format .tableau td,.C123_txt_format .tableau th{box-sizing:border-box}.C123_txt_format .tableau td:first-child,.C123_txt_format .tableau th{text-transform:uppercase}.C123_txt_format .tableau_shipping_fees tr:first-child th:first-child{border-right:1px solid #fff}.C123_txt_format th{background:#1c1b1b;color:#fff}.C123_txt_format .tableau th{font-family:roboto_condensedregular;font-weight:400;height:30px;text-align:center;vertical-align:middle}.C123_txt_format .tableau td{height:30px;text-align:center;vertical-align:middle;border:1px solid #000}.C123_bold{font-weight:700!important}.pageCgv h2{margin-top:30px}.pageCgv h4{font-size:13px;font-weight:700}.pageCgv caption{text-align:left;margin-bottom:7px}.pageCgv .tableau_shipping_fees tr:first-child th:first-child{border-right:1px solid #fff}.pageCgv dl dt{float:none}.tableau_shipping_country{margin-bottom:30px}.tableau_shipping_country td{border:1px solid #000;padding:10px;vertical-align:top}.tableau_shipping_country span.C123_bold{text-transform:uppercase;display:block;font-size:1rem;padding:3px}.C123_btn_txt_style{margin-bottom:10px}.C123_btn_txt_style a{padding:15px 30px;border:1px solid #000;display:inline-block}.C123_deliveryandreturns p.C123_bold{margin-bottom:0}.C123_deliveryandreturns .pageCgv .tableau{margin-top:0}.C123_deliveryandreturns .C123_txt_format .tableau td{text-transform:none!important} /* Tableau de retouche */ .tableau_retouches_belge { text-align:center; } @media (min-width:750px){ .tableau_retouches_belge { width:700px; } } .tableau_retouches_belge th, .tableau_retouches_belge td {padding: 10px;} .tableau_retouches_belge thead tr:last-child th , .tableau_retouches_belge tbody tr {border-bottom: 1px solid black;} .tableau_retouches_belge tr:first-child th + th {background:black;color:white;} .tableau_retouches_belge th { font-family: 'roboto_condensedregular', sans-serif; background: none; color:black; font-weight:normal; text-align:center; } .tableau_retouches_belge thead th, .tableau_retouches_belge tbody td {border-left:1px solid black;border-right:1px solid black;} .tableau_retouches_belge thead tr:last-child th + th {background:#eee;} .tableau_retouches_belge > thead > tr:nth-child(1) > th:nth-child(2) {border-right: 1px solid white;} .tableau_retouches_belge thead tr th, .tableau_retouches_belge tfoot tr, .tableau_retouches_belge tr td:last-child {border-left: none;} .tableau_retouches_belge li {list-style-position:inside;margin-left:0 !important;} .icone_retouche_tribu {width:80px;} .icone_retouche_tribu img {display:block; margin: 0 auto 3px auto;} /* Achat express : Masque la reassurance et le marketing product dans l'achat express */ #QuickViewDialog .productslotsinfo {display:none;} /* Correctif trait gris */ .pdp-main .product-col-2 .product-price .price-standard { border-right:0; } #QuickViewDialog .txtAllInfo{ font-size: 12px; line-height: 15px; font-family: 'roboto_condensedregular', sans-serif; font-style:normal; } #QuickViewDialog .txtAllInfo:after {display:none;} /* CORRECTIF ACHAT EXPRESS TAILLE NO STOCK DOWN - Fevrier 2018 */ #QuickViewDialog .emptyswatch.unselectable { display:none !important; } /************************************************************************************************************** *** TUNNEL CHECKOUT **************************************************************************************************************/ .pt_checkout .order-total.shipping {display:none;} @media (min-width:1024px){ /* Header Tunnel */ .pt_checkout #header{margin-top:-111px;} .pt_checkout #header header .need-help{margin-right:0;padding: 10px 0 20px 47px;} .pt_checkout #header header .need-help .titleSubFooter {font-family: "roboto_condensedregular", sans-serif;padding-bottom:0;} .pt_checkout .need-help .nh-p {font-size:11px;} .pt_checkout #header header .need-help .bold123{font-size:11px;font-family:open_sans;} .pt_checkout #header header .need-help .icon-help2{top:10px;left: 5px;} .pt_checkout #header header .need-help .nh-p+.nh-p {padding-top:0;} /* Tunnel Livraison */ .pt_checkout #secondary.summary .section-header.i-cm.active, .pt_checkout #secondary .section-header.btn-cmd, #secondary .section-header.btn-cmd, #shipping-method-list .country .form-row label, .pt_checkout .method .title {font-family: "roboto_condensedregular", sans-serif; font-size: 12px;} .pt_checkout .method .wrapShipImg {margin:0;height:30px;} .pt_checkout .method .delivery{text-transform:uppercase;font-size:11px;} .pt_checkout .method .delivery, .pt_checkout .method .price, .pt_checkout .method>ul li>label {font-family: "roboto_condensedregular", sans-serif;} .pt_checkout .method .wrapShipImg{margin:10px 0;} .pt_checkout .method .price{margin-left:0;padding-bottom:0;line-height:16px;} .pt_checkout .method .priceInfo{line-height:14px;font-family:"open_sans", sans-serif;font-size:11px;} .pt_checkout .method .date{line-height:14px;} .pt_checkout .method .box{padding:30px;} .fieldShip .actions #newShippingAddressApplyBtn{background:black;} .fieldShip .actions #newShippingAddressApplyBtn:hover{text-decoration:underline;} .pt_checkout .method>ul li.selected>label, .pt_checkout .method .boxContainer {border:1px solid black;} .pt_checkout .method>ul li>label {border:1px solid #b2b2b2;} .pt_checkout .method>ul li.selected>label:after{border-left:10px solid .pt_checkout.pt_account;border-right:10px solid .pt_checkout.pt_account;border-top:10px solid #000;} /* Tunnel Récap bouton */ #secondary.summary .name, .osc#secondary .delivery div, .osc#secondary .checkout-order-totals .order-totals-table td { font-family: 'roboto_condensedregular', sans-serif; } #secondary.summary .attribute { font-size: 10px; line-height: 13px; } .pt_checkout.pt_account #primary #AddressForm .form-row.actions {padding-left:210px;} .pt_checkout.pt_account #primary #AddressForm .form-row.actions #guestAddressConfirm{margin:0} .pt_checkout .endShip .form-row-button .button-fancy-large:hover, .pt_account #primary #AddressForm .form-row .buttonContinue:hover, .pt_checkout.checkout-spec-payment .form-row-button.form-button-payment button:hover, .cart-actions .button-fancy-large:hover { text-decoration:underline; } .pt_checkout .form-row-button .back, .pt_checkout.checkout-spec-payment .form-row-button .back, .cart-action-continue-shopping{text-decoration:none;} .pt_checkout .form-row-button .back:hover, .pt_checkout.checkout-spec-payment .form-row-button .back:hover, .cart-action-continue-shopping:hover{text-decoration:underline;} .cart-actions .button-fancy-large{width:100%;} .pt_checkout.checkout-spec-payment .form-row-button.form-button-payment button{margin: 0 auto;} .pt_checkout.checkout-spec-payment .form-row-button.form-button-payment button:disabled{background:#9c9c9c;} .pt_checkout.checkout-spec-payment .form-row-button.form-button-payment button:disabled:hover{text-decoration:none;} .pt_checkout .pt_checkout .form-row-button .back{ font-family: 'roboto_condensedregular', sans-serif; font-size: 13px; text-transform: none; } .pt_checkout .pt_checkout .form-row-button .back:hover{text-decoration:none;} #secondary.summary .name{text-transform:uppercase;} #secondary.summary .mini-cart-price {font-family: 'roboto_condensedregular', sans-serif;line-height: 15px;} .osc#secondary .edit {font-size:11px;} .osc#secondary .delivery div{font-size:11px;} #secondary.summary .checkout-mini-cart {padding-top:15px;} #div-minisummary > div.total_and_delivery > div > table > tbody > tr > td:nth-child(1) {font-size:11px;} #secondary.summary .delivery .minimethod{font-size:11px;color:black;} #secondary.summary .delivery .price{vertical-align:bottom;} .pt_checkout .order-totals-table td+td, .pt_order .order-totals-table td+td{width:70px;} .order-component-block .details, .shippingAddressBlock .details,#secondary.summary .section-header.i-dev+.exp-cmd{font-size:11px;color:black;} #secondary.summary .section-header.i-dev+.exp-cmd{padding-top:10px;} .section-header.btn-cmd:hover{border-top: 1px solid #BBB;border-bottom: 1px solid #BBB;} .section-header.btn-cmd{border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;} .pt_checkout.pt_account #primary #AddressForm .form-row.actions{text-align:left;} } /* Tunnel Btns */ /* CTA : Style btn désactivé */ .pt_checkout .endShip .form-row-button .button-fancy-large[disabled], .pt_checkout .endShip .form-row-button .button-fancy-large.disabled, .pt_checkout.checkout-spec-payment .form-row-button.form-button-payment .button-fancy-large[disabled] {background: #e1d6d9 !important;color:#949494 !important;} .pt_checkout .endShip .form-row-button .button-fancy-large, .pt_account #primary #AddressForm .form-row .buttonContinue, .pt_checkout.checkout-spec-payment .form-row-button.form-button-payment button, .cart-actions .button-fancy-large{ height: 50px; padding: 0 !important; font-size: 16px; line-height: 50px; min-width: initial; vertical-align: middle; background: #000!important; font-family: 'roboto_condensedregular', sans-serif; } @media (max-width:1023px) { .pt_checkout .endShip .form-row-button .button-fancy-large {display:block;} /* Checkout header */ .pt_checkout #header { padding-top: 0px; margin-bottom: 0 !important; box-shadow: 0 2px 2px rgba(0,0,0,.3); border:none; } .pt_checkout #header header .primary-logo {padding: 0;} .pt_checkout #header header .primary-logo a {display: block;} .wrap-indicator {margin: 20px 0;} .wrap-indicator .checkout-progress-indicator {padding-bottom:0;} .pt_checkout .wrap-indicator .checkout-progress-indicator {margin: 0 0 30px;} .wrap-indicator .checkout-progress-indicator li.last span, .pt_checkout.checkout-spec-payment .checkout-progress-indicator li:last-child span, .pt_cart .wrap-indicator .checkout-progress-indicator li.active span{ border-color: #df0851; background-color: #df0851; } .wrap-indicator .checkout-progress-indicator li.last p, .pt_checkout.checkout-spec-payment .checkout-progress-indicator li:last-child p, .pt_cart .wrap-indicator .checkout-progress-indicator li.active p{color: #df0851} /* Login panier */ .pt_account #primary .connect-wrapper.facebookMode, .pt_account #primary .connect-wrapper.guestFbMode, .pt_account #primary .connect-wrapper.guestMode { margin-top:0; } .pt_account #primary .connect-wrapper .col{padding: 15px 0;} .pt_account #primary .connect-wrapper .col.social-connect .gum-btn {margin-bottom:5px;} .pt_account #primary .connect-wrapper.complete .wrap .separator {top: 162px;} /* Login panier social new account */ .pt_myAccount #primary #FidelityRegistrationForm .form-row.form-row-button .buttonContinue, .pt_myAccount #primary #RegistrationForm .form-row.form-row-button .buttonContinue { height: 50px; padding: 0!important; font-size: 16px; line-height: 50px; min-width: initial; vertical-align: middle; background: #000!important; font-family: roboto_condensedregular,sans-serif; width: 100%!important; max-width: 290px; margin: auto; } /* Typo tunnel */ .pt_checkout .primary-content h1,#paymentMethod .ch-gift-pay,.titleChooseCred,#paymentMethod .ch-gift-pay .form-gft .yesNoGift label, #shipping-method-list .country .form-row label, .pt_checkout .method .title, .pt_checkout .method .delivery, .pt_checkout .method .price, .pt_checkout .method .priceInfo, .pt_checkout #selectStoreBtn, .pt_checkout #storeInfos, .pt_checkout .storeChangeLink, .pt_checkout .method .form-row label span, .pt_checkout .method .form-row label, .fieldShip .countryDefault .label, .fieldShip .actions #newShippingAddressApplyBtn, .pt_checkout #main.primary-focus #secondary.osc .section-header, .osc#secondary .delivery div, .osc#secondary .checkout-order-totals .order-totals-table td, .checkout-billing .payment-method.payment-method-expanded[data-method=CREDIT_CARD] .creditcardform h3 {font-family:'roboto_condensedregular','sans-serif'} /* labels formulaire */ #shipping-method-list .country .form-row label, .pt_checkout .method .title, .pt_checkout .method .delivery, .pt_checkout .method .price, .titleChooseCred { font-size:14px; line-height:14px; text-transform:uppercase; } #shipping-method-list .country .form-row label, .pt_checkout .method .title, .fieldShip .countryDefault .label { margin-bottom: 5px; width: 100%; text-align:left; } /* Titre tunnel */ .pt_checkout .primary-content h1 { font-size: 24px !important; line-height: 24px !important; margin : 5px 0 15px !important; display:none; } /* LIVRAISON */ /* Bloc affichage principal */ .pt_checkout .method>ul { margin-top: 0; } .pt_checkout .method>ul li{ outline:1px solid #CCC; outline-offset:-8px } .pt_checkout .method>ul li>label{border-color: #AAA;} .pt_checkout .method .delivery{ margin:10px 0; text-align:center; } .pt_checkout .method .delivery:first-child{margin-bottom:5px;} .pt_checkout .method .wrapShipImg .shippingMethodImage img {max-width: 75px;} .pt_checkout .method .price{ padding: 6px 0 10px; margin-left: 0; } .pt_checkout .method .priceInfo { font-size:12px; line-height:14px; display:none; } .pt_checkout .method,.pt_checkout .method .date,.pt_checkout .method .box .addressPreview,.fieldShip .countryDefault .label, .pt_checkout .method .box #relaiscolis_shippingmethod_change a, .pt_checkout .method .box #relaiscolis_shippingmethod_select a{ font-size:11px; line-height:14px; } .pt_checkout .method>ul li>input{ left:50%; margin-left: -13px; } .pt_checkout .method .date{width:96%;margin:0 auto} /* Sous-bloc livraison */ .pt_checkout .method>ul li.selected>label , .pt_checkout .method .boxContainer{ border: 1px solid #000; } .pt_checkout .method>ul li.selected>label { border-bottom: 1px solid #949494; } .pt_checkout .method>ul li.selected>label:after { border-width: 10px; margin-left:-20px; bottom: -10px; } .pt_checkout .method .boxContainer { border-top:none; width: 100% } .pt_checkout .method>ul li.selected { background: #f8f8f8; } .pt_checkout .method .box span#departmentmanagment{ display:block; height:40px; line-height:40px; margin-bottom:40px; } .pt_checkout .method .box span#departmentmanagment label{ margin-right: 5px; } .pt_checkout .method .box span#departmentmanagment label:after{ content : " :"; } .pt_checkout .icon-right:before {content: "\e62d";} .pt_checkout .method .box .icon-right { height: 38px; display: inline-block; width: 28px; text-align: center; vertical-align: top; font-size: 16px; line-height: 38px; color: #949494; } .pt_checkout .method .box select{margin:10px 0} .pt_checkout .method .box select, .pt_checkout .method .box #stores { font-size:11px; width: 100%; max-width: 100%; } .pt_checkout .method .box select, .pt_checkout .method .box #stores, input.departement{ box-sizing: border-box; height: 40px; line-height: 40px; } /* Livraison en boutique */ input.departement{ width:50px; } .pt_checkout .method .box .icon-right{ -webkit-transform: rotate(90deg); transform: rotate(90deg); } .pt_checkout .method .box .selectAdressStore{line-height:18px;} /* Livraison colissimo */ .pt_checkout .method .box input[type=radio]{ vertical-align: middle; margin-right: 2px; } /* Nouvelle adresse form */ .wishlist--productTileImage:not .icon-close:before { margin: 0 auto; border: 1px solid #949494; width: 20px; border-radius: 30px; height: 20px; display: block; line-height: 20px; font-size: 10px; } .shippingAddressFields .closeAddressGuest span{font-family: roboto_condensedregular;} .pt_checkout .method .form-row label.civil { text-transform: initial; position: relative; top: -1px; } .fieldShip>.shipAddressGuest{ margin-top: -60px; max-width: 90%; margin-left: auto; margin-right: auto; } .fieldShip>.shipAddressGuest .shippingAddressFields { padding-top:10px; background-color: #efefef; -moz-box-shadow: inset 0px 1px 3px 0px #979797; -webkit-box-shadow: inset 0px 1px 3px 0px #979797; -o-box-shadow: inset 0px 1px 3px 0px #979797; box-shadow: inset 0px 1px 3px 0px #979797; filter:progid:DXImageTransform.Microsoft.Shadow(color=#979797, Direction=180, Strength=2); } .shippingAddressFields .closeAddressGuest { right: 0px; width: auto; top: 10px; } .pt_checkout .method .form-row label span br{display:none;} .fieldShip .actions #newShippingAddressApplyBtn {background: #000;} .sp-txt-adr {margin-bottom: 15px;} .fieldShip { padding-bottom: 20px; background: #f8f8f8; } /* Relais Colis */ .pt_checkout .method .box .relaiscolis-shippingaddress p.bdTxt { font-family: open_sans,sans-serif; margin-bottom: 15px; } #relaiscolis_shippingmethod_change{margin-top:15px;} .pt_checkout .method .box .relaiscolis-shippingaddress p{ line-height:15px;} /* Recap commande */ .pt_checkout #main.primary-focus #secondary.osc{margin-top:20px;} .pt_checkout #main.primary-focus #secondary.osc .section-header, .osc#secondary .delivery div{ font-size:11px; } .osc#secondary .delivery, .osc#secondary .checkout-order-totals .order-totals-table .order-total td { padding: 10px 15px 0 15px; border-top: 1px solid #d6d6d6; letter-spacing: 0; } .osc#secondary .checkout-order-totals .order-totals-table td {font-size:16px;} /* .osc#secondary .checkout-order-totals .order-totals-table .order-total td { padding-left: 10px; padding-right: 10px; }*/ .total_and_delivery{padding: 0;} .osc#secondary .checkout-order-totals .order-totals-table .shipping td { padding-top: 0; border-top: none; font-size: 11px; font-family: open_sans,sans-serif; text-transform: none; } .pt_checkout #main.primary-focus #secondary.osc .section-header { height: 40px; line-height: 40px; } .osc#secondary .edit, .osc#secondary .delivery div .minimethod{ font-size:11px; } .osc#secondary .delivery{ width: 100%; box-sizing: border-box; padding-bottom: 15px; } .osc#secondary .checkout-order-totals{padding-top:0;} /* Txt CGV */ #cgv_acceptance { position: relative; top: 2px; } .txt-cgv {font-size: 11px;line-height:13px;} .endShip { margin-top:10px; text-align: center; } .endShip .form-row{margin-bottom:25px;} /* BTn retour etape precedente */ .pt_checkout .form-row-button .back { font-size: 11px; margin-top: 6px; line-height: 30px; text-transform: uppercase; text-decoration:none; } .pt_checkout .form-row-button .back:hover, .pt_checkout .form-row-button .back:focus {text-decoration:underline;} /* PAIEMENT */ .titleChooseCred {font-weight:400;} .checkout-billing .payment-method.payment-method-expanded[data-method=CREDIT_CARD] .creditcardform .form-row label{ font-size: 12px; } .checkout-billing .payment-method.payment-method-expanded[data-method=CREDIT_CARD] .creditcardform h3 { font-size: 14px; line-height: 14px; } .checkout-billing .payment-method.payment-method-expanded[data-method=CREDIT_CARD] .creditcardform .icon-lock{display:none;} .checkout-billing .payment-method.payment-method-expanded[data-method=CREDIT_CARD] .creditcardform .form-row:first-of-type{margin-top:20px;} .pt_checkout .checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row-wrap, .pt_checkout .checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row { margin-top: 10px; } #paymentMethod .ch-gift-pay {padding: 0;} .pt_checkout .payment-method[data-method=CREDIT_CARD] .creditcardform .form-row.save-card{padding-left:20px !important;} .checkout-billing .payment-method.payment-method-expanded .creditcardform .save-card.form-row input.input-checkbox{left:-8px !important;} .checkout-billing .payment-method.payment-method-expanded .creditcardform .save-card+label span { font-weight: 400; } } /************************************************************************************************************** *** CORRECTIFS MOBILE **************************************************************************************************************/ /* MOBILE // TUNNEL CHECKOUT */ @media (max-width:500px){.checkout-billing #paymentMethod #type .form-row{width:20%}} @media (max-width:1023px){.pt_checkout.checkout-spec-payment .form-row-button.form-button-payment{padding-top:0}.titleChooseCred{padding:0}.pt_checkout #main.primary-focus .primary-content{width:100%;max-width:100%}.checkout-billing #paymentMethod #type{display:table;width:100%;margin-top:20px}.checkout-billing #paymentMethod #type .form-row{display:table-cell}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform.show,#paymentMethod #gift-pay{width:98%;margin:0 auto;float:none;box-sizing:border-box;outline:1px solid #ededed;outline-offset:4px;padding:20px 30px!important;background:#ededed}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform.show:before{content:none;top:0;left:0;width:0;height:0;position:initial;border:0;z-index:0}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform h3,.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row-wrap .form-row.month,.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row.cvn,.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .fieldRequired,.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row{padding:0!important}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row label,#paymentMethod #gift-pay .form-row label,#paymentMethod .ch-gift-pay .form-gft .yesNoGift label,.checkout-billing #paymentMethod #type .form-row label{font-family:'roboto_condensedregular',san-serif}.checkout-billing #paymentMethod #type .form-row label{padding-top:4px}#paymentMethod .ch-gift-pay .yesNoGift ul li:before{width:20px;height:20px}.checkout-billing #paymentMethod #type .form-row:after,#paymentMethod .ch-gift-pay .yesNoGift ul li:after{width:6px;height:6px}.checkout-billing #paymentMethod #type .form-row:after{margin-left:-2px;left:50%;top:8px}#paymentMethod .ch-gift-pay .yesNoGift ul li:after{margin-left:0;right:6px;top:6px}#paymentMethod .ch-gift-pay .yesNoGift ul li:before{right:-2px;top:-2px}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row-wrap .form-row.month{width:auto;margin-right:20px}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row-wrap .form-row.month select,.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row-wrap .form-row.year select,#paymentMethod #gift-pay .form-row input,#paymentMethod #gift-pay .form-row label,#paymentMethod #gift-pay button{height:40px;line-height:40px}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row-wrap .cvn-tip{position:static}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row-wrap .cvn-tip .tooltip{text-align:left;padding:10px 0 20px}#paymentMethod #gift-pay button{border:0;padding:0 20px}#paymentMethod #gift-pay .form-row:nth-last-of-type(1){margin-left:20px}#paymentMethod #gift-pay .form-row:nth-last-of-type(1) input{max-width:120px}input[type="text"],input[type="number"],input[type="date"],input[type="password"]{border:1px solid #8e8e8e}.checkout-billing #paymentMethod #type .form-row a,.wrap-indicator .checkout-progress-indicator li a{display:block}#paymentMethod #gift-pay .help-giftcard{margin-left:10px;margin-top:44px}#paymentMethod #gift-pay .help-giftcard:before{width:30px;height:30px;font-size:14px;line-height:30px}.pt_checkout .checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row-wrap .form-row{margin:0}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform .form-row-wrap .cvn-tip a.tooltip{overflow:visible}.checkout-billing .payment-method[data-method="CREDIT_CARD"] .creditcardform h3:before{content:" ";background:url(../commun/icones/checkout_lock.png) no-repeat;padding-right:16px}.icon-lock:before{content:none}.pt_checkout.checkout-spec-payment a.tooltip:hover .tooltip-content{left:10px;top:-100px;width:245px;display:block}.wrap-indicator .checkout-progress-indicator li.active.last:before{display:none}.wrap-indicator .checkout-progress-indicator{width:100%;max-width:100%;margin-bottom:0}.pt_checkout .button-fancy-large{display:block;margin:0 auto;font-family:'roboto_condensedregular'}.wrap-indicator .checkout-progress-indicator span{width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%}.checkout-progress-indicator p{font-size:14px;display:block!important;position:initial;transform:none;-webkit-transform:none;left:0}.wrap-indicator .checkout-progress-indicator li{width:20%;margin:0}.pt_checkout .button-fancy-large{width:70%}.pt_checkout .wrap-indicator .checkout-progress-indicator:before{position:relative;top:28px;width:62%;margin:0 auto;left:initial}#shipping-method-list .country .form-row,.pt_checkout .method,.pt_checkout .method>ul li,.pt_checkout #main.primary-focus #secondary.osc{width:100%;max-width:100%;}.pt_checkout .method{text-align:center}#shipping-method-list h1{font-size:32px}#shipping-method-list .country .form-row label,.pt_checkout .method>ul{width:100%}.pt_checkout .method .box span{display:initial}.pt_checkout .method>ul li.selected>label::after{left:50%}.pt_checkout .method .box{padding:20px 20px 50px}.pt_checkout .method .box .addressPreview span{text-align:center}.fieldShip .form-row.civilUser{position:relative;top:3px}.fieldShip{max-width:100%}.fieldShip .form-row.civilUser{text-align:left;padding:10px 20px 0}.pt_checkout .method .creation{margin:40px 0 20px}.shippingAddressFields .closeAddressGuest i{display:block;padding:0}.fieldShip .form-row input[type="input"],.fieldShip .form-row input[type="email"],.fieldShip .form-row input[type="text"],.fieldShip .form-row input[type="password"],.fieldShip .form-row select,#shipping-method-list .country .form-row .form-no-caption{max-width:100%;min-width:100%}.sp-txt-adr{width:auto;margin-top:-10px}.fieldShip .form-row span.error:before{padding:0 4px 0 0}.fieldShip .form-row.civilUser span.error{position:initial;padding-bottom:20px}.fieldShip .form-row span.error{font-size:12px}.pt_checkout .method .box .storelist select{margin-top:10px}.wrap-indicator .checkout-progress-indicator li.active:before{top:22px;left:50%!important}.pt_checkout .method .box .storelist #selectStoreBtn{color:#fff!important;background:#000;border:1px solid #000;padding:0 16px}.pt_checkout .method .box .storelist #selectStoreBtn:hover{color:#000!important;background:#fff}.pt_checkout .selectAdressStore #storeInfos{background:none;color:#000;font-size:12px}.pt_checkout .selectAdressStore #storeInfos:hover{text-decoration:underline}.pt_checkout .method .box .selectstore .icon-right{display:none}#kialaShippingContent .point:last-child .kialaAdressBox{padding:30px 20px}#kialaShippingContent .point .kialaAdressBox{float:none!important}#kialaShippingContent div.select-point-default{display:block;padding:20px}.pt_checkout .method .box .kialaShippingDefault .icon-right{display:inline-block}.pt_checkout .method .box span#stores-select{display:inline-block;width:auto;height:40px;line-height:40px;text-align:right}.pt_checkout .method .box #stores{margin:0}.pt_checkout .method .box .icon-btn_right{display:block;margin:0 auto}.pt_checkout .method .box #selectStoreBtn,.pt_checkout .method .box span#stores-select{display:inline-block}.pt_checkout .method .box span.storelist{display:block}.pt_checkout .method .box .selectAdressSt{padding-top:70px}.pt_checkout .method .box .selectAdressStore .edit{font-family:'roboto_condensedregular';text-transform:uppercase;font-size:12px;}.pt_checkout .method .box .selectAdressStore .edit:hover{text-decoration:underline}.pt_checkout .method .box .selectAdressStore .edit:before{content:" >"}.pt_checkout .method .box .edit{text-decoration:underline}.pt_checkout .method .box .edit:hover{text-decoration:none}#kialaShippingContent .point:last-child .kialaAdressBox{font-size:14px;line-height:18px}#secondary.summary .mini-cart-image{width:80px}#secondary.summary .mini-cart-image img{max-width:100%}#secondary.summary .checkout-mini-cart .mini-cart-productinfo{max-width:280px}.osc#secondary .delivery .price{vertical-align:top}#secondary.summary .edit{margin-top:0}#secondary.summary .checkout-mini-cart{padding:0 20px}.osc#secondary .edit{padding:10px 0 0;margin-right:10px}.pt_checkout #main.primary-focus #secondary.osc #div-minisummary .exp-cmd{padding:10px 10px 0}.pt_checkout #main.primary-focus #secondary.osc #div-minisummary .exp-cmd span,.shippingAddressBlock .details{padding-bottom:10px}.pt_checkout #main.primary-focus #secondary.osc #div-minisummary .exp-cmd.shippingAddressBlock span{padding-bottom:10px;display:block;color:red}.order-component-block .details,.shippingAddressBlock .details{font-size:14px;line-height:18px;color:#000}} @media (max-width:1022px){.wrap-indicator .checkout-progress-indicator span{width:40px;height:40px;line-height:40px}.pt_checkout .wrap-indicator .checkout-progress-indicator:before{top:24px}} @media (max-width:860px){.pt_checkout .method .box selec{margin-top:10px}} @media (max-width:834px){.pt_checkout .method .box #selectStoreBtn{margin-top:10px}} @media (max-width:600px){.wrap-indicator .checkout-progress-indicator span{width:30px;height:30px;line-height:30px}.wrap-indicator .checkout-progress-indicator li.active:before{top:16px}.pt_checkout .wrap-indicator .checkout-progress-indicator:before{top:18px}.checkout-progress-indicator p{min-width:auto}} @media (max-width:660px){#paymentMethod #gift-pay .form-row:first-of-type{display:block}#paymentMethod #gift-pay .form-row:nth-last-of-type(1){margin-left:0}} @media (min-width:670px) AND (max-width:1023px){.loginWrap{text-align:center}.txt-log-chtk{max-width:100%}.pt_account #primary .col-1,.pt_account #primary .col-2{width:100%;margin:20px 1%;padding-bottom:27px;height:400px;min-width:302px;max-width:46%;float:left}} @media (min-width:490px) AND (max-width:669px){.pt_account .col-1,.pt_account .col-2{width:80%;min-width:80%;max-width:80%;margin-left:auto;margin-right:auto}.pt_account #primary .login-box .button{width:80%}} @media (max-width:490px){.pt_account .col-1,.pt_account .col-2{width:100%;min-width:100%;max-width:100%;margin-left:auto;margin-right:auto}.pt_account #primary .login-box .button{width:80%}} @media (max-width:440px){#paymentMethod #gift-pay .form-row:first-of-type{display:block}.wrap-indicator .checkout-progress-indicator li{width:24%}.wrap-indicator .checkout-progress-indicator li.active:before{top:14px}.pt_checkout .wrap-indicator .checkout-progress-indicator:before{width:70%;top:16px}.checkout-progress-indicator p{overflow:hidden;text-overflow:ellipsis;font-size:12px}} /* correctif logo sofort*/ html[lang="de"] .payment-method .logo {height:auto;} /* Fond mobile page login */ @media (max-width: 700px) { .pt_account #primary .connect-wrapper {background-image:none;} } /************************************************************************************************************** *** CORRECTIFS POPIN TUNNEL **************************************************************************************************************/ /* Ombre porté */ .pt_checkout .ui-dialog.dialogStoreInfo, .pt_checkout .ui-dialog { -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.44); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.44); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.44); } /************************************************************************************************************** *** CORRECTIFS WISHLIST - GLOBAL **************************************************************************************************************/ /* Coeur Gris */ .product-tile .productTile--addProductToWishlist, .wishlistSpace .icon-heart, .product-add-to-cart button.addRemoveWishlist .icon , .wishlistLink .icon { color: #b1b1b1; } /* Coeur rose au survol */ .product-tile .productTile--addProductToWishlist:hover { color: #ff8282; } /* Pas de soulignement sur le coeur */ @media (min-width: 1024px) { .icon-heart:before { display: inline-block; } } /************************************************************************************************************** *** CORRECTIFS WISHLIST - HEADER **************************************************************************************************************/ /* - MOBILE - */ /* Coeur coupé sur certains mobiles */ @media (max-width: 1023px) { .wishlistSpaceMobile, .icon-heart { line-height: 23px; } } /* - DESKTOP - */ @media (min-width: 1024px) { /* Drill mon compte : Espacement top trop important sur le lien wishlist */ .wishlist { margin-top: 0px !important; } /* Drill mon compte : coeur trop gros et trop éloigné du texte */ .wishlist.itemAccountOption .icon-heart { font-size:11px !important; padding: 0 1px !important; } } /************************************************************************************************************** *** CORRECTIFS WISHLIST - PAGE WISHLIST **************************************************************************************************************/ /* CTA Voir mon panier, ajoute un souligne au survol, empeche l'icone de se souligner */ .wishlist--goToCartLink .icon-basket:before{ display:inline-block; } .wishlist--goToCartLink:hover, .wishlist--goToCartLink:focus { text-decoration:underline; } /* Non logué : texte rouge trop grand */ .wishlist .title { font-size:12px !important; } /* Espace davantage les lignes de produits */ [class*="etam-grid-"].etam-has-row-gutter, [class^="etam-grid-"].etam-has-row-gutter{ row-gap: 1.3rem; } /* Hover tuile produit, couleur trop clair */ .wishlist--productTileImage:hover, .wishlist--productTileImage:focus { outline: #898989 solid 1px !important; } /* Tuile taille indisponible, ajoute un effet au survol du lien */ .wishlist--linkToProduct:hover, .wishlist--linkToProduct:focus { text-decoration:none; } /* Affichage d'un marketing flag dans la tuile */ .wishlist--productTileImage .marketing-ico { position: absolute; bottom: 5px; right: 10px; } /* Croix retirer un produit : corriger la couleur */ .wishlist--wrapper .icon {color:black !important;} /* Croix retirer un produit : ajoute un état au survol */ .wishlist--wrapper .icon:hover, .wishlist--wrapper .icon:focus { font-weight: bold; } /* Tuile produit, nom et prix mauvaise typo */ .product-description { letter-spacing: 0.2px; } .product-description, .product-pricing { font-family: "roboto_condensedregular", sans-serif; } /* Etat hover : Le selecteur taille à un trait trop epais */ .wishlist--sizeSelector .wishlist--sizeSelectorSelect:hover, .wishlist--sizeSelector .wishlist--sizeSelectorSelect:focus { border-width: 2px; } /* Etat off : Le selecteur taille à un trait trop epais */ .wishlist--sizeSelector .wishlist--sizeSelectorSelect { border-width: 1px; border-color: #686868; } /* Cta Tuile : il manque l'icone > */ button.wishlist--addToCartButton.js-wishlistAddToCart.noSize:after { content: ">"; display:inline-block; } /* Cta Tuile : il manque l'état au survol */ button.wishlist--addToCartButton.js-wishlistAddToCart:hover { text-decoration: underline; } /* Cta Tuile : la typo n'est pas la bonne*/ button.wishlist--addToCartButton.js-wishlistAddToCart { font-family: "roboto_condensedregular", sans-serif; } /* Tooltip error : passe derrière un produit sur la 2eme ligne */ .wishlist--sizeSelector.error .error_size { z-index: 10; } .wishlist--productAddedToCartText .icon { color: #00b61a !important; } /* - MOBILE - */ @media (max-width: 1023px) { /* Coeur coupé sur certains mobiles */ .wishlist--wrapper { min-height: 240px !important; } /* Retire le cadre */ .wishlist--wrapper {border : 0px !important;} } /* - DESKTOP - */ @media (min-width: 1024px) { /* Left nav : plus de soulignement sur le lien wishlist au hover */ .pt_myAccount #primary .recapAccount .menuMyAccount .wrapMenuMobile .wrapMyAccount li a.active:hover { text-decoration:none} /* Titre de la page, uniformise le margin-top entre la page logué non-logué */ .wishlist--title {margin-top: 20px;} .pt_myAccount .pt_account .wishlist--title {margin-top: 0px;} } /************************************************************************************************************** *** CORRECTIFS WISHLIST - CATEGORIES **************************************************************************************************************/ /* - DESKTOP - */ /* Coeur trop gros */ @media (min-width: 1024px) { .product-tile .productTile--addProductToWishlist {font-size: 12px;} } /* - DESKTOP WIDE - */ @media (min-width: 1260px) { /* Aligne verticalement le coeur sur les tailles */ .search-result-items .product-tile .productTile--addProductToWishlist { bottom: 4px; } /* Baisse la position du coeur pour le grid 4x */ .grid-4x .search-result-items .product-tile .productTile--addProductToWishlist { padding: 5px; } } /* - DESKTOP SMALL - */ @media (min-width: 1024px) and (max-width: 1259px) { .grid-2x .search-result-items .product-tile .productTile--addProductToWishlist {bottom: 9px;} .grid-3x .search-result-items .product-tile .productTile--addProductToWishlist {padding: 5px;right:5px;} .grid-4x .search-result-items .product-tile .productTile--addProductToWishlist {bottom: 0px;right:5px;} } /* - MOBILE - */ @media (max-width: 1023px) { .search-result-items .product-tile .productTile--addProductToWishlist {bottom: 0px;right:0px;} } /************************************************************************************************************** *** CORRECTIFS WISHLIST - FICHE PRODUIT **************************************************************************************************************/ /* - DESKTOP - */ @media (min-width: 1024px) { /* Cta ico coeur : réduit la taille */ .product-add-to-cart button.addRemoveWishlist .icon { font-size:9px; } } /* - MOBILE - */ @media (max-width: 1023px) { .search-result-items .product-tile .productTile--addProductToWishlist {bottom: 0px;right:0px;} } /************************************************************************************************************** *** CORRECTIFS WISHLIST - PANIER **************************************************************************************************************/ /* Panier mis de côté */ .cart-action-to-wishlist a:hover, .cart-action-to-wishlist a:focus{text-decoration:underline; } .cart-action-to-wishlist .icon { font-size: 11px;} /* - DESKTOP - */ @media (min-width: 1024px) { /* Cta ico coeur : réduit la taille */ .wishlistLink .icon { font-size:9px !important; } } /* - MOBILE - */ /* Mise en forme row product avec la wishlist */ @media (max-width: 1023px) { .wishlistLink { position: absolute; bottom: 5px; left: 120px; } .pt_cart .item-quantity select { width: 50px; height: 25px; } .pt_cart .cart-row .item-details .attribute {display:inline;} .pt_cart .cart-row .item-details .attribute:last-child:before {content: " | ";} html .pt_cart .item-quantity, html .pt_checkout .item-quantity { margin-top: 0px;} .pt_cart .item-total .price-total:before, .pt_checkout .item-total .price-total:before {display : none !important;} }