/*******************************************************************************************************************************************************************************************************************************************************************/ /* SOMMAIRE > NOUVELLE CHARTE > GLOBAL > HEADER (Pre-header, Logo, Mini Cart, Navigation, Drilldown, Recherche) > FOOTER > RESULTAT DE RECHERCHE > CATEGORIES > MARKETING FLAG (multi-page, sur les tuiles produits) > CONTACT PAGE > TUNNEL > Footer tunnel > Etapes > Livraison > Paiement > PAGE LOGIN > PAGES DE CONTENUS > TRY AT HOME (TAH) > Page de présentation > Panier (ancien + nouveau) > Popin > MODULE DE RETOUR > CORRECTIF SITE INT > PRODUIT > PANIER */ /*******************************************************************************************************************************************************************************************************************************************************************/ /* NOUVELLE CHARTE */ /* NOUVELLE CHARTE : TYPO */ .selectDelivery .country-change .panel-li, .fidelitySpace .wrapFidelity li.itemFidelity a, .accountEtam .menu-utility-user, .accountConnect .socialConnect .labelAccount, .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, #footer .reassuFooterEtam .wrapReasu li, #footer .shareFooter .wrapShare .wordingShare, #footer .footerLinks .need-help .titleSubFooter, #footer .footerLinks .subFooter .wrapSubFooter .titleSubFooter .titleItemFooter, #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter a, .cross-sell .product-description, .recommendations .product-description, .middleBlock .back_in_stock_form_wrapper .back-in-stick-header,.ui-dialog .ui-dialog-content.zoom .product-name, .pdp-beauty-main .atbConfirm .btnCheckout, .pdp-beauty-main .atbConfirm .btnShopping, .sizesChart h1, .sizesChart .mainBloc-title, .sizesChart .mainBloc-title, .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_checkout .order-totals-table .order-total td:first-child, .pt_order .order-totals-table .order-total td:first-child, #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, .fieldShip .actions #newShippingAddressApplyBtn, .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, .pt_myAccount #primary .menuMyAccount .titleMyAccount, .pt_myAccount #primary .recapWrap .pushWrapAccount h2, .pt_account #primary #FidelityRegistrationForm .form-row label, .pt_account #primary #edit-address-form .form-row label, .pt_account #primary .fieldShip .form-row label, .pt_myAccount #primary #FidelityRegistrationForm .form-row label span, .pt_myAccount #primary #RegistrationForm .form-row .buttonContinue, .pt_myAccount #primary .recapWrap .pushWrapAccount h2, .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.actionCmd .linkAction #addresses .section-header a, .address-list li .mini-address-title, .address-list li .mini-address-title, .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, .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, .ui-dialog .change-coutry-title h2, .change-coutry-wrapper fieldset h3, .ui-dialog h2, .pt_product-search-result #secondary.refinements ul a, .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, .pdp-main .product-col-2 .product-name, .cross-sell h2, .recommendations h2, .register-loyalty-card .fidelity .content-asset strong, .tryathome h2, .mini-cart-content .mini-cart-productinfo, .tah_steps li span, .pt_account #primary .connect-wrapper .col .title, #shipping-method-list h1, .wrap-indicator .checkout-progress-indicator li p, .pt_checkout .primary-content h1, .pt_account #primary .myContentInfo h3, .pt_account #primary .myContentInfoSocial h3, .ui-dialog .titleAdress, .pt_myAccount #primary .reachFive .myContentInfo .facebook h4 p .title, .pt_myAccount #primary .reachFive .myContentInfo .google h4 p .title, .pt_myAccount #primary .recapWrap p .title, .product-description, .pt_cart .complementaryProduct--desc .title, .pt_checkout .complementaryProduct--desc .title, .pt_order .complementaryProduct--desc .title, .pt_checkout .titleConfirm, .pt_checkout .confirmText h3, #st-faq #st-search #st-search-text, #st-faq #st-cat > span#st-featured, #st-faq #st-content-wrapper #st-content-title, #st-faq #st-content>li.feedback .st-feedback-comment .answer-title, .pt_contact #primary .page-title h1, .pt_contact #primary .quick-faq h2, .pt_contact #primary .txt-ct, .pt_contact #primary .contact-courrier h2, .pt_contact #primary .contact-courrier ul li:first-child, #cartes_cadeaux #block1 h1, #cartes_cadeaux #block2 h2, #cartes_cadeaux #block3 h3, .C123_titre, .C123_cat_titre, #secondary .nav_title, .titleChooseCred, checkout-billing .payment-method.payment-method-expanded[data-method=CREDIT_CARD] .creditcardform h3, .pt_account .titleCreateAccount, #paymentMethod #gift-pay .tooltip-gift-py h3 { font-family: FertigoPro,sans-serif !important; text-transform: uppercase; } body, #footer .footerLinks .subFooter .wrapSubFooter .titleSubFooter .linkSubFooter a, #footer .footerLinks .need-help .nh-p, #footer .footerUnder .copyright span, #footer .footerUnder, #footer .footerUnder, .header-search input[type=text], .search-phrase-suggestion, .search-phrase-suggestion .mainSearchSuggest, .search-suggestion-right-panel .search-suggestion-right-panel-product-price, .search-suggestion-right-panel .suggestProductLink, .search-suggestion-left-panel-hit, .search-suggestion-left-panel .search-suggestion-normal-link, .lost-country p, .change-coutry-wrapper button, .menu-wrapper, .pt_product-search-result #secondary.refinements ul li li a, .toolbar .amount, .toolbar .view, .toolbar .refiner-block .show-all span, .toolbar .mobileBar .icon-left, #backToTop, .toolbar .refiner-block .show-filters span, .toolbar .refiner-block .show-sort span, #search-result-items .grid-tile .available-options, #search-result-items .grid-tile .available-options, #search-result-items .grid-tile .available-options, .c123_prix_rond_flag, .markdown-flag, .grid-4x #search-result-items .grid-tile .markdown-flag, .avis-alert, .grid-2x .product-tile .product-pricing, .grid-3x .product-tile .product-pricing, .grid-4x .product-tile .product-pricing, .grid-5x .product-tile .product-pricing, .product-tile .product-new-price, .pagination li.current-page, .pagination li, .pt_product-search-result .pixallione-information, .pdp-main .go-back, .pdp-main .product-col-2 .product-variations h2 span, .pdp-main .sizeGuideLink, .pdp-main .swatches li a, .product-add-to-cart button, .pdp-main .reassurance li.exp, .pdp-main .wrap-desc .nav-tab .wrap-ct .ct-nav .desc-ct, .pdp-beauty-main .wrap-desc .nav-tab .wrap-ct .ct-nav .desc-ct p, .pdp-main .wrap-desc .nav-tab .wrap-ct .ct-nav .desc-ct p, .pageCgv .tableau th, .wrap-desc .pageCgv .tableau td, .pdp-main .product-col-2 .product-price .price-standard, .pdp-main .product-col-2 .product-price .price-sales, .pdp-main .product-col-2 .product-price .percentage, .cross-sell .product-price .price-sales, .recommendations .product-price .price-sales, .cross-sell .product-price .price-standard, .recommendations .product-price .price-standard, .cross-sell button.quickviewShow, #QuickViewDialog .txtAllInfo, #QuickViewDialog .listVariation .titleQcSize, .pdp-main .product-col-2 .colors p, .sizesChart .allSizes, .pt_cart .price-sales, .pt_checkout .price-sales, .pt_order .price-sales, .pt_cart .order-totals-table .order-total td, .pt_checkout .order-totals-table .order-total td, .pt_order .order-totals-table .order-total td, .cart-coupon-code #add-coupon, .cart-actions .button-fancy-large, .middleBlock .back_in_stock_form_wrapper p.bold, .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, .accountConnect .inputAccount .form-row-button .buttonAccountValid, .endShip .form-row-button .button-fancy-large, .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 .recapWrap .pushWrapAccount .myContentInfo .form-account-button button, .middleBlock .back_in_stock_form_wrapper .back-in-stock-register.button-fancy-large, .mini-cart-content .mini-cart-productinfo .mini-cart-price, .mini-cart-content .mini-cart-productinfo .attribute, .mini-cart-content .mini-cart-subtotals span, .mini-cart-content .mini-cart-link-cart, .pt_cart .item-total, .pt_checkout .item-total, .pt_order .item-total, #tah_info .tah_btn button, .tah_page .tah_btn a, #tah_info .tah_btn, .tah_page .tah_btn, .pt_account #primary .connect-wrapper, .pt_account #primary .connect-wrapper .col.login .form-row.account-mail input[type=date], .pt_account #primary .connect-wrapper .col.login .form-row.account-mail input[type=email], .pt_account #primary .connect-wrapper .col.login .form-row.account-mail input[type=input], .pt_account #primary .connect-wrapper .col.login .form-row.account-mail input[type=password], .pt_account #primary .connect-wrapper .col.login .form-row.account-mail input[type=text], .pt_account #primary .connect-wrapper .col.login .form-row.account-pswd input[type=date], .pt_account #primary .connect-wrapper .col.login .form-row.account-pswd input[type=email], .pt_account #primary .connect-wrapper .col.login .form-row.account-pswd input[type=input], .pt_account #primary .connect-wrapper .col.login .form-row.account-pswd input[type=password], .pt_account #primary .connect-wrapper .col.login .form-row.account-pswd input[type=text], .pt_account #primary .connect-wrapper .col.login .link, .pt_account #primary .connect-wrapper .col.login .buttonAccountValid, .pt_account #primary .connect-wrapper .col.login .buttonCreateAccount, .pt_account .bottomAccount .linkReturn, .pt_checkout.checkout-spec-payment .primary-focus, #secondary.summary .mini-cart-price, .osc#secondary .edit, .osc#secondary .delivery div, .osc#secondary .checkout-order-totals .order-totals-table td, .pt_checkout .method .date, .pt_checkout .method .delivery, .pt_checkout .method .price, .pt_checkout .method>ul li>label, #paymentMethod .ch-gift-pay,#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, .shippingAddressFields .closeAddressGuest, .wrap-indicator .checkout-progress-indicator li, .pt_checkout.checkout-spec-payment .form-row-button .back, .filters-wrapper .block-layered-nav .size-list a, .filters-wrapper .default-list a, .filters-wrapper .price_cursor input, .filters-wrapper .price_cursor .valid-range, .pt_cart .item-price .promoBlock123 .item-discount-precent, .tryathome .tah_label_input, .pt_cart .order-totals-table .order-total td:first-child, .pt_checkout .form-row-button .back, #addresses .section-header a, .address-list li address, .address-list li .actionAddresse a, .ui-dialog #edit-address-form fieldset .form-row label, .ui-dialog #send-to-friend-main fieldset .form-row label, .ui-dialog #edit-address-form fieldset .form-row-button .apply-button, .ui-dialog #edit-address-form fieldset .form-row-button .send-button, .ui-dialog #send-to-friend-main fieldset .form-row-button .apply-button, .ui-dialog #send-to-friend-main fieldset .form-row-button .send-button, .ui-dialog #edit-address-form fieldset .form-row-button .cancel-button, .ui-dialog #send-to-friend-main fieldset .form-row-button .cancel-button, .pt_myAccount #primary .reachFive .myContentInfo .facebook h4 p, .pt_myAccount #primary .reachFive .myContentInfo .google h4 p, .pt_myAccount #primary .reachFive .myContentInfo .facebook h4 span .reachfiveconnection, .pt_myAccount #primary .reachFive .myContentInfo .google h4 span .reachfiveconnection, .pt_myAccount #primary .recapWrap p, .product-pricing, button.wishlist--addToCartButton.js-wishlistAddToCart, .accountConnect .socialConnect .separator span, .accountConnect .inputAccount label, .accountConnect .inputAccount .form-row input, .accountConnect .inputAccount #password-reset, .accountConnect .createAccount .wishAccount, .accountConnect, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .headerInfoAccount ul li, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd.numberCmd span, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd.actionCmd .linkAction, .saved-payment-method.accountcreditcard .saved-credit-cards li .credit-card--numbers, .breadcrumb li, .pt_cart .complementaryProduct--check label, .pt_checkout .complementaryProduct--check label, .pt_order .complementaryProduct--check label, .pt_checkout .form-row-button p, .pt_checkout .headConfirmText, .pt_checkout .confirmText, #st-faq #st-search .st-submit, #st-faq .st-feedback-comment p, #st-faq #st-content>li.feedback #st-feedback-satisfied, .pt_contact #primary .quick-faq dl dt, .pt_contact #primary .quick-faq, .pt_contact #primary .contact-courrier ul li, .pt_contact #primary .contact-courrier ul>a u, #footer .footerLinks .need-help .nh-p .num-help span, .C123_txt_format .tableau td, #cartes_cadeaux #block1 p, #cartes_cadeaux #block3 p, #cartes_cadeaux #block3 ul li, #cartes_cadeaux #block3 a, #cartes_cadeaux #block4 p, #cartes_cadeaux #block2 ul li, .tah_steps li span::before, .C123_accroche, .C123_eresa_btn a, .C123_liste_eresa i, .filters-wrapper .action-block button, #footer .footerLinks .need-help .nh-p .num-help, .menuEtamRs .buttonCloseRs span, .pt_checkout .method .box #relaiscolis_shippingmethod_change a, .pt_checkout .method .box #relaiscolis_shippingmethod_select a, .pt_checkout .method .box .relaiscolis-shippingaddress p.bdTxt, .pt_cart .section-header, .filters-wrapper #filterCloseBtn a, .pt_checkout .button-fancy-large, .pdp-main .atbConfirm .btnCheckout, .pdp-main .atbConfirm .btnShopping, .pt_account #primary #RegistrationForm .form-row.form-account-button .prevAccount, .pt_account #primary #RegistrationForm .form-row label, .pt_account #primary #AddressForm .form-row .buttonContinue, .pt_account #primary #AddressForm .form-row.actions .prevAccount, .pt_account #primary #AddressForm .form-row label, .pt_account #primary #AddressForm .wordRequired, #paymentMethod #gift-pay .form-row label, .pt_myAccount #primary #FidelityRegistrationForm .form-row .buttonContinue, .pt_myAccount #primary .reachFive .myContentInfo .facebook h4 .reachfivelogout, .pt_myAccount #primary .reachFive .myContentInfo .google h4 .reachfivelogout, #secondary.summary .deliveryAdjustment>div, #secondary.summary .deliveryAdjustment .minimethod, .osc#secondary .delivery div .minimethod { font-family:FuturaStd, sans-serif !important; } /* NOUVELLE CHARTE : CTA ARRONDIS */ .cart-actions .button-fancy-large, .filters-wrapper .block-layered-nav .size-list a, #backToTop, #search-result-items .available-colors .colors ul li, .pagination li, .pagination li a, .filters-wrapper .action-block button, .product-add-to-cart button#add-to-cart, .product-add-to-cart button#e-reservation-only, .middleBlock .back_in_stock_form_wrapper .back-in-stock-register.button-fancy-large, .pdp-main .product-col-2 .colors li, .pdp-main .atbConfirm .btnShopping, .pdp-main .atbConfirm .btnCheckout, .pdp-main .swatches li.selected a, #QuickViewDialog .listVariation .defaultVar, .pt_account #primary #RegistrationForm .form-row.form-account-button .buttonContinue, .mini-cart-content .mini-cart-link-cart, .change-coutry-wrapper button, .pt_checkout.pt_account #primary #AddressForm .form-row.actions #guestAddressConfirm, .pt_checkout .endShip .form-row-button .button-fancy-large, .fieldShip .actions #newShippingAddressApplyBtn, .pt_checkout #selectStoreBtn, .pt_checkout .method .box .edit, .pt_checkout #storeInfos, .pt_myAccount #primary #FidelityRegistrationForm .form-row .buttonContinue, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .form-account-button button, #addresses .section-header a, .address-list li .actionAddresse a, .ui-dialog #edit-address-form fieldset .form-row-button .apply-button, .pt_myAccount #primary .reachFive .myContentInfo .facebook .reachfiveconnection, .wishlist .notAvailable .wishlist--addToCartButton, button.wishlist--addToCartButton.js-wishlistAddToCart, .pt_myAccount #primary .reachFive .myContentInfo .google h4 span .reachfiveconnection, .pt_checkout .button-fancy-large { border-radius : 5px; } .pt_checkout .endShip .form-row-button .button-fancy-large, .pt_checkout .button-fancy-large, body:not(.page_cart) .cart-actions .button-fancy-large { height: 50px; padding: 0; font-size: 16px; line-height: 50px; width: 300px; margin: 0 auto; display: block; vertical-align: middle; text-transform: uppercase; } /* NOUVELLE CHARTE : CTA TXT Simple */ .middleBlock .product-add-to-cart button, .middleBlock .backInStockLink .show-back-in-stock-link, .cross-sell button.quickviewShow, .fidelity-bloc.nc a, .pdp-main .go-back a, .pt_account #primary #AddressForm .form-row .prevAccount, .pt_checkout .method .box #relaiscolis_shippingmethod_select a, .pt_checkout .method .box #relaiscolis_shippingmethod_change a, .osc#secondary .edit, .address-list li .actionAddresse a.address-edit:nth-child(2), .address-list li .actionAddresse a.address-delete, .pt_myAccount #primary .reachFive .myContentInfo .facebook h4 .reachfivelogout, .pt_myAccount #primary .reachFive .myContentInfo .google h4 .reachfivelogout, .wishlist--linkToProduct, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd.actionCmd .linkAction { text-transform:uppercase; } /*******************************************************************************************************************************************************************************************************************************************************************/ /* GLOBAL */ .clear {clear: both;height: 0;line-height: 0;} body { margin:0; } @media (min-width: 1025px) { body:not(.product){padding-top:111px;} body.page_cart{padding-top:0px;} } /* GLOBAL : Style liens hover */ .pt_account #primary #RegistrationForm .form-row.form-account-button .prevAccount, .pt_account #primary #AddressForm .form-row.actions .prevAccount, .pt_checkout .method .box #relaiscolis_shippingmethod_select a, .pt_checkout .method .box #relaiscolis_shippingmethod_change a, .pt_myAccount #primary .reachFive .myContentInfo .google h4 .reachfivelogout { text-decoration:none; } .pt_account #primary #RegistrationForm .form-row.form-account-button .prevAccount:hover, .pt_account #primary #RegistrationForm .form-row.form-account-button .buttonContinue:hover, .pt_account #primary #AddressForm .form-row.actions .prevAccount:hover, .pt_checkout #selectStoreBtn:hover, .pt_checkout .method .box .edit:hover, .pt_checkout #storeInfos:hover, .pt_checkout .method .box #relaiscolis_shippingmethod_select a:hover, .pt_checkout .method .box #relaiscolis_shippingmethod_change a:hover, .pt_checkout .button-fancy-large:hover, .osc#secondary .edit:hover, .pt_myAccount #primary #FidelityRegistrationForm .form-row .buttonContinue:hover, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .form-account-button button:hover, #addresses .section-header a:hover, .address-list li .actionAddresse a:hover, .pt_myAccount #primary .recapWrap .pushWrapAccount .myContentInfo .itemLineCmd .itemCmd.actionCmd .linkAction:hover, .pt_myAccount #primary .reachFive .myContentInfo .google h4 .reachfivelogout:hover { text-decoration:underline; } /*******************************************************************************************************************************************************************************************************************************************************************/ /* HEADER */ /* - DESKTOP - */ /* PRE-HEADER : Country selector - Titre trop long */ html[lang="fr"] .change-coutry-wrapper fieldset h3 {font-size: 9px;} @media (min-width: 1024px) { /* PRE-HEADER | DESKTOP : Country Switcher */ html[lang="fr"] .delivery-change:after { background-image: url('../commun/icones/ico_fr.png'); background-size: 15px 10px; display: inline-block; width: 15px; height: 10px; content: ""; margin: 0px 0 0 4px; } .selectDelivery .country-change .panel-li .delivery-change:hover, .selectDelivery .country-change .panel-li .delivery-change:focus {text-decoration: none;} /* MIDDLE-HEADER | DESKTOP : Container */ header{max-height: 80px;} } /* - MOBILE - */ @media (min-width: 769px) and (max-width: 1024px) { /* AB TEST */ /* 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;} } @media (max-width: 768px) { /* AB TEST */ /* MIDDLE-HEADER | MOBILE : Containers */ body:not(.product) #header header .middleHeader .wrapComponent {padding: 0 0 10px 0;} body:not(.product) #header header .middleHeader {padding: 0;float:initial;} body:not(.product) #header header .headerTop {height: 30px;padding-top: 10px;margin-bottom: 0px;} body:not(.product) #header header .headerTop .wrapComponent{text-align:right;} } /*******************************************************/ /*******************************************************/ /* PRE-HEADER: LINKS */ @media (min-width: 769px) { /* AB TEST */ .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;} } @media (max-width: 768px) { /* AB TEST */ body:not(.product) .selectDelivery .country-change .panel-li .delivery-change,body:not(.product) .selectDelivery .country-change .panel-li span,body:not(.product) .fidelitySpace .wrapFidelity li.itemFidelity a,body:not(.product) .selectDelivery .country-change .panel-li span,body:not(.product) .user-login {color: #606060 !important;} body:not(.product) #header header .headerTop {background: transparent;} } /* - PRE-HEADER : DESKTOP - */ @media (min-width: 1024px) { /* PRE-HEADER : 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;} /* HEADER : 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: 11px;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 (min-width: 769px) and (max-width: 1024px) { /* AB TEST */ /* PRE-HEADER : 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; } /* PRE-HEADER : 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; } /* PRE-HEADER : 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: 11px;padding-left:20px;color:white;} .accountConnect ul .itemAccountOption.disconnect a:before{border-color:white;} } @media (max-width: 768px) { /* AB TEST */ /* PRE-HEADER : Liens à droite */ body:not(.product) .selectDelivery .country-change .panel-li .panel-links li, body:not(.product) .selectDelivery .country-change .panel-li, body:not(.product) .selectDelivery, body:not(.product) .accountEtam .menu-utility-user, body:not(.product) .accountEtam .menu-utility-user li { line-height: initial; height: initial; } /* PRE-HEADER : Country selector */ body:not(.product) .selectDelivery .country-change .panel-li .delivery-change{padding-left: 0px;} body:not(.product) .selectDelivery { float:initial; padding-left: 0; padding-right: 15px; position:relative; top: 3px; } /* PRE-HEADER : Mon compte + drill mon compte */ body:not(.product) .selectDelivery, body:not(.product) .wrapComponent .rl { float: initial; display: inline-block; } body:not(.product) .accountConnect{width:100%;text-align:center;} body:not(.product) .accountConnect.overActive{text-align:center;} body:not(.product) .accountConnect ul .itemAccountOption.disconnect{right:-15px;} body:not(.product) .accountConnect ul .itemAccountOption.disconnect a:before{height:14px;width:14px;line-height:14px;} body:not(.product) .accountConnect ul .itemAccountOption.disconnect a{font-size: 11px;padding-left:20px;color:white;} body:not(.product) .accountConnect ul .itemAccountOption.disconnect a:before{border-color:white;} } /*******************************************************/ /*******************************************************/ /* LOGO */ /* - DESKTOP - */ @media (min-width: 1024px) { .primary-logo {margin-top:-10px;height: initial;} } /* - MOBILE - */ @media (min-width: 769px) and (max-width: 1024px) { /* AB TEST */ body:not(.page_cart) .primary-logo, body:not(.page_cart) .primary-logo.active {top: -16px;margin-left: -120px;} } @media (max-width: 768px) { /* AB TEST */ body:not(.abTest, .page_cart) .primary-logo, body:not(.abTest, .page_cart) .primary-logo.active {top: -16px;margin-left: -120px;} } /*******************************************************/ /*******************************************************/ /* MINI-CART */ /* - MINI-CART DESKTOP - */ @media (min-width: 1025px) { /* 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;font-size: 12px;} .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;} .mini-cart-content .mini-cart-subtotals{padding:10px 0 0;} .mini-cart-content .mini-cart-subtotals span{font-size:14px;} .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;} .mini-cart-content .mini-cart-productinfo .name:hover, .mini-cart-content .mini-cart-link-cart:hover {text-decoration:underline;} } @media (min-width: 769px) and (max-width: 1024px) { /* AB TEST */ /* 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;} } @media (max-width: 768px) { /* AB TEST */ /* MOBILE : Mini-cart */ body:not(.product) #header header .middleHeader .wrapComponent{padding-bottom:10px;} body:not(.product) #mini-cart {padding-left:25px;padding-bottom:0;} body:not(.product) #mini-cart .mini-cart-label, body:not(.product) #mini-cart .mini-cart-total, body:not(.product) #mini-cart .buttonBasket{margin-right: 15px;} body:not(.product) #mini-cart .mini-cart-label, body:not(.product) .buttonMenuEtam{line-height:23px;height:23px;} } /*******************************************************/ /*******************************************************/ /* NAVIGATION */ @media (min-width: 1024px) { /* AB TEST */ #navigation {border-bottom: 1px solid #d2d2d2;} .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;} } @media (max-width: 768px) { /* AB TEST */ body:not(.product) #navigation {border-bottom: 1px solid #d2d2d2;} body:not(.product) .menu-wrapper {box-sizing: content-box;} body:not(.product) .menu-wrapper .title-top {display: none;} body:not(.product) .menu-wrapper a img:hover, body:not(.product) .menu-wrapper a img:focus{opacity: 0.8;} } /* - DESKTOP - */ @media (min-width: 1025px) { /* DESKTOP : Navigation */ ul.level-1 {margin:0; padding: 0;} #navigation ul.level-1 li.mainItem + li {margin-left: 20px;} .mainItem.nos-actus a.level-1{font-family: 'Satisfy', cursive !important;text-transform: lowercase;font-size: 24px;} ul.level-1 a.level-1 {font-size: 13px;} 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: "FertigoPro", sans-serif;font-size:14px;margin-bottom:20px;} } /* - MOBILE - */ @media (min-width: 769px) and (max-width: 1024px) { /* AB TEST */ /* 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;} .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;} ul.level-1 a.level-1.active .icoMenu.icon-right {color:black;} #navigation nav ul.level-1 .C123_tuile_push_links:not(.drilldown_col) li:nth-child(1) {display:none;} } @media (max-width: 768px) { /* AB TEST */ /* MOBILE : Menu Burger */ body:not(.product) .buttonMenuEtam:before {font-size: 19px;} body:not(.product) .buttonMenuEtam { position: relative; top: -13px; width: 45px; } body:not(.product) .menuEtamRs .buttonCloseRs {width:44px;height:44px;} body:not(.product) .menuEtamRs .buttonCloseRs:before { font-size: 16px; } body:not(.product) #mini-cart .icon-basket2 { top: -11px; } /* MOBILE : Navigation */ body:not(.product) .menuEtamRs .buttonCloseRs {box-shadow:none;} body:not(.product) #navigation nav ul.level-1 li a.level-1{font-size:14px;box-sizing: border-box;} body:not(.product) #navigation nav ul.level-1 .activeSubMenu.active, body:not(.product) #navigation nav ul.level-1 li+.mainItem {background: #f5f5f5;} body:not(.product) #navigation nav ul.level-1 .activeSubMenu.active a.level-1{color:black;} body:not(.product) .menuEtamRs .icon-close:before{border:none;} body:not(.product) #navigation nav ul.level-1 li a:hover, body:not(.product) #navigation nav ul.level-1 li a:focus{text-decoration:underline;} body:not(.product) ul.level-1 a.level-1.active .icoMenu.icon-right {color:black;} body:not(.product) #navigation nav ul.level-1 .C123_tuile_push_links:not(.drilldown_col) li:nth-child(1) {display:none;} } /*******************************************************/ /*******************************************************/ /* 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 : 'FertigoPro', sans-serif; text-transform:uppercase; font-size: 12px; line-height: 14px; } .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: 'FertigoPro', 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 { font-family: 'FertigoPro', 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: "FertigoPro"; 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 (min-width: 769px) and (max-width: 1024px) { /* AB TEST */ /* 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; } } @media (max-width: 768px) { /* AB TEST */ /* MOBILE : RECHERCHE */ body:not(.product) .header-search {top: 36px;} body:not(.product) .header-search input[type=text]{font-size:16px;} body:not(.product) .buttonSearchMobile.active { margin-top:0; height: 23px; line-height: 23px; } body:not(.product) .accountConnect .inputAccount .inputRowAccount .form-row-button { margin-top: 0; padding: 0; vertical-align: bottom; } } /*******************************************************************************************************************************************************************************************************************************************************************/ /* FOOTER */ #footer .footerUnder .listUnderFooter ul li { font-size: 11px; line-height: 15px; } /* - FOOTER : DESKTOP - */ @media (min-width: 1024px) { /* FOOTER : 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; } /* FOOTER : Social */ #footer .shareFooter .wrapShare{height: initial;} #footer .shareFooter .wrapShare .wordingShare {line-height: initial;} #footer .shareFooter .wrapShare .shareLink .wrapShareLink .itemShareLink a {font-size: 20px;} /* FOOTER : Liens Footer */ #footer .footerLinks .need-help div:nth-child(4) {line-height: 16px;} #footer .footerLinks .need-help .num-help-txt {font-size: 11px;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;} /* FOOTER : Liens Copyright */ #footer .footerUnder .copyright span {padding:0;} /* FOOTER : BACK TO TOP BTN */ #backToTop {font-size:15px;} } /* - MOBILE - */ @media (max-width: 1023px) { /* FOOTER : 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: FertigoPro; } #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;} /* FOOTER : 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;} /* FOOTER : E-komi */ #eKomiWidget_default {text-align:center;padding-bottom:20px;} /* FOOTER : 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: 11px;} #footer .footerUnder .copyright span{padding:0;} /* FOOTER : BACK TO TOP BTN */ html[lang='de'] #backToTop .icon-backtop:before {left:78px;} html[lang='nl-BE'] #backToTop .icon-backtop:before {left:65px;} } /* FOOTER : Icones CB */ .imgCard .ico_visa,.imgCard .ico_master_card,.imgCard .ico_american_express,.imgCard .ico_paypal,.imgCard .ico_eBleue,.imgCard .ico_bancontact, .imgCard .ico_sofort, .imgCard .ico_3x, .imgCard .ico_giropay, .imgCard .ico_maestro, .imgCard .ico_jcb {text-indent: -999em;display: inline-block;width: 35px;height: 22px;margin-right: 5px;} .imgCard .ico_eBleue {width: 55px;} .imgCard .ico_sofort {width: 66px;} .imgCard .ico_giropay {width: 43px;} .imgCard .ico_visa {background: url('../commun/icones/visa.png') no-repeat left top;} .imgCard .ico_master_card {background: url('../commun/icones/masterCard.png') no-repeat left top;} .imgCard .ico_american_express {background: url('../commun/icones/americanExpress.jpg') no-repeat left top;} .imgCard .ico_paypal {background: url('../commun/icones/payPal.png') no-repeat left top;} .imgCard .ico_eBleue {background: url('../commun/icones/eBleue.jpg') no-repeat left top;} .imgCard .ico_sofort {background: url('../commun/icones/sofort.png') no-repeat left top;} .imgCard .ico_giropay {background: url('../commun/icones/giropay.png') no-repeat left top;} .imgCard .ico_bancontact {background: url('../commun/icones/bancontact.png') no-repeat left top;} .imgCard .ico_3x {background: url('../commun/icones/fr_troisFoisSansFrais.png') no-repeat left top;} .imgCard .ico_maestro {background: url('../commun/icones/mastro.jpg') no-repeat left top;} .imgCard .ico_jcb {background: url('../commun/icones/jcb.jpg') no-repeat left top;} /* - FOOTER : MOBILE - */ @media (max-width: 1023px) { #footer .footerLinks .subFooter .wrapSubFooter .itemUperFooter.imgCard{ padding-top:20px; text-align:center; } .imgCard .ico_visa, .imgCard .ico_master_card, .imgCard .ico_american_express, .imgCard .ico_paypal, .imgCard .ico_eBleue, .imgCard .ico_bancontact, .imgCard .ico_sofort, .imgCard .ico_3x, .imgCard .ico_giropay {margin-right:12px;} } /*******************************************************************************************************************************************************************************************************************************************************************/ /* 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; } } /*******************************************************************************************************************************************************************************************************************************************************************/ /* CATEGORY */ /* GRID PRODUCT */ /* Centrage produit */ [class^=optim_categ__-] #main { max-width: initial !important; } .pt_product-search-result .primary-content { margin-left: auto !important; margin-right: auto !important; float: initial !important; } /* 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 : 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;} } /* - MOBILE - */ @media (max-width: 1024px) { /* 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, #primary > div.toolbar > div:nth-child(3) {display: none;} .toolbar .amount .nblistTitle .view { display: inline-block; position: relative; margin-left: 7px; } .toolbar .amount .nblistTitle .view:before { content: ""; width: 1px; height: 16px; background: #a1a1a1; display: block; margin-top: -8px; top: 50%; left: -5px; position: absolute; } /* 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;} } /*******************************************************/ /*******************************************************/ /* Maillage SEO Pixalione */ .pixallione-auto {margin-top: 10px;} .pixallione-auto, .pixallione-auto li { font-size: 11px; line-height: 14px; font-family: 'FuturaStd', sans-serif; color: #333; } .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:'FertigoPro',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%); } } /*******************************************************************************************************************************************************************************************************************************************************************/ /* MARKETING FLAG : DEMARQUES + couleurs dans le fichier op_dispositif.css */ @media (min-width: 769px) { /* AB TEST */ .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;} .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; 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; } /* 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; } } @media (max-width: 768px) { /* AB TEST */ body:not(.product) .search-suggestion-right-panel .search-suggestion-right-panel-product-price .percentage,.pdp-main .product-price .percentage, body:not(.product) .search-suggestion-right-panel .search-suggestion-right-panel-product-price .percentage, body:not(.product) .pdp-main .product-price .percentage {padding: 0 4px;} /* Flag top left */ body:not(.product) .C123_flag_top_left {margin-left:5px;margin-top:5px;} /* Réduction de la taille des points rouges */ body:not(.product) .productpointcolor {width: 10px;height: 10px;} body:not(.product) .c123_prix_rond_flag, .markdown-flag, body:not(.product) .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; position: relative } body:not(.product) .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 } body:not(.product) .lastseen .c123_prix_rond_flag { height: 16px !important; line-height: 16px !important; font-size : 12px !important; } html[lang="fr-CH"] body:not(.product) .lastseen .c123_prix_rond_flag, html[lang="fr-CH"] body:not(.product) .c123_prix_rond_flag { width: 50px; max-width: 50px; } html[lang="fr-CH"] body:not(.product) .lastseen .topRightFlag{ max-width: initial !important; } /* Marketing flag dans les derniers vus */ body:not(.product).lastseen .c123_prix_rond_flag::after {content: none;} body:not(.product).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 */ body:not(.product).product-cross-sell .c123_prix_rond_flag { font-size: 18px; height: 40px; width: 40px; line-height: 40px; margin: 5px 5px 0 0; } body:not(.product).product-cross-sell .c123_prix_rond_flag::after { height: 34px; width: 34px; line-height: 34px } /* TAILLE PRIX ROND CH */ html[lang="fr-CH"] body:not(.product) .c123_prix_rond_flag{ font-size: 14px; height: 50px; width: 50px; line-height: 50px; } html[lang="fr-CH"] body:not(.product) .c123_prix_rond_flag::after { height: 44px; width: 44px; line-height: 44px; } } /* Modification de mise en forme + Réduction des marketing flags en fonction des résolutions d'écran */ @media only screen and (max-width: 479px) {body:not(.product) .search-result-items .product-tile .topRightFlag img {max-width: 30px;}} @media (max-width: 510px) { body:not(.product) .markdown-flag, body:not(.product) .c123_prix_rond_flag, body:not(.product) .product-cross-sell .markdown-flag, body:not(.product) .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: 'FertigoPro'; } body:not(.product) .c123_prix_rond_flag::after { height: 24px; width: 24px; line-height: 24px } } /******************************************************************************************************************************************************************************************************************************************************************/ /* 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;} /* Formulaire de contact Easiware */ div[id^="easi_fielddiv_"] { overflow: visible; margin: 0; padding: 0 0 20px; position: relative; clear: both; } #easiformarea label { min-width: 198px; text-align: right; display: inline-block; height: 32px; line-height: 32px; padding: 0 10px 0 0; text-transform: uppercase; font-family: FuturaStd, sans-serif; } #easiformarea select { width: 317px; height: 40px; display: inline-block; padding: 0 8px; } #easiformarea input[type="text"]{ width: 299px; height: 40px; display: inline-block; padding: 0 8px; } #easiformarea textarea { width: 299px; display: inline-block; padding: 0 8px; min-height: 138px; } #easi_fieldlabel_Description{vertical-align:top;} #fld_AttachedFilesarea { border: 1px solid #b4b4b4; color: #000; cursor: pointer; text-align: center; width: 305px; min-width: 198px; display: inline-block; height: 32px; line-height: 32px; padding: 0 10px 0 0; text-transform: uppercase; font-family: FuturaStd, sans-serif; } #validatebutton { background: #1c1b1b; min-width: 190px; height: 42px; line-height: 42px; font-size: 14px; display: block; padding: 0; margin: 0 auto 0 211px; text-align: center; font-family: FuturaStd, sans-serif; position: relative; text-transform: uppercase; float: none; clear: none; width: 316px; } /* - MOBILE - */ @media (max-width: 1023px) { #easiformarea label {text-align:left;} #validatebutton {margin-right: auto;margin-left:auto;} } /******************************************************************************************************************************************************************************************************************************************************************/ /* TUNNEL */ /* TUNNEL : Footer tunnel */ #footerCheckout li + li { display: inline-block; padding-left: 15px; margin-left: 15px; border-left: 1px solid black; } #footerCheckout li a:hover { text-decoration: underline; } /* TUNNEL : ETAPES */ @media (max-width:440px){ .wrap-indicator .checkout-progress-indicator { width: 100%; max-width: 100%; } .wrap-indicator .checkout-progress-indicator li{width:23%; margin: 0;} } .pt_checkout #main { margin-top:20px; } /* TUNNEL : Livraison blocs */ .pt_checkout .method .boxContainer, .pt_checkout .method>ul li.selected>label { border-width: 1px; } /* TUNNEL : Livraison en magasin */ input.departement { text-align:center; width: 35px; } .pt_checkout .method .box #stores { max-width: 250px; } .pt_checkout .method .box .edit { box-sizing: content-box; } #addresses > div > div > div > span.selectstore > div > span:nth-child(5) { display:none; } /* TUNNEL : Livraison CTA Livraison Relais colis */ .pt_checkout .method .box #relaiscolis_shippingmethod_select a { border: 1px solid #000; height: 50px; line-height: 50px; width: 300px; display: inline-block; text-align: center; } .pt_checkout .method .box #relaiscolis_shippingmethod_change a:before, .pt_checkout .method .box #relaiscolis_shippingmethod_select a:before { position:relative; display: inline-block; } /* TUNNEL : Livraison MOBILE */ @media (max-width: 1023px) { /* TUNNEL : Livraison blocs */ .pt_checkout .method>ul li, .pt_checkout .method>ul{ width: 100%; } .pt_checkout .method { max-width : initial; } .pt_checkout .method>ul li { margin-left: 0; } .pt_checkout .method>ul li>input, .pt_checkout .method>ul li.selected>label::after { left: 50%; } .endShip .form-row-button { text-align:center; } .fieldShip>.shipAddressGuest { background: transparent; } .fieldShip { max-width: initial; background: #f8f8f8; } } /* TUNNEL : Livraison DESKTOP */ @media (min-width: 1024px) { /* TUNNEL : Livraison blocs */ .pt_checkout .method>ul li { margin-left: 28px; } } /* TUNNEL : Paiement */ /* TUNNEL : Paiement - Bloc carte cadeau */ #paymentMethod #gift-pay .form-row:first-of-type input { min-width: 200px; } @media (min-width: 1024px) { #paymentMethod #gift-pay .form-row { padding-left: 0px; } #paymentMethod #gift-pay .form-row label { font-size: 12px; } #paymentMethod #gift-pay .form-row:first-of-type input { min-width: 230px; } #paymentMethod #gift-pay > div.field-gift-nb > div:nth-child(2) { margin-left: 30px; } } /* TUNNEL : Paiement */ .pt_checkout .primary-content h1 { font-size: 25px; margin-bottom: 25px; } .checkout-billing #paymentMethod #type { padding-bottom: 5px; } @media (max-width: 1023px) { .pt_checkout .primary-content h1 { font-size: 17px; margin-bottom: 0; } #paymentMethod { margin-bottom : 30px; } .checkout-billing #paymentMethod #type .form-row { padding-bottom: 0; } } /******************************************************************************************************************************************************************************************************************************************************************/ /* PAGE LOGIN */ /* Visuel */ .pt_account #primary .connect-wrapper { background: url("../contenusFixes/bg_connect.jpg") no-repeat top left; } /******************************************************************************************************************************************************************************************************************************************************************/ /* CONTENUS */ /* CONTENUS : 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"; } /* CONTENUS : Mise en forme de textes */ .C123_txt_format h1{margin:30px 0 0;padding:0;font-size:30px;line-height:32px;font-family:FertigoPro,sans-serif}.C123_txt_format h2,.C123_txt_format h3{margin-top:30px;font-family:FertigoPro,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:FertigoPro,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:FuturaStd,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:FertigoPro;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} /* CONTENUS : 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: 'FertigoPro', 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;} /* CONTENUS : Guide des tailles */ @media (min-width: 769px) { /* AB TEST */ body:not(.page_cart) .ui-dialog.ui-widget.sizeGuidePopIn {position:absolute;} body:not(.page_cart) .sizeGuidePopIn {top: 10px !important;} } @media (max-width: 768px) { /* AB TEST */ body:not(.product) .ui-dialog.ui-widget.sizeGuidePopIn {position:absolute;} body:not(.product) .sizeGuidePopIn {top: 10px !important;} } /******************************************************************************************************************************************************************************************************************************************************************/ /* TRY AT HOME */ /* TRY AT HOME : Page présentation TAH */ .tah_page h1 {margin: 30px 0;} .tah_page h1, .tah_page h2, .tah_page .tah_txt_intro {text-align:center;} .tah_page h2 { font-size: 20px; line-height: 20px; text-transform:uppercase; } .tah_txt_intro em { font-size: 14px; line-height: 20px; color: black; font-style: normal; } /* TRY AT HOME : Zone FAQ */ .tah_faq { padding: 50px 70px; box-sizing: border-box; background: #f3f3f3; margin: 40px 0; } .tah_faq_titre { font-size: 28px; line-height: 30px; min-height: 32px; color: #ff5d65; font-family: "FertigoPro",sans-serif; background: url("../commun/icones/ico_aide_corail_big.png?$staticlink$") center left transparent no-repeat; margin-bottom: 30px; } .tah_faq_titre, .tah_faq dl { padding-left: 42px; } .tah_faq dt, .tah_faq dl, .tah_faq dd { float: initial !important; margin: 0px !important; padding: 0px !important; } .tah_faq dt { font-size: 24px; line-height: 26px; margin-bottom: 10px !important; } .tah_faq dt::before { content: "-"; padding-right: 3px; } .tah_faq dd { font-size: 12px; line-height: 18px; margin-bottom: 20px !important; } @media screen and (min-width: 1024px) { #pt_content__ae3273db17b4370547667b2f85::before { width: 100%; height: 100px !important; content: " "; background: black; display: block; margin-top: -17px !important; } #pt_content__ae3273db17b4370547667b2f85 #primary { background: white!important; margin-top: -50px!important; padding: 20px; margin-top:20px; box-sizing: border-box; } } @media screen and (max-width: 1023px) { .tah_page { border-top: 20px solid black; padding-top: 10px; } .tah_page h1 img { width: 200px; } .tah_page h2 { font-size: 14px; line-height: 14px; } .tah_txt_intro em { font-size: 13px; line-height: 16px; } /* TRY AT HOME : faq */ .tah_faq { padding: 15px 20px; margin: 20px 0; } .tah_faq_titre { font-size: 20px; line-height: 28px; min-height: 28px; background-size: 20px; } .tah_faq_titre{ padding-left: 26px; margin-bottom: 20px; } .tah_faq dt { font-size: 18px; line-height: 20px; } } /* TRY AT HOME : PANIER TAH*/ /* TRY AT HOME : PANIER Mise en forme du bloc TAH */ .tryathome { background: url("../contenusFixes/tah/logo_tah_2.png") 24px center transparent no-repeat; background-size: 130px; font-size: 11px; padding: 8px 25px 8px 165px; min-height: 75px; } .tryathome .tryathome__content{padding:0;} .tryathome__content__input { text-align:right; } /* TRY AT HOME : PANIER Mise en forme des textes TAH * AB TEST * */ body:not(.page_cart) .tryathome h2, body:not(.page_cart) .tryathome p, body:not(.page_cart) .tryathome button { margin: 0px; padding: 0px; } body:not(.page_cart) .tryathome p, body:not(.page_cart) .tryathome button {display:inline-block;} body:not(.page_cart) .tryathome h2{ font-size: 14px; line-height: 16px; text-transform:uppercase; font-weight:bold; margin-top: 22px; color: #ff5d65; } body:not(.page_cart) .tryathome p, body:not(.page_cart) .tryathome button{ font-size: 11px; line-height: 15px; text-transform: initial; font-weight:normal; } body:not(.page_cart) .tryathome .tah_label_input { text-align:right; font-size: 13px; line-height: 15px; margin-right: 6px; } body:not(.page_cart) .tryathome .tah_label_input span{ display:block; font-size: 12px; } body:not(.page_cart) .tryathome .open-dialog {text-decoration:underline;} body:not(.page_cart) .tryathome .open-dialog:hover, body:not(.page_cart) .tryathome .open-dialog:focus {text-decoration:none;} body:not(.page_cart) .tah_ico_aide button { color:white; background: #ff5d65; text-align:center; text-decoration:none !important; border-radius: 50%; border: 1px solid #ff5d65; } /* TRY AT HOME : PANIER Mise en forme bloc mode de paiement */ html[lang='fr'] body:not(.page_cart) .enabled_pm { padding: 15px 30px; border: 1px solid #b2b2b2; } html[lang='fr'] body:not(.page_cart) .enabled_pm p{ font-size: 13px; line-height: 15px; margin : 0 0 8px 0; font-family: "FertigoPro",sans-serif; } /* TRY AT HOME : PANIER Retire le fond de l'encartement */ body:not(.page_cart) .register-loyalty-card .fidelity{ background: transparent; } /**************************************************************************/ /* TRY AT HOME : Popin TAH */ body:not(.page_cart) #tah_info{ box-sizing: border-box; } @media screen and (min-width: 1024px) { body:not(.page_cart) #tah_info { width: 800px; height: 500px; overflow:hidden; padding: 30px !important; } body:not(.page_cart) .tah_steps::after { content: ''; display: block; clear: both; } body:not(.page_cart) .tah_page .tah_steps li { width: 25%; } body:not(.page_cart) #tah_info .tah_steps li { width: 33.333%; } body:not(.page_cart) .tah_steps li { float: left; } body:not(.page_cart) .tah_steps::before { content: ""; display:block; width: 100%; border-top: 1px dotted black; position:absolute; top: 50px; } body:not(.page_cart) .tah_page .tah_steps li { padding-left: 30px; padding-right: 30px; } body:not(.page_cart) .tah_steps li::before {content:"";display:inline-block;height:75px; padding: 0 8px;margin: 0 auto;} body:not(.page_cart) #tah_info .tah_steps li:nth-child(1)::before{background: url("../contenusFixes/tah/logo_tah_2.png?$staticlink$") center center white no-repeat;background-size: 110px;width:116px;} body:not(.page_cart) #tah_info .tah_steps li:nth-child(2)::before{background: url("../contenusFixes/tah/picto3.png?$staticlink$") center center white no-repeat;width:35px;} body:not(.page_cart) #tah_info .tah_steps li:nth-child(3)::before{background: url("../contenusFixes/tah/picto4.png?$staticlink$") center center white no-repeat;width:47px;} body:not(.page_cart) .tah_page .tah_steps li:nth-child(1)::before{background: url("../contenusFixes/tah/picto1.png?$staticlink$") center center white no-repeat;width:45px;} body:not(.page_cart) .tah_page .tah_steps li:nth-child(2)::before{background: url("../contenusFixes/tah/logo_tah_2.png?$staticlink$") center center white no-repeat;background-size: 110px;width:116px;} body:not(.page_cart) .tah_page .tah_steps li:nth-child(3)::before{background: url("../contenusFixes/tah/picto3.png?$staticlink$") center center white no-repeat;width:35px;} body:not(.page_cart) .tah_page .tah_steps li:nth-child(4)::before{background: url("../contenusFixes/tah/picto4.png?$staticlink$") center center white no-repeat;width:47px;} body:not(.page_cart) .tah_popin_titre { min-height: 70px; } body:not(.page_cart) .tah_popin_accroche { font-size: 16px; line-height: 16px; } } @media screen and (max-width: 1023px) { body:not(.page_cart) #tah_info{ padding: 20px 10px !important; overflow-y: scroll; } body:not(.page_cart) #tooltip .tah_btn { padding-bottom: 30px; } body:not(.page_cart) #tah_info a.icon-close { font-size: 20px; } body:not(.page_cart) .tah_steps { margin-top: 20px; } body:not(.page_cart) .tah_steps li { margin-top: 0; padding-top: 0 !important; } body:not(.page_cart) .tah_steps li:last-child { margin-bottom: 0; padding-bottom: 0 !important; } body:not(.page_cart) .tah_steps::after, .tah_steps::before { content: ""; display:block; margin: 20px auto; width: 30%; border-top: 1px dotted black; } body:not(.page_cart) .tah_popin_titre { background-size: 200px !important; min-height: 50px; } body:not(.page_cart) .tah_popin_accroche { font-size: 14px; line-height: 14px; } body:not(.page_cart) #tah_info .tah_bt, .tah_page .tah_btn { margin-bottom: 30px; } } body:not(.page_cart) #tah_info a.icon-close { position:absolute; right: 0px; top: 0px; } body:not(.page_cart) #tah_info a.icon-close:hover { cursor: pointer; } body:not(.page_cart) .tah_popin_titre { background: url("../contenusFixes/tah/logo_tah_2.png?$staticlink$") top center transparent no-repeat; text-indent: -9999em; } body:not(.page_cart) .tah_popin_titre, .tah_popin_accroche { margin: 0; text-align: center; } body:not(.page_cart) .tah_popin_accroche { text-transform :uppercase; } body:not(.page_cart) .tah_steps li { padding: 15px; box-sizing: border-box; text-align:center; position:relative; z-index:10; } body:not(.page_cart) .tah_steps {position:relative;z-index:0;} body:not(.page_cart) .tah_steps li:nth-child(1) span::before{content: "1.";} body:not(.page_cart) .tah_steps li:nth-child(2) span::before{content: "2.";} body:not(.page_cart) .tah_steps li:nth-child(3) span::before{content: "3.";} body:not(.page_cart) .tah_steps li:nth-child(4) span::before{content: "4.";} body:not(.page_cart) .tah_steps li span::before { display:block; font-size: 26px; line-height: 26px; font-weight: bold; color: #ff5d65; } body:not(.page_cart) .tah_steps li { font-size: 12px; line-height: 20px; } body:not(.page_cart) .tah_steps li span { display:block; font-size: 13px; line-height: 20px; text-transform:uppercase; font-weight:bold; padding-bottom: 5px; } body:not(.page_cart) #tah_info .tah_btn, body:not(.page_cart) .tah_page .tah_btn { margin-top: 20px; text-align:center; } body:not(.page_cart) #tah_info .tah_btn button, body:not(.page_cart) .tah_page .tah_btn a { padding: 16px 45px; font-size: 18px; line-height: 20px; text-transform: uppercase; color:white; background: #ff5d65; display:inline-block; margin: 0 auto 6px; text-decoration: none; } body:not(.page_cart) #tah_info .tah_btn .icon-close:before {display:none;} body:not(.page_cart) .tah_btn button:hover, body:not(.page_cart) .tah_btn button:focus, body:not(.page_cart) .tah_btn a:hover, .tah_btn a:focus { text-decoration: underline; } body:not(.page_cart) .tah_page .tah_btn button, body:not(.page_cart) #tah_info .tah_btn a { display:inline-block; font-size: 13px; line-height: 15px; color:black; text-decoration: none; } /**************************************************************************/ /* TRY AT HOME : NEW PANIER Adaptation TAH Desktop */ .cart__popin.deleteProductDialog .tah_image{ display:none; } .cart__popin.deleteProductDialog .tah_text { padding-left: 0; } .cart__popin.deleteProductDialog .tryathome { padding: 0 0 0 120px; background-position: left 15px; } .cart__popin.deleteProductDialog .tryathome__content__text label .content-asset { grid-template-columns: initial; } @media screen and (min-width: 1024px) { body:not(.page_cart) .tryathome__content__text { width: 80%; } body:not(.page_cart) .tryathome__content__input { width: 20%; } body:not(.page_cart) .tryathome__content__text, body:not(.page_cart) .tryathome__content__input { position:relative; top: -10px; } body:not(.page_cart) .tryathome .tryathome__content__input input[type=checkbox] { right: 30px; } body:not(.page_cart) .tah_ico_aide { display: inline-block; position: relative; top: -11px; left: 26px; } body:not(.page_cart) .tah_ico_aide button { line-height: 14px; height: 16px; width: 16px; } body:not(.page_cart) .tryathome .tryathome__content__input { padding-left: 0px; } } @media screen and (min-width: 1024px) AND (max-width: 1043px){ body:not(.page_cart) .tryathome__content__text { width: 77%; } } /**************************************************************************/ /* TRY AT HOME : NEW PANIER Adaptation TAH Mobile */ @media screen and (max-width: 1023px) { body:not(.page_cart) .tryathome .tryathome__content{display:block;} body:not(.page_cart) .tryathome__content__text { width: 100%; } body:not(.page_cart) .tryathome__content__input { width: 100%; margin-top: 10px; padding : 0 !important; text-align: left; position:relative; } body:not(.page_cart) .tryathome .tryathome__content__input input[type=checkbox] { position:relative; top: auto; right: auto; margin-right: 16px; } body:not(.page_cart) .tryathome .tah_label_input { margin-right: 8px; } body:not(.page_cart) .tah_row_txt_btn {display:none !important;} body:not(.page_cart) .tah_ico_aide { display: inline-block; position: absolute; top: 5px; right: 10px; } body:not(.page_cart) .tah_ico_aide button { line-height: 18px; height: 20px; width: 20px; } body:not(.page_cart) .tryathome { background-position: 10px 10px; padding: 10px; } body:not(.page_cart) .tryathome h2 { margin-top: 0; } body:not(.page_cart) .tryathome h2 { margin-left: 140px; } body:not(.page_cart) .tryathome .tryathome__content__text { padding-left: 140px; box-sizing: border-box; } body:not(.page_cart) .tryathome__content__input { width: initial; } body:not(.page_cart) .tryathome .tryathome__content__input input[type=checkbox] { margin-right: 40px; } body:not(.page_cart) .tryathome .tryathome__content__input { float: right; } body:not(.page_cart) .tryathome__content:after { content: ""; clear: both; display: block; } .cart__popin.deleteProductDialog .tryathome { padding: 0 0 0 70px; background-size: 80px; } .cart__popin.deleteProductDialog .tryathome { background-size: 80px; } .page_cart dialog .deleteProductDialog__content .deletepopin__content .tryathome__content { max-width: 230px; } } /******************************************************************************************************************************************************************************************************************************************************************/ /* MODULE DE RETOUR */ body:not(.product) .middleBlock .productslotsinfo { padding-top: 0; } body:not(.product) .tah_product_marketing { font-size: 11px; line-height: 18px; background: url("../contenusFixes/tah/logo_tah_2.png?$staticlink$") 10px center transparent no-repeat; background-size: 125px; border: 1px solid #d0d0d0; padding: 15px 10px 15px 150px; margin-bottom: 20px; text-align:left; } body:not(.product) .tah_product_marketing span { font-size: 13px; text-transform: uppercase; color : #ff5d65; display:block; } body:not(.product) .tah_product_marketing button { font-size: 11px; line-height: 18px; text-transform: inherit; background:transparent; height: initial; width: initial; padding: 0; vertical-align: initial; display:block; margin: 0; max-width: auto; letter-spacing: initial; } body:not(.product) .tah_product_marketing button{text-decoration:underline;} body:not(.product) .tah_product_marketing button:hover{text-decoration:none;} .tah_btn .close-dialog{ position:initial; } @media screen and (min-width: 1024px) { .pt_return::before { width: 100%; height: 100px !important; content: " "; background: black; display: block; margin-top: 29px !important; z-index: 0; position:absolute; top: 111px; } .pt_return { background: white; } .pt_return #main { background: white; margin: 0 auto; max-width: 1240px !important; z-index: 1; position:relative; margin-top: 40px; } } @media (min-width: 1260px) { .pt_return #main { background: white; max-width: 1240px !important; z-index: 1; } } @media screen and (max-width: 1023px) { .pt_return .breadcrumb {margin-bottom:0;} .pt_return #main { border-top: 20px solid black; } } /* MODULE DE RETOUR : Mise en forme generale du module de retour */ .pt_return #primary {padding: 30px 0;} #returns-hub h1,.online-returns {padding : 0} #returns-hub .return-type li { min-height: 210px; vertical-align: top; } #returns-hub .return-type li h2 { font-weight: 400; } #returns-hub .button { border-radius : 0; background: #ff5d65; padding: 15px 30px; font-size: 12px; line-height: 12px; text-transform:uppercase; font-family : FertigoPro,sans-serif; } #returns-hub .button:hover, #returns-hub .button:focus { text-decoration:underline; } .return-method { margin: 0 auto; padding: 0; } .online-returns h1 { font-family: FertigoPro,sans-serif; font-size: 22px; line-height: 22px; font-weight: 400; letter-spacing: inherit; } .online-returns h1:after { margin-top: 6px; background : #ff5d65 !important; } .online-returns .svg-icon svg#postOffice { width: 60px; } /* MODULE DE RETOUR : Explication retours : liste étapes */ .return-method .instructions li:before { background: transparent !important; color: #ff5d65 !important; font-size: 20px; font-weight: bold; } .return-method .instructions li:first-child:before {content : "1." !important;} .return-method .instructions li:nth-child(2):before {content : "2." !important;} .return-method .instructions li:nth-child(3):before {content : "3." !important;} .return-method .instructions li:nth-child(4):before {content : "4." !important;} #tah_retour_agence li { font-size: 12px; line-height: 20px; } .pt_return .tah_btn { display:inline-block; margin-top: 20px; padding: 15px 30px; font-size: 12px; line-height: 12px; border: 1px solid black; text-transform:uppercase; font-family : FertigoPro,sans-serif; } .pt_return .tah_btn:hover { text-decoration: underline !important; } .pt_return .tah_btn_colored { color: white !important; background: #ff5d65; border: 1px solid #ff5d65; } /* MODULE DE RETOUR : Remise à 0 style btn */ .return-method .instructions .info { text-decoration:inherit; font-weight: 400; font-size: inherit; letter-spacing: inherit; display:inline-block; font-size: inherit; } .return-method .instructions .tah_btn.info:before { display:none; } .return-method .instructions .tah_btn.info { padding-left: 40px !important; background: url("../commun/icones/ico_print_white.png?$staticlink$") 20px 16px #ff5d65 no-repeat !important; } .return-method .instructions li:before {top: 47px;} /* MODULE DE RETOUR : Explication retours : faq */ .tah_retour_question { padding: 40px 40px 40px 90px; background: url("../commun/icones/ico_aide_corail_big.png?$staticlink$") 40px 40px #f3f3f3 no-repeat; text-align:left; } .tah_retour_faq_titre { font-size: 20px; line-height: 24px; margin-bottom: 5px; font-family : FertigoPro,sans-serif; color: #ff5d65; } .tah_retour_faq_txt { font-size: 12px; line-height: 20px; } /******************************************************************************************************************************************************************************************************************************************************************/ /* CORRECTIFS INT */ /* Mes commandes - masque la colonne prix */ html[lang^=en] .statut-price-head, html[lang^=en] .priceCmd { display:none !important; }