/*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /********************************************************************** Imports **************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ @import url("/on/demandware.static/-/Sites/fr_BE/v1561382766154/css/custom_lancome_grid.css"); /*@import url("/on/demandware.static/-/Sites/fr_BE/v1561382766154/css/homepage.css");*/ @import url("/on/demandware.static/-/Sites/fr_BE/v1561382766154/css/mini_banners.css"); /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /********************************************************************** Devices **************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ @media screen and (max-width:1980px){} @media screen and (max-width:1280px){} @media screen and (max-width:1024px){} @media screen and (max-width:768px){} @media screen and (max-width:767px){} @media screen and (max-width:720px){} @media screen and (max-width:600px){} @media screen and (max-width:420px){} @media screen and (max-width:375px){} @media screen and (max-width:320px){} /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /********************************************************************* Generics **************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ .only-desktop{display: block;} .only-mobile{display: none !important;} body { transition: padding ease .3s; } header { transition: height ease .3s; } @media (max-width:767px){ .refinements>section>span {font-size: 1em;} } @media screen and (max-width:420px){ .only-desktop{display: none !important;} .only-mobile{display: block !important;} } /**** Encart Promo ****/ .ma-promo-titre { display: block; font-size: 15px; font-weight: bold; } .ma-promo-texte { font-size: 14px; line-height: 16px; padding-top: 5px; display: block; } .pdp-main .ma-promo-titre { display: block; font-size: 20px; } .pdp-main .ma-promo-texte { font-size: 16px; font-weight: normal; } .item-list .cart-row td.item-details .promo { color: #000; } /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************** Fonts ***************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /***************************/ /********** PLANET *********/ /***************************/ @font-face{font-family:'Domaine Display Bold';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/pp/DomaineDisplay-Bold.woff') format('woff');font-weight:500;font-style:normal;} @font-face{font-family:'Domaine Display Semibold';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/pp/DomaineDisplay-Semibold.woff') format('woff');font-weight:500;font-style:normal;} @font-face{font-family:'Brown Pro Regular';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/pp/BrownPro-ReclinRegular.otf') format('woff');font-weight:500;font-style:normal;} @font-face{font-family:'Brown Pro Bold';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/pp/BrownPro-BoldAlt.woff') format('woff');font-weight:500;font-style:normal;} @font-face{font-family:'James Regular';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/pp/MyFontRegular.woff') format('woff'); font-weight: normal;font-style: normal;} /***************************/ /********** DIOR **********/ /***************************/ @font-face{font-family:'CenturyGothicStdRegular';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/CenturyGothicStdRegular.woff') format('woff');font-weight:500;font-style:normal;} @font-face{font-family:'CenturyGothicStdItalic';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/CenturyGothicStdItalic.woff2') format('woff2'), url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/CenturyGothicStdItalic.woff') format('woff');font-weight:500;font-style:italic;font-stretch:normal;unicode-range:U+0020-02DC;} @font-face{font-family:'dincondensedbold';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/dincondensedbold.woff') format('woff');font-weight:bold;font-style:normal;} @font-face{font-family:'oCondensedBold';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/oCondensedBold.woff2') format('woff2'), url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/oCondensedBold.woff') format('woff');font-weight:700;font-style:normal;font-stretch:condensed;unicode-range:U+0020-00FE;} @font-face{font-family:'AvalonBook';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/AvalonBook.woff2') format('woff2'), url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/AvalonBook.woff') format('woff');font-weight:700;font-style:normal;font-stretch:condensed;unicode-range:U+0020-00FE;} @font-face{font-family:'AvalonBook';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/AvalonBook.woff2') format('woff2'), url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/dior/AvalonBook.woff') format('woff');font-weight:700;font-style:normal;font-stretch:condensed;unicode-range:U+0020-00FE;} /***************************/ /********** CHANEL *********/ /***************************/ @font-face{font-family:'ABChanel PB Regular S';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/chanel/abchanel-pb-regular-s-webfont.woff') format('woff');font-weight:normal;font-style:normal;} @font-face{font-family:'ABChanel PB Regular M';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/chanel/abchanel-pb-regular-m-webfont.woff') format('woff');font-weight:normal;font-style:normal;} @font-face{font-family:'ABChanel PB Regular L';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/chanel/abchanel-pb-semibold-l-webfont.woff') format('woff');font-weight:normal;font-style:normal;} @font-face{font-family:'ABChanel PB SemiBold S';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/chanel/abchanel-pb-semibold-s-webfont.woff') format('woff');font-weight:600;font-style:normal;} @font-face{font-family:'ABChanel PB SemiBold M';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/chanel/abchanel-pb-semibold-m-webfont.woff') format('woff');font-weight:600;font-style:normal;} @font-face{font-family:'ABChanel PB SemiBold L';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/chanel/abchanel-pb-semibold-l-webfont.woff') format('woff');font-weight:600;font-style:normal;} /***************************/ /***** Zadig&Voltaire ******/ /***************************/ @font-face{font-family:'TradeGothicLTCom-Light';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/zvoltaire/TradeGothicLTCom-Light.woff') format('woff');font-weight:normal;font-style:normal;} @font-face{font-family:'TradeGothicLTCom-BdCn20';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/zvoltaire/TradeGothicLTCom-BdCn20.woff') format('woff');font-weight:normal;font-style:normal;} /***************************/ /****** Paco Rabanne *******/ /***************************/ @font-face{font-family:'pacorabanne';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/pacorabanne/paco_050815-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;} /***************************/ /*********** YSL ***********/ /***************************/ @font-face{font-family:'Singulier-Demi';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/ysl/Singulier-Demi.woff') format('woff');font-weight:bold;font-style:normal;} @font-face{font-family:'Singulier-Light';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/ysl/Singulier-Light.woff') format('woff');font-weight:300;font-style:normal;} /***************************/ /*** Lancome TAILOR MADE ***/ /***************************/ @font-face{font-family:'Sackers-Gothic-Light';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/lancome/SackersGothicStd-Light.woff');font-weight:300;font-style:normal;} @font-face{font-family:'Sackers-Gothic-Heavy';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/lancome/SackersGothicStd-Heavy.woff');font-weight:900;font-style:normal;} @font-face{font-family:'Miller-Display-Roman';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/lancome/Miller-DisplayRoman.woff');font-weight:500;font-style:normal;} @font-face{font-family:'Avenir Light';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/lancome/AvenirLTStd-Light.woff');font-weight:300;font-style:normal;} @font-face{font-family:'Avenir Heavy';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/lancome/AvenirLTStd-Heavy.woff');font-weight:bold;font-style:normal;} @font-face{font-family:'Gotham Book';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/lancome/Gotham-Book.woff');font-weight:normal;font-style:normal;} /***************************/ /******** Viktor&Rolf ******/ /***************************/ @font-face{font-family:'Neuzeit S LT Std BookHeavy';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/vrolf/NeuzeitSLTStd-BookHeavy.woff');font-weight:900;font-style:normal;} @font-face{font-family:'Neuzeit S LT Std Book';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/vrolf/NeuzeitSLTStd-Book.woff');font-weight:normal;font-style:normal;} /***************************/ /********* GIVENCHY ********/ /***************************/ @font-face{font-family:'Roboto-Condensed-Regular';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/givenchy/RobotoCondensed-Regular.woff');font-weight:300;font-style:normal;} @font-face{font-family:'Roboto-Condensed-Bold';src:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/givenchy/RobotoCondensed-Bold.woff');font-weight:900;font-style:normal;} /***************************/ /********* Jo Malone ********/ /***************************/ @font-face {font-family: 'Newtext ITC Std';src: url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/jomalone/NewtextITCStd-Regular.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'Helvetica Neue LT Std';src: url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/fonts/jomalone/HelveticaNeueLTStd-Lt.woff') format('woff');font-weight: 300;font-style: normal;} /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /*************************************************************** Brands Pages & Fonts *******************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /***************************/ /********** DIOR **********/ /***************************/ .font-dior1{font-family:'CenturyGothicStdRegular',Arial;} .font-dior2{font-family:'dincondensedbold',Arial;} .brand-dior .homepage-include.carousel-ctr .item, .brand-dior .include.carousel-ctr .item, .brand-dior .recommendations.carousel-ctr .item, .brand-dior .widget.carousel-ctr .item{width:25%;} .brand-dior .homepage-include.carousel-ctr img{width:100% !important;} .brand-dior .brand-logo, .brand-dior .pdp-main .pdp-flag-discount-rate, body.productdetails.brand-dior .brand-logo, body.productdetails.brand-dior .pdp-main .pdp-flag-discount-rate { display: none !important; } @media (max-width: 767px){ .brand-dior nav.breadcrumb.container.hide-on-mobile { padding-bottom: 10px; margin-bottom: 15px; } .brand-dior #wrapper { margin-right: 0; margin-left: .0; } .brand-dior #main { margin-right: .5em; margin-left: .5em; } } /***************************/ /********** CHANEL *********/ /***************************/ .brand-chanel button[type=submit]{background-color:#000000;color:#fff;} .brand-chanel .carousel-ctr .carousel img{max-width:100% !important;} .brand-chanel .landing-content .content-asset h2{margin-bottom:3%;} .brand-chanel .chanel-header a {display: inline-block;float: left;height: 100%;} .brand-chanel .fa, .brand-chanel .far, .brand-chanel .fas { font-family: "Font Awesome 5 Free" !important; } @media (max-width: 767px){ .brand-chanel nav.breadcrumb.container.hide-on-mobile { padding-bottom: 10px; margin-bottom: 15px; } .brand-chanel #wrapper { margin-right: 0; margin-left: .0; } .brand-chanel #main { margin-right: .5em; margin-left: .5em; } } /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /****************************************************************** Header & Footer **********************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /***************************/ /******** Header ***********/ /***************************/ header .search{width:35%;} header .search input.required{width:90%;} header .search input.required, footer form[name=subscribe-email] .form-row input[type=text]{border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0;padding:8px;height:33px;} footer form[name=subscribe-email] .form-row input[type=text]{height:15px;} header .search input.form-submit, footer form[name=subscribe-email] button{border-radius:8px;border-top-left-radius:0;border-bottom-left-radius:0;margin:0;position:relative;left:-3px;border:solid 1px;background:#e30613 !important;color:white;border-color:black;font-weight:bold;font-family:monospace;font-size:14px;padding:8px;border-left:transparent;height:33px;} footer form[name=subscribe-email] button{padding:9px;} header .icons{top:48%;width:35%;} header .logo-icon-wrap{padding:0.2% 0 0.5%;} header .utility{text-align:center;padding:.5% 0 0;} header .utility li a{font-size:12px;font-weight:400;display:inline-block;} header .mainnav .menu-category .group ul.list>li a:hover{color:#e30613;} header .mainnav .menu-category .group ul.level-3>li a{transition:all ease .1s;} header .mainnav .menu-category .group ul.level-3>li a:hover{color:#e30613;padding-left:5px;} header li.nav-item-primary.last ul.level-2 li .brandnav li a:hover{color:#e30613;} header .icons{padding-top:8px;} header .icons>li.langs{padding-top:8px;} header .icons>li a:after{border-bottom:solid 1px transparent;content:"";position:absolute;width:0;margin-top:1%;top:120%;left:55%;text-align:center;transition:all ease .4s;-webkit-transition:all ease .4s;} header .icons>li a:hover::after{border-bottom:solid 1px #e30613;width:100%;left:0%;} header .account-popin-content a:hover::after{ border-bottom: none!important; } header .mini-cart-pricing .label{font-size:0.4em !important;} header .available-languages li a:after{content:none;} header .available-languages li a{padding-bottom:8px;position:relative;top:-7px;border-bottom:solid 1px transparent;} header .available-languages li a:hover{border-bottom:solid 1px #e30613;} header .mini-cart-content a:after{content:"";display:none;} header .search, header .utility li{position:relative;} header .utility li a:after{border-bottom:solid 1px transparent;content:"";position:absolute;width:0;margin-top:1%;left:55%;bottom:-4px;text-align:center;transition:all ease .4s;-webkit-transition:all ease .4s;} header li.divider-left:last-child a{display:flex;} header .utility li a:hover::after{border-bottom:solid 1px #e30613;width:80%;left:10%;} header li.divider-left:last-child a:after{display:block;position:absolute;top:120%;} header li.divider-left:last-child a:hover::after{width:70%;left:15% !important;} header li.divider-left:last-child a span{display:block;font-weight:bold;} header .mini-list-item{cursor:pointer;} header .mini-list-item:hover a, header .search-suggestions a:hover{color:#e30613;} header .mini-cart-pricing{font-size:1.5em} header li.nav-item-primary.first>a{color:#e30613;font-weight:bold;} header li.divider-left:last-child a span{color:white !important;} header .mini-list{display:none;width:16em;bottom:-10px;left:50%;transform:translate(-50%,100%);position:absolute;padding:1.375em 1em 0.5em;background:#fff;box-shadow:0 1px 10px #b2b2b2;border-radius:3px;z-index:25;font-size:14px;font-family:Montserrat,sans-serif !important;} header .mini-list a.mini-cart-link-cart{border-radius:4px;} header .mini-list .mini-list-items .mini-list-item .mini-cart-promo .product-promo{float:left;max-width:60%;padding-top:1px;text-align:left;margin-top:10%;width:100%;} header .mini-list .mini-list-items .mini-list-item .mini-cart-promo .mini-cart-price{float:right;font-weight:700;font-size:.875em;display:block;text-align:right;} header .mini-cart-pricing .value{font-size:0.5em !important;} header .mini-cart-price.striked{margin-top:4px;} header .mini-cart-price{font-size:14px !important;} header .account-popin-content .login li {font-weight: 400;} #wrapper {-webkit-transition: padding-top 0.3s ease;-moz-transition: padding-top 0.3s ease;-ms-transition: padding-top 0.3s ease;-o-transition: padding-top 0.3s ease;transition: padding-top 0.3s ease;} @media screen and (min-width:767px) and (max-width:1024px){ header .search input.required{width:80%;} #wrapper {padding-top: 68px !important;} } @media screen and (max-width:767px){ header.main-header{height:95px;} header .icons{width:30%;padding-top: 0px !important;position: relative;top: 8px;} header .search{width:100%;} } @media screen and (max-width:420px){li.divider-left:last-child{margin-bottom:10%;} header .search input.required{width:90%;} header .search form{width:92%;margin:auto;} } /***************************/ /********* Footer **********/ /***************************/ footer{border:none;z-index:2;position:relative;border-top:1px solid transparent !important;} footer form[name=subscribe-email] .form-row input[type=text]{height:15px;} footer form[name=subscribe-email] button{padding:9px;} footer a{color:#fff;} footer .social{padding:20px 0 5px !important} footer .footer-section a{color:white;transition:all ease .1s;} footer .footer-section .icon a{padding:0 !important;} footer .footer-section a:hover{padding-left:5px;color:#e30613;} footer .footer-section .icon img{border-bottom:solid transparent 1px;padding-bottom:5px;} footer .footer-payments a{padding:0 !important;} footer .footer-payments img{border-radius:4px;width:73px;height:44px !important;} footer .head-menu{border-bottom:#E30613 solid 1px;font-size:12px !important;color:black;font-weight:bold;text-align:left;padding:2%;margin-bottom:5%;color:#e30613;border-top:none;} footer .footer-newsletter{text-align:center;max-width:none;margin:auto;padding:1% 0 2%; border-left:none;width:100%;border-right:none;} footer .footer-newsletter>p{color:#E30613;font-size:12px;margin-bottom:10px;font-weight:bold;} footer .footer-newsletter .newsletter-subscribe{width:25%;margin:auto;} .homepage footer .footer-newsletter .newsletter-subscribe{width:18%;margin:auto;} footer .social .label{color:#E30613;font-size:12px !important;margin-bottom:10px;display:block;font-weight:bold;} footer .mail{font-size:12px;font-weight:bold;margin-top: 5px;} footer .footer-section li.icon{width:36px;position:relative;} footer .footer-section li.icon img, .main-footer .footer-section li.icon a{display:block;} footer .footer-section .icon a:after{border-bottom:solid 1px transparent;content:"";position:absolute;width:0;margin-top:1%;top:75%;left:55%;bottom:-4px;text-align:center;-webkit-transition:all ease .4s;transition:all ease .4s;} footer .footer-section .icon a:hover::after{border-bottom:solid 1px #e30613;width:100%;left:0%;} footer form[name=subscribe-showPopin] .form-row input[type=text]{border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0;padding:0 8px;height:31px;} footer .footer-newsletter form button{border-radius:8px;border-top-left-radius:0;border-bottom-left-radius:0;margin:0;position:relative;left:-3px;border:solid 1px;background:#e30613 !important;color:white;border-color:black;font-weight:bold;font-family:monospace;font-size:14px;padding:8px;border-left:transparent;height:33px;border:#e30613;} footer .form-row span.error {display: block;width: 150%;text-align: center;left: -20%;position: relative;margin-top: 10px;padding-left: 0;} @media screen and (max-width:767px){footer .footer-sitemap .column li:not(.head-menu):not(.mail).active{border-bottom:solid 1px #232323;padding-left:5px;} footer .footer-sitemap .column li{padding:2px 0;text-align:left;} footer .footer-section{padding-left:25px !important;padding-right:25px !important;padding-bottom:0 !important;} } @media screen and (max-width:600px){.main-footer .footer-copyrights .rights{text-align:center;} } @media screen and (max-width:420px){footer .footer-newsletter .newsletter-subscribe{width:90%;} footer .head-menu{margin:4px 0;} .homepage footer .footer-newsletter .newsletter-subscribe{width:90%;margin:auto;} } /* 10/10/19 */ .main-footer .footer-sitemap .column ul { text-align: left; width: 100%; margin-right: 20px; } .main-footer .footer-sitemap .column { width: 100%; } .footer-sitemap.footer-section .content-asset { display: flex; } @media screen and (max-width:420px){ .footer-sitemap.footer-section .content-asset { display: flex; flex-wrap: wrap; } } /**/ .help-shortcuts {border-top: 1px solid#E30613;} @media screen and (max-width:600px){.help-shortcuts .container{display:flex;width:90%;align-items:baseline;}.help-shortcuts .shortcut-to-help figcaption{font-size:8px;} } /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /********************************************************************* Homepage **************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ .homepage .storefront .wrapp-products {border: none;} .homepage .carousel-ctr.homepage-include img{border-radius:4px;} #homepage-pp #campagne-mobile{display:none;} #homepage-pp .carousel-ctr{width:100%;} #homepage-pp .visuel-campagne{width:100%;} #homepage-pp .visuel-campagne img{width:100% !important;display:block;max-width:100%;} #homepage-pp .visuel{position:relative;} #homepage-pp #macaron{position:absolute;top:20px;right:10%;z-index:3;margin:0 auto;text-align:right;display:block;} #homepage-pp #macaron img{max-width:250px;} #homepage-pp .visuel-campagne{position:relative;} #homepage-pp h1{position:absolute;bottom:50px;text-align:center;width:100%;color:black;font-size:35px;font-family:'Playfair Display',serif;} #homepage-pp .campagne-conditions{background:#f7f7f7;padding:20px 6% 10px;box-sizing:border-box;text-align:center;line-height:20px;font-size:15px !important;border:none;} @media screen and (max-width:1980px){#homepage-pp .visuel-campagne img{/*max-width:1980px;*/ max-width:1200px;} } @media screen and (max-width:1280px){#homepage-pp .visuel-campagne img{ max-width:1200px;}} @media screen and (max-width:1024px){#homepage-pp #macaron img{max-width:150px;} #homepage-pp h1{font-size:18px;} #homepage-pp .visuel-campagne img{max-width:1024px;} } @media (max-width:767px){ #homepage-pp .campagne-conditions{font-size:11px !important;} #homepage-pp .visuel-campagne img{max-width:768px;} .mini-banner .mini-btn { bottom: 10px; } } @media screen and (max-width:720px){#homepage-pp .visuel-campagne img{max-width:720px;}} @media screen and (max-width:600px){#homepage-pp #campagne-desktop{display:none;} #homepage-pp #campagne-mobile{display:block;} #homepage-pp #macaron{display:none;} #homepage-pp h1{display:none;} } @media screen and (max-width:420px){#homepage-pp .visuel-campagne img{max-width:420px;}} @media screen and (max-width:375px){#homepage-pp .visuel-campagne img{max-width:375px;}} @media screen and (max-width:320px){#homepage-pp .visuel-campagne img{max-width:320px;}} /**/ .homepage .homepage-include .carousel{background:#f7f7f7;} .homepage .homepage-include .bubble-ctr .bubble{color:black;} @media screen and (max-width:767px){.storefront .include{padding:0;} .bubble-ctr.small .bubble{font-size:0.7em;} } /**/ .homepage .storefront .include {padding: 2em 0 3em;} .homepage .bubble-ctr {position: absolute;top: 95%;z-index: 3;width: 100%;text-align: center;} .homepage .bubble-ctr.small .bubble {font-size: 0.8em;} .homepage .bubble-ctr .bubble{margin-right:0.5em;font-size: 12px;} .homepage .bubble-ctr.bottom {top: 75%;text-align: center!important;padding: 0 0 8px 0;display: block;position: absolute;background: transparent !important;width: 100%;height: max-content; padding: 0 !important;} @media screen and (min-width:767px){ .homepage .bubble-ctr.bottom { top: 356px; } /*.bubble-ctr .bubbles { display: inline-block; padding: 10px; background: white; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; border-left: solid 1px #cecece; border-top: solid 1px #cecece; border-right: solid 1px #cecece; } .homepage .homepage-include .bubble-ctr .bubble{color:black;} #homepage-pp .visuel-campagne img {height: 345px;}*/ #homepage-pp .campagne-conditions{padding:30px 6% 10px;} } @media screen and (max-width:600px){.homepage .bubble-ctr.bottom{background:#f7f7f7;padding-bottom:8px;}} @media screen and (max-width:420px){.homepage .bubble-ctr.bottom {top: 237px;}.homepage .homepage-include .bubble-ctr .bubble{color:black;}} /***************************/ /****** Anim SVG Hide ******/ /***************************/ .storefront .contenaire-anim-svg{margin:30px auto;} .storefront .contenaire-anim-svg{margin-bottom:0;} .storefront .shortcut-news .wrapp-shortcut-news{margin:0 auto 10px;} .storefront .contenaire-anim-svg .svg-anim-h2 h2{color:black;} .storefront .contenaire-anim-svg .full-ligne.droite, .storefront .contenaire-anim-svg .full-ligne.gauche .ligne{right:130px;transform:none !important;} .storefront .contenaire-anim-svg .full-ligne.droite .ligne{left:250px;transform:none !important;} .storefront .contenaire-anim-svg .svg-anim-h2 .calque-carre{display:none !important;} .storefront .contenaire-anim-svg .full-ligne .ligne{opacity:1 !important;visibility:visible !important;background:#e0e0e0;} @media screen and (max-width:767px){.storefront .contenaire-anim-svg .full-ligne, .storefront .contenaire-anim-svg .svg-anim-h2 .calque-carre{display:block;} } @media screen and (max-width:720px){.svg-anim-h2{width:100% !important;display:block !important;margin:0 !important;text-align:center;} } /**/ #just-arrived{margin:0 auto;} /***************************/ /****** JCarousel ******/ /***************************/ @media screen and (min-width:780px){ .jcarousel-control-next,.jcarousel-control-prev{ opacity:0 !important; } } /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /******************************************************************** Popin GDPR *************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ #popingdpr *{text-align:justify;} #popingdpr h4{text-align:center;} #infoConseModal .modal-body .titre{font-weight:bold;} #infoConseModal .modal-body .titre .titre span{margin-top:15px;display:block;} #infoConseModal .modal-body .titre .content-asset{font-size:18px;border-bottom:solid 1px #e6e6e6;padding-bottom:8px;} #infoConseModal .modal-body .privacygdpr .content-asset{max-height:100px;} #infoConseModal .modal-body .privacygdpr .form-row label{padding:0;text-align:justify} #infoConseModal .modal-body .privacygdpr .content-asset{font-size:12px;width:93%;} #infoConseModal .modal-body button:disabled{background:#d6d6d6;cursor:not-allowed;} #infoConseModal .modal-body button{border-radius:3px;float:right;padding:10px;text-align:center;} #infoConseModal .modal-body .privacygdpr .form-row label{padding:0;text-align:justify;width:100%;} #infoConseModal .modal-body .privacygdpr .content-asset{font-size:12px;width:90%;} #popingdpr label.txt-infoloy-true p{padding:0 10px 0 0;} #popingdpr label.txt-infoloy-true p:before, label.txt-infoloy-false p:before{content:"* ";color:#E30613;font-size:14px;} #popingdpr .titre span{display:block;padding:3% 0 0;} #popingdpr .privacygdpr p{padding-right:15px;} #popingdpr .checkboxPopin label{padding-left:25px;position:relative;} #popingdpr .checkboxPopin input[type=checkbox]+label:before, #popingdpr .checkboxPopin input[type=checkbox]:checked+label:before{position:absolute;left:0;} .privacygdpr .content-asset{max-height:80px;} .privacygdpr p{padding-right:15px;display:inline-block;width:95%;} @media screen and (max-width:768px){#infoConseModal .modal-body .checkboxPopin .form-row label{text-indent:0;}} /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /**************************************************************** Creation de compte *********************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ .account-ctr .primary-content h2.section-header>span:not(.dialog-required):after{content:"";display:none;} .account-ctr .primary-content h2.section-header>span:not(.dialog-required){padding-bottom:5px;border-bottom:solid 1px #e30613;margin-bottom:5px;} #RegistrationForm input, #RegistrationForm select{border-radius:3px;border:solid 1px #888888;} .register-box-content:nth-child(6) fieldset{padding:1.375em 0 0;} .register-box-content:nth-child(6) p{background:#f3f3f3;padding:5%;text-align:justify;margin-bottom:8%;border-radius:3px;} .register-box-content:nth-child(8) fieldset{padding-bottom:0;} .main-registration .txt-registration-btn .content-asset{width:92%;text-align:justify;} .main-registration .txt-registration-btn .content-asset p{padding-right:15px;} .register-box-content label span{font-size:13px;color:black;} .register-box-content:nth-child(8) label{padding-left:25px;position:relative;} .register-box-content:nth-child(8) input[type=checkbox]+label:before, .register-box-content:nth-child(8) input[type=checkbox]:checked+label:before{position:absolute;left:0;} /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /********************************************************************* Check out *************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ .wrapper.checkout-ctr .checkout-navigation nav {border-bottom: 1px solid black;} .wrapper.checkout-ctr #main {margin-bottom: 4%;margin-top: 2%;} #cart-items-form .sign, #cart-items-form .price-total { display: none; } /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /****************************************************************** Brand All **********************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ .brand-overview .brandnav li:hover {background: #e30613;border: transparent 1px solid;} .brand-overview .brandnav li:hover a {color: white;} .brand-overview .character .inner .brands-list ul li a {transition: all ease .1s;} .brand-overview .character .inner .brands-list ul li a:hover {color: #e30613;padding-left: 5px;} .brand-overview .character:last-child:after {display: none;} .brand-logo { display: flex; justify-content: center; max-height: 120px; width: 100%; align-items: center; } #main p.sub-title { margin-top: 15px !important; padding: 10px; text-align: center; background: white; color: black; font-size: 22px; letter-spacing: 3px; margin-bottom: 15px; box-shadow: 0 3px 5px #00000008; } .slot-grid-header { /* 1er bloc du main vide */ margin-bottom: 0; } .teaser-banner { display: inline-block; width: 100%; } @media screen and (max-width:420px){ .refinements .toggle.expanded~.toggle-content { display: block !important; } /*.refinement.navigation-tree ul.level-3 { display: none; }*/ } /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /*************************************************************** Landing pages Brands ********************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /***************************/ /********* Default *********/ /***************************/ /* RESET */ #landingBrand *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #landingBrand *:before,#landingBrand *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #landingBrand .clearfix:before,#landingBrand .clearfix:after,#landingBrand .abs-container:before,#landingBrand .abs-container:after,#landingBrand .abs-douglas-container:before,#landingBrand .abs-douglas-container:after,#landingBrand .abs-row:before,#landingBrand .abs-row:after{display:table;content:" ";} .clearfix:after,#landingBrand .abs-container:after,#landingBrand .abs-douglas-container:after,#landingBrand .abs-row:after{clear:both;} #landingBrand{font-family:"Times New Roman", Times, serif!important;} #landingBrand a.cta{display:inline-block;height:40px;line-height:40px;background:#000;font-family:'Sackers-Gothic-Heavy';font-size:12px;text-transform:uppercase;color:#fff;padding:0 30px;} #landingBrand .abs-container{width:100%;max-width:950px;margin:0 auto;padding:0;} #landingBrand .abs-container:before,#landingBrand .abs-container:after{display:none;} #landingBrand .abs-douglas-container{width:100%;max-width:718px;margin:0 auto;padding:0;} #landingBrand .abs-douglas-container:before,#landingBrand .abs-douglas-container:after{display:none;} #landingBrand .abs-row:before,#landingBrand .abs-row:after{display:none;} #landingBrand .box-title{color:#000;text-align:center;text-transform:uppercase;overflow:hidden;padding:0 20px;font-family:"Times New Roman", Times, serif!important;} #landingBrand .box-title > span{display:inline-block;vertical-align:middle;position:relative;font-size:24px;} #landingBrand .box-title > span::before{content:"";display:block;position:absolute;top:50%;right:100%;width:9999px;height:1px;margin:0 20px 0 0;padding:0;background:#000;line-height:0;} #landingBrand .box-title > span::after{content:"";display:block;position:absolute;top:50%;left:100%;width:9999px;height:1px;margin:0 0 0 20px;padding:0;background:#000;line-height:0;} /* TOP */ #landingBrand .top-container .top-visu{height:360px;display:flex;position:relative;} #landingBrand .top-container .top-visu .visu{flex:1;background-position:top right;background-size:cover;background-repeat:no-repeat;position:relative;} #landingBrand .top-container .top-visu .visu a{width:100%;height:100%;position:absolute;} #landingBrand .top-container .top-visu .packshot{position:absolute;right:50%;margin-right:-70px;bottom:-40px;} #landingBrand .top-container .top-copy{padding:20px;display:flex;flex-direction:column;align-items:center;} #landingBrand .top-container .top-copy .logo{display:inline-block;margin:0 0 10px 0;width:165px;} #landingBrand .top-container .top-copy h1{margin:0;font-size:30px;line-height:30px;text-transform:uppercase;} #landingBrand .top-container .top-copy h1 span{font-family:'Sackers-Gothic-Heavy';font-size:12px;display:inline-block;} #landingBrand .top-container .top-copy h2{font-size:8px;font-family:'Sackers-Gothic-Light';text-transform:uppercase;margin:10px 0 0 0;} #landingBrand .top-container .top-copy .cta{margin:30px 0 0 0;} @media (min-width:600px){#landingBrand .top-container{height:400px;display:flex;} #landingBrand .abs-douglas-container .top-container{height:340px;} #landingBrand .abs-douglas-container .top-visu{height:300px;} #landingBrand .top-container .top-visu{order:1;} #landingBrand .top-container .top-copy{order:2;} } @media (min-width:768px){#landingBrand .top-container .top-copy h1{font-size:35px;line-height:30px;} #landingBrand .top-container .top-copy h1 span{font-size:15px;} #landingBrand .top-container .top-copy h2{font-size:9px;margin:15px 0 0 0;} #landingBrand .top-container .top-copy .cta{margin:50px 0 0 0;} #landingBrand .top-container .top-visu .packshot{margin:0;right:-70px;bottom:-40px;} } @media (min-width:900px){#landingBrand .top-container .top-copy h1{font-size:46px;line-height:40px;} #landingBrand .top-container .top-copy h1 span{font-size:15px;} #landingBrand .top-container .top-copy h2{font-size:11px;margin:15px 0 0 0;} #landingBrand .abs-douglas-container .top-container .top-copy h1{font-size:35px;line-height:30px;} #landingBrand .abs-douglas-container .top-container .top-copy h1 span{font-size:15px;} #landingBrand .abs-douglas-container .top-container .top-copy h2{font-size:8px;margin:15px 0 0 0;} } #landingBrand .intro-container{overflow:hidden;position:relative;} #landingBrand .intro-container .intro-copy{padding:50px 0;text-align:center;} #landingBrand .intro-container .intro-copy h3{margin:0 0 30px 0;font-size:35px;text-transform:uppercase;} #landingBrand .intro-container .intro-copy p{font-family:'Gotham Book';font-size:18px;width:100%;max-width:520px;margin:0 auto;} @media (min-width:768px){#landingBrand .intro-container .intro-copy h3{margin:0 0 40px 0;font-size:46px;} } #landingBrand .abs-box1{overflow:hidden;} #landingBrand .abs-box1 .title{margin:0 0 50px 0;} #landingBrand .abs-box1 .content{height:470px;text-align:center;padding:50px 0 0 0;color:#fff;font-size:30px;font-family:'Sackers-Gothic-Heavy';text-transform:uppercase;} /*#landingBrand .abs-box1 .content1{background:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/lancome/content-01.jpg') no-repeat center center;background-size:cover;} #landingBrand .abs-box1 .content2{background:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/lancome/content-02.jpg') no-repeat center center;background-size:cover;} #landingBrand .abs-box1 .content3{background:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/lancome/content-03.jpg') no-repeat center center;background-size:cover;}*/ #landingBrand .abs-box1 .copy{margin:-50px 0 80px 0;} #landingBrand .abs-box1 .box-copy{width:100%;max-width:630px;padding:40px 55px;margin:0 auto;background:#fff;text-align:center;font-family:'Gotham Book';font-size:18px;box-shadow:0px 0px 19.6px 0.4px rgba(0, 0, 0, 0.2);} /* BOX2 */ #landingBrand .abs-box2 .slider{width:100%;margin:50px 0 70px 0;-moz-perspective:1300px;-ms-perspective:1300px;-webkit-perspective:1300px;perspective:1300px;display:inline-block;text-align:left;position:relative;} #landingBrand .abs-box2 .slider > input{display:none;} #landingBrand .abs-box2 .slider > input:nth-of-type(10):checked ~ ul li:first-of-type{margin-left:-900%;} #landingBrand .abs-box2 .slider > input:nth-of-type(3):checked ~ ul li:first-of-type{margin-left:-200%;} #landingBrand .abs-box2 .slider > input:nth-of-type(2):checked ~ ul li:first-of-type{margin-left:-100%;} #landingBrand .abs-box2 .slider > input:nth-of-type(1):checked ~ ul li:first-of-type{margin-left:0%;} #landingBrand .abs-box2 .slider > ul{position:relative;width:100%;z-index:1;font-size:0;line-height:0;margin:0 auto;padding:0;overflow:hidden;white-space:nowrap;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #landingBrand .abs-box2 .slider > ul > li{position:relative;display:inline-block;width:100%;height:100%;overflow:hidden;font-size:15px;font-size:initial;line-height:normal;-moz-transition:all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);transition:all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;} #landingBrand .abs-box2 .slider > ul > li.scrollable{overflow-y:scroll;} #landingBrand .abs-box2 .slider .left,#landingBrand .abs-box2 .slider .right{width:100%;float:left;} #landingBrand .abs-box2 .slider .right{padding:0 30px 30px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;} #landingBrand .abs-box2 .slider .left{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;} @media (min-width:768px){#landingBrand .abs-box2 .slider > ul{height:450px;} #landingBrand .abs-box2 .slider > ul > li{display:inline-flex;} #landingBrand .abs-box2 .slider .left,#landingBrand .abs-box2 .slider .right{width:50%;height:450px;} #landingBrand .abs-box2 .slider .left{order:1;} #landingBrand .abs-box2 .slider .right{order:2;padding:0 50px;} } #landingBrand .abs-box2 .slider .left img{max-width:100%;flex-shrink:0;} #landingBrand .abs-box2 .slider .right h3{width:100%;margin:0 0 40px 0;font-size:35px;} #landingBrand .abs-box2 .slider .right p{width:100%;font-family:'Gotham Book';font-size:15px;margin:0 0 20px 0;} #landingBrand .abs-box2 .slider .right p:last-child{margin:0;} #landingBrand .abs-box2 .slider > .arrows{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} #landingBrand .abs-box2 .slider > .arrows{position:absolute;left:0;top:50%;width:100%;height:20px;padding:0;z-index:99;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} #landingBrand .abs-box2 .slider > .arrows label{display:none;position:absolute;top:-50%;padding:10px;box-shadow:inset 2px -2px 0 1px #000;cursor:pointer;-moz-transition:.15s;-o-transition:.15s;-webkit-transition:.15s;transition:.15s;} #landingBrand .abs-box2 .slider > .arrows label:hover{box-shadow:inset 3px -3px 0 2px #c21360;margin:0 0px;} #landingBrand .abs-box2 .slider > .arrows label:before{content:'';position:absolute;top:-100%;left:-100%;height:300%;width:300%;} #landingBrand .abs-box2 .slider.infinity > input:first-of-type:checked ~ .arrows label:last-of-type,#landingBrand .abs-box2 .slider > input:nth-of-type(1):checked ~ .arrows label:nth-of-type(0),#landingBrand .abs-box2 .slider > input:nth-of-type(2):checked ~ .arrows label:nth-of-type(1),#landingBrand .abs-box2 .slider > input:nth-of-type(3):checked ~ .arrows label:nth-of-type(2),#landingBrand .abs-box2 .slider > input:nth-of-type(4):checked ~ .arrows label:nth-of-type(3),#landingBrand .abs-box2 .slider > input:nth-of-type(5):checked ~ .arrows label:nth-of-type(4),#landingBrand .abs-box2 .slider > input:nth-of-type(6):checked ~ .arrows label:nth-of-type(5),#landingBrand .abs-box2 .slider > input:nth-of-type(7):checked ~ .arrows label:nth-of-type(6),#landingBrand .abs-box2 .slider > input:nth-of-type(8):checked ~ .arrows label:nth-of-type(7),#landingBrand .abs-box2 .slider > input:nth-of-type(9):checked ~ .arrows label:nth-of-type(8),#landingBrand .abs-box2 .slider > input:nth-of-type(10):checked ~ .arrows label:nth-of-type(9),#landingBrand .abs-box2 .slider > input:nth-of-type(11):checked ~ .arrows label:nth-of-type(10){display:block;left:20px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);} #landingBrand .abs-box2 .slider.infinity > input:last-of-type:checked ~ .arrows label:first-of-type,#landingBrand .abs-box2 .slider > input:nth-of-type(1):checked ~ .arrows label:nth-of-type(2),#landingBrand .abs-box2 .slider > input:nth-of-type(2):checked ~ .arrows label:nth-of-type(3),#landingBrand .abs-box2 .slider > input:nth-of-type(3):checked ~ .arrows label:nth-of-type(4),#landingBrand .abs-box2 .slider > input:nth-of-type(4):checked ~ .arrows label:nth-of-type(5),#landingBrand .abs-box2 .slider > input:nth-of-type(5):checked ~ .arrows label:nth-of-type(6),#landingBrand .abs-box2 .slider > input:nth-of-type(6):checked ~ .arrows label:nth-of-type(7),#landingBrand .abs-box2 .slider > input:nth-of-type(7):checked ~ .arrows label:nth-of-type(8),#landingBrand .abs-box2 .slider > input:nth-of-type(8):checked ~ .arrows label:nth-of-type(9),#landingBrand .abs-box2 .slider > input:nth-of-type(9):checked ~ .arrows label:nth-of-type(10),#landingBrand .abs-box2 .slider > input:nth-of-type(10):checked ~ .arrows label:nth-of-type(11),#landingBrand .abs-box2 .slider > input:nth-of-type(11):checked ~ .arrows label:nth-of-type(12){display:block;right:20px;-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);} #landingBrand .abs-box3{overflow:hidden;margin:0 0 70px 0;} #landingBrand .abs-box3 .title{margin:0 0 50px 0;} #landingBrand .abs-box3 .content{width:100%;text-align:center;padding:0 20px;margin:0 0 30px 0;} #landingBrand .abs-box3 .content img{width:100%;max-width:320px;} #landingBrand .abs-box3 .content h4{font-size:20px;margin:0 0 10px 0;} #landingBrand .abs-box3 .content p{font-family:'Gotham Book';font-size:18px;margin:20px 0;} @media (min-width:768px){#landingBrand .abs-box3 .content h4{font-size:18px;} #landingBrand .abs-box3 .content{margin:0;} } @media (min-width:900px){#landingBrand .abs-box3 .content h4{font-size:20px;} #landingBrand .abs-douglas-container #landingBrand .abs-box3 .content h4{font-size:17px;} } #landingBrand .abs-box4{overflow:hidden;margin:0 0 70px 0;} #landingBrand .abs-box4 .title{margin:0 0 50px 0;} #landingBrand .abs-box4 .content{width:100%;text-align:center;} #landingBrand .abs-box4 .content img{width:100%;max-width:320px;} #landingBrand .abs-box4 .content .cta{align-self:center;} #landingBrand .abs-box4 ul{list-style-type:none;margin:10px 0;} #landingBrand .abs-box4 ul li{width:15px;height:15px;border-radius:50%;background:#fff;margin:0 4px;display:inline-block;} #landingBrand .abs-box4 .content1 ul li.ball1{background:#efefef;} #landingBrand .abs-box4 .content1 ul li.ball2{background:#a3142e;} #landingBrand .abs-box4 .content1 ul li.ball3{background:#db725f;} #landingBrand .abs-box4 .content1 ul li.ball4{background:#8a132f;} #landingBrand .abs-box4 .content1 ul li.ball5{background:#9b204e;} #landingBrand .abs-box4 .content2 ul li.ball1{background:#a00509;} #landingBrand .abs-box4 .content2 ul li.ball2{background:#8e2961;} #landingBrand .abs-box4 .content2 ul li.ball3{background:#af595c;} #landingBrand .abs-box4 .content2 ul li.ball4{background:#973e44;} #landingBrand .abs-box4 .content2 ul li.ball5{background:#9c2946;} #landingBrand .abs-box4 .content3 ul li.ball1{background:#ca146a;} #landingBrand .abs-box4 .content3 ul li.ball2{background:#c93118;} #landingBrand .abs-box4 .content3 ul li.ball3{background:#800726;} #landingBrand .abs-box4 .content3 ul li.ball4{background:#e04267;} #landingBrand .abs-box4 .content3 ul li.ball5{background:#c55157;} #landingBrand .abs-box4 .content4 ul li.ball3{background:#efcbd3;} #landingBrand .abs-box4 .content h4{font-family:'Sackers-Gothic-Heavy';font-size:14px;text-transform:uppercase;height:30px;} #landingBrand .abs-douglas-container .abs-box4 .content h4{font-size:11px;} #landingBrand .abs-box4 .content p{width:100%;height:40px;font-family:'Gotham Book';font-size:12px;margin:20px 0;color:#777777;} #landingBrand .abs-douglas-container .abs-box4 .content p{font-size:10px;} #landingBrand .abs-box4 .info{width:100%;max-width:320px;margin:0 auto 20px auto;overflow:hidden;} #landingBrand .abs-box4 .info .left{width:50%;height:30px;float:left;display:flex;align-items:center;justify-content:center;border-right:1px solid #777777;} #landingBrand .abs-box4 .info .rating{font-size:13px;} #landingBrand .container-stars{position:relative;display:inline-block;color:#777777;} #landingBrand .full-stars{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:#0066b4;} #landingBrand .empty-stars:before, .full-stars:before{content:"\2605\2605\2605\2605\2605";font-size:12px;} #landingBrand .abs-douglas-container .empty-stars:before, #landingBrand .abs-douglas-container .full-stars:before{font-size:10px;} #landingBrand .abs-box4 .info .rating span{color:#777777;font-family:'Gotham Book';font-size:13px;display:inline-block;margin:0 0 0 5px;} #landingBrand .abs-box4 .info .right{width:50%;height:30px;float:left;display:flex;align-items:center;justify-content:center;font-size:14px;color:#000;font-family:'Avenir Heavy';} #landingBrand .abs-douglas-container .abs-box4 .info .right{font-size:12px;} #landingBrand .abs-box5{overflow:hidden;margin:0 0 50px 0;} #landingBrand .abs-box5 .title{margin:0 0 30px 0;} #landingBrand .abs-box5 .gwp-visu{height:300px;text-align:center;display:flex;justify-content:center;align-items:center;} /*#landingBrand .abs-box5 .gwp-copy{height:300px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/lancome/gwp-copy.jpg') no-repeat left center;background-size:cover;}*/ #landingBrand .abs-box5 .gwp-copy h1{font-weight:normal;color:#fff;font-size:25px;text-transform:uppercase;margin:0 0 15px 0;} #landingBrand .abs-box5 .gwp-copy p{font-size:20px;text-transform:uppercase;color:#000;background:#fff;padding:30px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.6);} @media (min-width:768px){#landingBrand .abs-box5 .gwp-copy h1{font-size:32px;} #landingBrand .abs-box5 .gwp-copy p{font-size:22px;padding:30px 55px;} #landingBrand .abs-douglas-container .abs-box5 .gwp-copy h1{font-size:28px;} #landingBrand .abs-douglas-container .abs-box5 .gwp-copy p{font-size:18px;padding:30px;} } /***************************/ /******** CLARINS **********/ /***************************/ #clarins-extra-firming #container{background:#fff;margin:0 auto 40px;width:100%;max-width:1024px;background:#fff;min-height:100%;color:#000;} #clarins-extra-firming #containermob{display:none;} #clarins-extra-firming p{padding:0;margin:0;text-align:center;} #clarins-extra-firming p.faces img{display:inline-block;margin:0 10px;cursor:pointer;} #clarins-extra-firming p.none{display:none !important;} #clarins-extra-firming .pots img{display:inline-block;width:132px;height:114px;position:relative;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1);-ms-transition:all 200ms ease-in;-ms-transform:scale(1);-moz-transition:all 200ms ease-in;-moz-transform:scale(1);transition:all 200ms ease-in;transform:scale(1);} #clarins-extra-firming .pots img:hover{z-index:2;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1.2);-ms-transition:all 200ms ease-in;-ms-transform:scale(1.2);-moz-transition:all 200ms ease-in;-moz-transform:scale(1.8);transition:all 200ms ease-in;transform:scale(1.2);} #clarins-extra-firming .faces{padding:0 5%;display:flex;} #clarins-extra-firming .img-faces{cursor:pointer;width:100%;background-size:cover;height:410px;display:inline-block;background-position:center;margin:5px;} #clarins-extra-firming .vid1{background-image:url('http://newsletter.planetparfum.be/tailormade/Clarins/face1.png');} #clarins-extra-firming .vid1:hover{background-image:url('http://newsletter.planetparfum.be/tailormade/Clarins/face1end.png');} #clarins-extra-firming .vid2{background-image:url('http://newsletter.planetparfum.be/tailormade/Clarins/face2.png');} #clarins-extra-firming .vid2:hover{background-image:url('http://newsletter.planetparfum.be/tailormade/Clarins/face2end.png');} #clarins-extra-firming .vid3{background-image:url('http://newsletter.planetparfum.be/tailormade/Clarins/face3.png');} #clarins-extra-firming .vid3:hover{background-image:url('http://newsletter.planetparfum.be/tailormade/Clarins/face3end.png');} @media all and (max-width:480px){#clarins-extra-firming #container{display:none;} #clarins-extra-firming #containermob{display:block;} #clarins-extra-firming .faces{;display:block;} } /***************************/ /**** Page content Dior ****/ /** dior-expertise-parfum **/ /***************************/ .brand-dior .brand-dior-folder .content-asset > h2{font-size:12px!important;margin-bottom:0;} .brand-dior .brand-dior-folder h2{padding-top:0!important;} .content-asset-content img{width:100%;padding-bottom:20px;} .brand-dior .brand-dior-folder .content-asset .content-asset-content p{padding-bottom:20px;font-family:CenturyGothic;font-size:13px;line-height:18px;} .content-asset-content .wrap-images{font-size:0;} .content-asset-content img.semi{width:49%;display:inline-block;} .content-asset-content img.semi-first{margin-right:2%;} .content-asset-content img.semi:first-child{margin-right:4% } .content-asset-content img.semi-alone{width:50%;display:inline-block;font-size:0;} .content-asset-content img.semi-right{width:50%;float:right;} .brand-dior .brand-dior-folder .content-asset .part60{display:inline-block;vertical-align:top;width:68%!important;float:none!important;margin-right:2%;} .brand-dior .brand-dior-folder .content-asset .part60L{display:inline-block;vertical-align:top;width:68%!important;float:none!important;margin-left:2%;} .brand-dior .brand-dior-folder .content-asset .part40{display:inline-block;vertical-align:top;width:30%!important;float:none!important;} .brand-dior .brand-dior-folder .content-asset .content-asset-content{font-size:0!important;border-bottom:solid 1px #d4d4d4;} .brand-dior .brand-dior-folder .content-asset:last-child .content-asset-content{border-bottom:none;} } #advent-focus .item{float:none!important;margin:0 auto!important;border:1px solid lightgrey;padding-bottom:20px;} .brand-dior .brand-navigation{display:flex;} .dior-landing-wrapper ul{margin:auto;} .brand-dior{font-family:CenturyGothic;} .brand-dior .brand-dior-folder a{background:black;color:white;display:block;text-align:center;padding:10px 50px;text-transform:uppercase;font-weight:bold;} .brand-dior .exprtisePush *{text-align:center;} @media screen and (max-width:420px){.brand-dior .brand-dior-folder .content-asset .part60,.brand-dior .brand-dior-folder .content-asset .part40,.brand-dior .brand-dior-folder .content-asset .part60L{width:100%!important;} .brand-dior .brand-dior-folder .content-asset .part60L{margin-left:0;} .content-asset-content img.semi,.content-asset-content img.semi-alone,.content-asset-content img.semi-right{display:block!important;width:auto!important;margin:0!important;padding:0!important;margin-bottom:4% !important;} .brand-dior .brand-dior-folder h2{text-align:left;} .brand-dior .first-element .brand-dior-folder h2{text-align:center;} .brand-dior img{width:auto!important } .brand-dior .brand-dior-folder .content-asset{margin-top:0 !important;margin-bottom:4%;} .brand-dior .dior-teaser-banner .dior-teaser-banner-text{order:1;} } /***************************/ /**** DIOR EAU SAUVAGE *****/ /***************************/ #dior-eau-sauvage *{margin:0px;padding:0px;box-sizing:border-box;-webkit-box-sizing:border-box;} #dior-eau-sauvage input, #dior-eau-sauvage select, #dior-eau-sauvage textarea{font-family:Arial;font-size:12px;color:#8c806e;} #dior-eau-sauvage img{border:0px;display:block;} #dior-eau-sauvage a, #dior-eau-sauvage input{outline:none;} #dior-eau-sauvage .clear{clear:both;height:0px;overflow:hidden;} #dior-eau-sauvage a{text-decoration:none;display:block;transition:all 0.4s;-webkit-transition:all 0.4s;max-width:none;} #dior-eau-sauvage h1, #dior-eau-sauvageh2, #dior-eau-sauvage h3, #dior-eau-sauvageh4, #dior-eau-sauvage h5,#dior-eau-sauvage h6{font-weight:normal;} #dior-eau-sauvage h2{font-family:'dincondensedbold';font-size:50px;line-height:70px;color:#000;text-transform:uppercase;} #dior-eau-sauvage p{font-size:29px;line-height:34px;} #dior-eau-sauvage .centering{padding:0 50px;width:100%;} #dior-eau-sauvage .heading-top{text-align:center;padding:49px 0px 46px;} #dior-eau-sauvage .heading-top.spacetb{padding:49px 0 48px;} #dior-eau-sauvage .button{padding:12px 18px 0px;letter-spacing:0.03em;display:inline-block;text-transform:uppercase;color:#000;font-family:'dincondensedbold';border:2px solid #000;font-size:30px;line-height:inherit;height:69px;background:white;} #dior-eau-sauvage .button:hover{color:#fff;background-color:#000;} #dior-eau-sauvage .button.button-white{padding-left:8px;padding-right:8px;color:#fff;border-color:#fff;background:transparent;} #dior-eau-sauvage .button.button-white:hover{background-color:#fff;color:#000;} #dior-eau-sauvage{position:relative;display:block;width:80%;min-height:100%;font-family:'CenturyGothicStdRegular',Arial;font-size:29px;color:#000000;background:#fff;margin:0 auto;} #dior-eau-sauvage #layout{margin:0 auto;width:auto;} #dior-eau-sauvage #header-part{padding:35px 0px 21px;position:relative;width:100%;text-align:center;} #dior-eau-sauvage #header-part .logo{display:inline-block;margin:auto;} #dior-eau-sauvage #header-part .logo img{width:200px;height:auto;margin:auto;} #dior-eau-sauvage #content-part{overflow:hidden;width:100%;} #dior-eau-sauvage #center-part{width:100%;} #dior-eau-sauvage .banner-bar{width:100%;height:571px;background:url('http://staging-web-distriplus.demandware.net/on/demandware.static/-/Sites-PlanetParfum-BE-Library/default/dwa1b31246/brands/landingpage/dior/banner-img.jpg') no-repeat top center;background-size:cover;position:relative;} #dior-eau-sauvage .banner-bar .b-logo{position:absolute;left:50%;bottom:83px;transform:translateX(-50%);-webkit-transform:translateX(-50%);} #dior-eau-sauvage .info-bar{padding:50px 0 18px;text-align:center;} #dior-eau-sauvage .info-bar p{margin-bottom:40px;} #dior-eau-sauvage .camp-bar{width:100%;position:relative;} #dior-eau-sauvage .camp-bar img{width:100%;} #dior-eau-sauvage .camp-bar .play{width:90px;height:90px;position:absolute;left:50%;top:50%;z-index:10;margin:-45px 0 0 -45px;} #dior-eau-sauvage .son-bar .top-images{margin-top:3px;position:relative;} #dior-eau-sauvage .son-bar .top-images a.tab1, #dior-eau-sauvage .son-bar .top-images a.tab2{width:100%;height:506px;background-repeat:no-repeat;background-position:top center;background-size:cover;} #dior-eau-sauvage .son-bar .top-images a.tab1{background-position:right;} #dior-eau-sauvage .son-bar .top-images a.tab2{background-position:left;} #dior-eau-sauvage .son-bar .top-images .left-content{width:50%;float:left;} #dior-eau-sauvage .son-bar .top-images .right-content{width:50%;float:right;} #dior-eau-sauvage .leftside{width:200%;position:relative;top:100%;left:0px;} #dior-eau-sauvage .leftside.rightside{left:-100%;} #dior-eau-sauvage.bigcontent .leftside{display:none;} #dior-eau-sauvage.bigcontent:hover .leftside{display:block;} #dior-eau-sauvage .son-bar .top-images a.tab1, #dior-eau-sauvage .son-bar .top-images a.tab2{margin-bottom:60px;} #dior-eau-sauvage .tab1-content{width:100%;position:relative;} #dior-eau-sauvage .display-show{display:block;} #dior-eau-sauvage .display-hide{display:none;} #dior-eau-sauvage .caption-position{position:absolute;left:0px;top:0px;width:100%;text-align:center;} #dior-eau-sauvage .content-caption1{padding:122px 10px 30px;} #dior-eau-sauvage .content-caption1 h2{font-size:129px;line-height:90px;color:#fff;margin-bottom:20px;} #dior-eau-sauvage .content-caption1 h3{font-size:70px;line-height:90px;color:#fff;font-family:'dincondensedbold';margin-bottom:33px;} #dior-eau-sauvage .content-caption1 p{color:#fff;margin-bottom:60px;} #dior-eau-sauvage .content-caption1 img{width:100%;} #dior-eau-sauvage .tab2-content{width:100%;position:relative;} #dior-eau-sauvage .tab2-content img{height:100%;width:auto;} #dior-eau-sauvage .content-caption2 img{width:100%;} #dior-eau-sauvage .content-caption2{padding:108px 10px 30px;} #dior-eau-sauvage .content-caption2 h2{font-size:123px;line-height:86px;color:#fff;margin-bottom:159px;} #dior-eau-sauvage .content-caption2 h3{letter-spacing:0.35em;font-size:72px;line-height:90px;color:#fff;font-family:'dincondensedbold';margin-bottom:80px;text-shadow:4px 4px 0 rgba(0, 0, 0, 0.39);-webkit-text-shadow:4px 4px 0 rgba(0, 0, 0, 0.39);} #dior-eau-sauvage .content-caption2 .button{margin-top:74px;} #dior-eau-sauvage .son-bar .top-images .bigcontent.right-content .leftside{display:block;} #dior-eau-sauvage .son-bar .top-images:hover .bigcontent.right-content .leftside{display:none;} #dior-eau-sauvage .son-bar .top-images:hover .bigcontent.right-content:hover .leftside{display:block;} @media only screen and (max-width:999px){img{max-width:100%;height:auto;} #dior-eau-sauvage .centering{padding:0 30px;} #dior-eau-sauvage .leftside{padding-top:40px;} } @media only screen and (max-width:959px){#dior-eau-sauvage .content-caption2 h2{margin-bottom:65px;} #dior-eau-sauvage .content-caption2 h3{margin-bottom:36px;} #dior-eau-sauvage .son-bar .top-images a.tab1, #dior-eau-sauvage .son-bar .top-images a.tab2{margin-bottom:20px;} #dior-eau-sauvage .camp-bar iframe{height:400px;} } @media only screen and (max-width:767px){#dior-eau-sauvage h2{font-size:30px;line-height:40px;} #dior-eau-sauvage .button{font-size:30px;line-height:inhert;padding:5px 11px 2px;height:55px;margin-bottom:20px;} #dior-eau-sauvage .content-caption1 h2{font-size:55px;line-height:35px;} #dior-eau-sauvage .content-caption1 h3{font-size:30px;line-height:22px;margin-bottom:10px;} #dior-eau-sauvage .content-caption2 h2{font-size:60px;line-height:50px;margin-bottom:10px;} #dior-eau-sauvage #header-part .logo{width:170px;} #dior-eau-sauvage .display-hide{display:block;} #dior-eau-sauvage .heading-top.spacetb{padding:20px 0px 17px;} #dior-eau-sauvage .heading-top{padding:20px 0 17px;} #dior-eau-sauvage .banner-bar{height:300px;} #dior-eau-sauvage .info-bar{padding-top:30px;} #dior-eau-sauvage p{font-size:20px;line-height:28px;} #dior-eau-sauvage .centering{padding:0 15px;} #dior-eau-sauvage #header-part{padding:20px 0px 5px;} #dior-eau-sauvage .info-bar{padding-bottom:0px;} #dior-eau-sauvage .son-bar .top-images a.tab1, #dior-eau-sauvage .son-bar .top-images a.tab2 , #dior-eau-sauvage .left-content.bigcontent{display:none !important;} #dior-eau-sauvage .content-caption1 p{font-size:14px;line-height:18px;margin-bottom:10px;} #dior-eau-sauvage .content-caption1{padding:50px 15px 20px;} #dior-eau-sauvage .content-caption1 p{margin-bottom:30px;} #dior-eau-sauvage .content-caption2{padding:30px 15px 30px;} #dior-eau-sauvage .content-caption2 h2{margin-bottom:20px;} #dior-eau-sauvage .content-caption2 h3{font-size:33px;line-height:40px;margin-bottom:12px;} #dior-eau-sauvage .content-caption2 .button{margin-top:0px;} #dior-eau-sauvage .son-bar .top-images .left-content{width:100%;float:none;} #dior-eau-sauvage .son-bar .top-images .right-content{width:100%;float:none;} #dior-eau-sauvage .bigcontent .leftside{display:block;position:static;width:100%;} #dior-eau-sauvage .leftside{padding-top:0px;} #dior-eau-sauvage .tab2-content img{height:400px;width:100%;} #dior-eau-sauvage .camp-bar iframe{height:200px;} } /***************************/ /******** DIOR JOY *********/ /***************************/ #dior-joy h2{font-size:57px;line-height:61.75px;color:#000000;font-family:'oCondensedBold';font-weight:700;text-align:center;} #dior-joy h3{font-size:47.5px;line-height:61.75px;color:#fff;font-family:'dincondensedbold';font-weight:700;} #dior-joy .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} #dior-joy .clearfix{display:inline-block;} #dior-joy * html .clearfix{height:1%;} #dior-joy .clearfix{display:block;} #dior-joy .container{max-width:92%;width:100%;padding:0 4%;} #dior-joy .linkbtn{display:inline-block;vertical-align:middle;color:#000000;font-family:'CenturyGothicStdRegular';font-weight:400;font-size:23.75px;line-height:17px;} #dior-joy #dior-joy{position:relative;display:block;width:100%;min-height:100%;} #dior-joy #layout{margin:0 auto;max-width:950px;width:100%;overflow:hidden;} #dior-joy #header-part{position:relative;width:100%;text-align:center;} #dior-joy .logo a{text-align:center;display:block;padding:18px 0px;} #dior-joy .logo a img{width:auto;display:inline-block;} #dior-joy img{border-radius:4px;} #dior-joy #banner-part{position:relative;width:100%;text-align:center;} #dior-joy .cover-bar h2{padding:30px 0px;} #dior-joy .cover-bar a.linkbtn{margin-bottom:100px;} #dior-joy .cover-bar a img,#dior-joy .content-bar a img{width:auto;display:inline-block;vertical-align:middle;margin-left:10px;margin-top:-5px;} #dior-joy #content-part{width:100%;} #dior-joy .content-bar{width:100%;text-align:center;} #dior-joy .content-bar p{font-size:28.5px;line-height:38px;color:#000000;font-family:'CenturyGothicStdRegular';font-weight:400;padding:27px 0px 30px;letter-spacing:0.5px;} #dior-joy .content-bar a{font-size:24px;margin-bottom:78px;} #dior-joy .smile-bar h2{padding:21px 0px 28px;} #dior-joy .ingredient-bar p{font-family:'CenturyGothicStdItalic';font-weight:500;padding:12px 0px;} #dior-joy .ingredient-bar img{margin:0 auto;padding:36px 0px 11px;} #dior-joy .ingredient-bar img.signature{width:37%;} #dior-joy .ingredient-bar span{font-size:25px;line-height:26px;color:#000000;font-family:'CenturyGothicStdRegular';font-weight:400;display:block;text-align:right;margin-right:223px;margin-bottom:54px;} #dior-joy .videoplay{position:relative;max-width:616px;width:100%;margin:0 auto;margin-bottom:42px;} #dior-joy .video-bar figure img{width:100%;margin:0 auto;border-radius:4px;} #dior-joy .video-bar h3{text-align:center;width:100%;position:absolute;bottom:105px;letter-spacing:1.8px;} #dior-joy .video-bar a{margin-bottom:63px;} #dior-joy .film-bar{width:100%;margin-bottom:46px;} #dior-joy .film-bar h2{margin-bottom:28px;} #dior-joy .film-bar figure{position:relative;width:100%;} #dior-joy .film-bar figure:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:url(http://staging-web-distriplus.demandware.net/on/demandware.static/-/Sites-PlanetParfum-BE-Library/default/dwa1b31246/brands/landingpage/dior/joy/playbtn.png) no-repeat center;width:7%;height:60px;cursor:pointer;} #dior-joy .products-bar{margin-bottom:56px;width:100%;} #dior-joy .products-bar .left-side{width:50%;float:left;text-align:center;} #dior-joy .products-bar .left-side span,#dior-joy .products-bar .right-side span{display:block;height:310px;width:490px;} #dior-joy .products-bar .left-side figure img,#dior-joy .products-bar .right-side figure img,#dior-joy .products-bar .left-side > a > img,#dior-joy .products-bar .right-side > a > img{width:auto;display:inline-block;position:relative;margin-bottom:-2px;} #dior-joy .products-bar .right-side{width:50%;float:right;text-align:center;} #dior-joy .products-bar h2{margin-bottom:60px;} #dior-joy .products-bar .left-side a,#dior-joy .products-bar .right-side a{display:inline-block;color:#000000;font-size:39.51px;font-family:'dincondensedbold';font-weight:700;text-transform:uppercase;padding:47px 0px;} #dior-joy .products-bar .left-side > a > img,#dior-joy .products-bar .right-side > a > img{margin-left:10px;} @media only screen and (max-width:959px){#dior-joy h2{font-size:54px;} #dior-joy .cover-bar a.linkbtn{margin-bottom:60px;} #dior-joy .content-bar p{font-size:24px;} #dior-joy .content-bar a, #dior-joy .linkbtn{font-size:20px;margin-bottom:60px;} #dior-joy .ingredient-bar span{font-size:22px;} #dior-joy .film-bar{margin-bottom:30px;} #dior-joy .products-bar .left-side a, #dior-joy .products-bar .right-side a{font-size:36px;} #dior-joy .products-bar .left-side span, #dior-joy .products-bar .right-side span{width:50%;margin:0 auto;} #dior-joy .film-bar figure:after{width:10%;} #dior-joy .dior-video-container{width:100% !important;} } @media only screen and (max-width:767px){#dior-joy h2{font-size:45px;} #dior-joy .content-bar p{font-size:20px;} #dior-joy .products-bar .left-side a, #dior-joy .products-bar .right-side a{font-size:28px;} #dior-joy .products-bar .left-side > a > img, #dior-joy .products-bar .right-side > a > img{width:7%;} #dior-joy .products-bar .left-side span img, #dior-joy .products-bar .right-side span img{width:115px;} #dior-joy .products-bar .left-side > a > img, #dior-joy .products-bar .right-side > a > img{width:10px;} #dior-joy .products-bar h2{margin-bottom:40px;} #dior-joy .products-bar .left-side a, #dior-joy .products-bar .right-side a{padding:20px 0px;} } @media only screen and (max-width:639px){#dior-joy .logo a{padding:10px 0px;max-width:150px;margin:0 auto;} #dior-joy .logo a img{width:100%;} #dior-joy h2{font-size:37px;} #dior-joy .cover-bar h2{padding:10px 0px;} #dior-joy .cover-bar a.linkbtn{margin-bottom:35px;} #dior-joy .content-bar p{font-size:17px;line-height:28px;padding:20px 0px;} #dior-joy .content-bar a, #dior-joy .linkbtn{font-size:17px;} #dior-joy .smile-bar h2{padding:15px 0px;line-height:42px;} #dior-joy .content-bar a, #dior-joy .linkbtn{margin-bottom:30px;} #dior-joy .ingredient-bar span{font-size:16px;margin-right:30px;margin-bottom:30px;} #dior-joy .ingredient-bar > img{width:30%;margin:0 auto;padding:10px 0px;} #dior-joy h3{font-size:36px;} #dior-joy .video-bar h3{bottom:15%;} #dior-joy .videoplay{margin-bottom:30px;width:100%;} #dior-joy .film-bar h2{margin-bottom:15px;} #dior-joy .film-bar{margin-bottom:20px;} #dior-joy .products-bar h2, #dior-joy .products-bar{margin-bottom:20px;} #dior-joy .products-bar .left-side figure, #dior-joy .products-bar .right-side figure{width:30%;margin:0 auto;height:201px;} #dior-joy .film-bar figure:after, #dior-joy .video-bar figure::after{width:12%;background-size:45px;transform:translate(-50%, -50%);} #dior-joy .products-bar .left-side a, #dior-joy .products-bar .right-side a{font-size:28px;} #dior-joy .products-bar .left-side > a > img, #dior-joy .products-bar .right-side > a > img{width:7%;} #dior-joy .products-bar .left-side figure img, #dior-joy .products-bar .right-side figure img{width:100%;} #dior-joy .products-bar .left-side > a > img, #dior-joy .products-bar .right-side > a > img{width:10px;} } @media only screen and (max-width:539px){#dior-joy .logo a{max-width:120px;} #dior-joy h2{font-size:33px;} #dior-joy .cover-bar a.linkbtn{margin-bottom:25px;} #dior-joy .content-bar p{font-size:15px;} #dior-joy .content-bar a, #dior-joy .linkbtn{font-size:15px;} #dior-joy .products-bar .left-side a, #dior-joy .products-bar .right-side a{font-size:22px;} } @media only screen and (max-width:479px){#dior-joy .logo a{max-width:100px;} #dior-joy h2{font-size:25px;line-height:34px !important;} #dior-joy .cover-bar h2{padding:15px 0px 5px;} #dior-joy .content-bar p br{display:none;} #dior-joy .content-bar p{font-size:14px;} #dior-joy .ingredient-bar span{font-size:15px;} #dior-joy .video-bar figure:after{width:16%;} #dior-joy .video-bar h3{font-size:24px;} #dior-joy .products-bar .left-side figure, #dior-joy .products-bar .right-side figure{height:135px;} #dior-joy .products-bar .left-side a, #dior-joy .products-bar .right-side a{font-size:17px;} #dior-joy .film-bar figure:after{width:17%;} #dior-joy #banner-part{margin-top:6%;} #dior-joy .film-bar .dior-video-container{width:100% !important;height:171px !important;} } /****************************************/ /********** CHANEL Mademoiselle *********/ /****************************************/ #chanel-mademoiselle{background-color:black;color:white;min-height:100%;width:100%;margin:0;padding:0;padding-top:1px;text-align:center !important;position:relative;margin:auto;} #chanel-mademoiselle #container0{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;} #chanel-mademoiselle #container1, #chanel-mademoiselle #container2{width:100%;} #chanel-mademoiselle #container_logo{display:flex;justify-content:center;padding:20px;margin-top:3em;margin-bottom:3em;} #chanel-mademoiselle #logo{align-self:center;} #chanel-mademoiselle #keira_1{display:flex;justify-content:center;} #chanel-mademoiselle #keira_1 img{width:110%;height:110%;} #chanel-mademoiselle #coco_mademoiselle{display:flex;flex-direction:column;width:70%;margin-left:auto;margin-right:auto;margin-top:3em;color:white;} #chanel-mademoiselle #coco_mademoiselle h1, #chanel-mademoiselle #coco_mademoiselle p{text-align:center;width:80%;margin-left:auto;margin-right:auto;} #chanel-mademoiselle #coco_mademoiselle>h1{font-family:'ABChanel PB SemiBold M';font-size:130%;padding-bottom:1em;color:white;} #chanel-mademoiselle #coco_mademoiselle p{font-family:'Helvetica';line-height:15px;} #chanel-mademoiselle #coco_mademoiselle>img{width:50%;margin-left:22%;margin-right:28%;} #chanel-mademoiselle #coco_mademoiselle>a{width:20%;height:auto;padding:1em;margin-top:1.2em;margin-left:auto;margin-right:auto;height:auto;text-align:center;text-transform:uppercase;text-decoration:none;font-family:'chanelRegM';font-size:95%;border:none;background-color:white;color:black;} #chanel-mademoiselle #coco_mademoiselle>a:hover, .offre>div>a:hover{background-color:#333;color:#fff;border-color:#333;} #chanel-mademoiselle #video{display:flex;justify-content:center;align-items:center;margin-top:3em;margin-bottom:3em;} #chanel-mademoiselle #video>a>img{width:100%;} #chanel-mademoiselle #offres{display:flex;flex-direction:column;margin-top:3em;margin-bottom:3em;} #chanel-mademoiselle .offre{display:flex;} #chanel-mademoiselle .offre>div, #chanel-mademoiselle #coco_mademoiselle .offre>img{width:50%;height:100%;} #chanel-mademoiselle .offre>div{display:flex;flex-direction:column;justify-content:center;align-self:center;} #chanel-mademoiselle .offre>div>p{width:45%;font-family:'Helvetica';line-height:18px;margin:0 auto;text-align:center;} #chanel-mademoiselle .offre>div>a{width:30%;background-color:white;color:black;text-align:center;text-decoration:none;font-family:'ABChanel PB Regular M';font-size:95%;border:none;padding:1em;margin-top:1.2em;align-self:center;} #chanel-mademoiselle .offre>div>a:hover{background-color:#333;color:#fff;border-color:#333;} #chanel-mademoiselle #container1{margin-top:5em;margin-bottom:0;display:flex;justify-content:center;} #chanel-mademoiselle #container1>img{width:100%;height:100%;} #chanel-mademoiselle #container2{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:white;border:1px solid white;padding-top:3em;padding-bottom:3em;} #chanel-mademoiselle #container2>h2{color:black;font-family:'ABChanel PB SemiBold M';font-size:130%;} #chanel-mademoiselle .offre2{display:flex;margin-top:3em;margin-bottom:3em;} #chanel-mademoiselle .offre2>div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;} #chanel-mademoiselle .offre2>div>a{width:50%;background-color:black;color:white;font-family:'ABChanel PB Regular M';font-size:80%;text-decoration:none;padding:5px;text-align:center;} #chanel-mademoiselle .offre2>div>a:hover{background-color:#333;color:#fff;border-color:#333;} #chanel-mademoiselle .offre3{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'ABChanel PB Regular M';font-size:80%;padding:1em;} #chanel-mademoiselle .offre3>a{width:50%;background-color:black;color:white;padding:5px;text-align:center;text-decoration:none;font-family:'ABChanel PB Regular M';} #chanel-mademoiselle .offre3>a:hover{background-color:#333;color:#fff;border-color:#333;} #chanel-mademoiselle .img_responsive{display:none;} #chanel-mademoiselle footer{max-width:100%;height:100px;background-color:white;} @media only screen and (max-width:768px){#chanel-mademoiselle #video{width:90%;margin-left:auto;margin-right:auto;} #chanel-mademoiselle #coco_mademoiselle a, .offre>div>a{width:40%;height:auto;padding:1em;margin-top:1.2em;font-size:60%;text-align:center;} #chanel-mademoiselle #coco_mademoiselle>h1{padding-bottom:2em;} #chanel-mademoiselle .offre{flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding-top:1em;padding-bottom:1em;} #chanel-mademoiselle .offre>div{width:90%;} #chanel-mademoiselle .offre>img{width:100%;} #chanel-mademoiselle .offre>div>p{width:100%;padding:1em;box-sizing:border-box;} #chanel-mademoiselle .img_responsive{display:block;padding-bottom:1em;} #chanel-mademoiselle .desktop{display:none;} #chanel-mademoiselle #container2 h2{margin-bottom:3em;} #chanel-mademoiselle .offre2{flex-direction:column;justify-content:center;margin-bottom:0;margin-top:0;} #chanel-mademoiselle .offre2>div{justify-content:space-around;margin-top:1em;margin-bottom:1em;} } @media only screen and (min-width:768px){#chanel-mademoiselle #coco_mademoiselle>a, .offre>div>a{width:auto;height:auto;text-align:center;font-size:70%;} } /***************************/ /**** Chanel Gabrielle *****/ /******** août 2017 ********/ #GabrielleChanel{background:#fff;text-align:center;font-size:14px;letter-spacing:0.1em;line-height:1.4em;font-family:'helvetica', arial, sans-serif;width:100%;} #GabrielleChanel #containerGabrielle{margin:0 auto;width:100%;max-width:1200px;background:#fff;min-height:100%;color:#000;} #GabrielleChanel section{clear:both;padding:40px 0 0;} #GabrielleChanel header{padding:30px 0 0;} #GabrielleChanel img{display:block;margin:0 auto;max-width:100%;height:auto;} #GabrielleChanel h1{text-transform:uppercase;font-size:58px;line-height:1.2em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:40px 0 20px;} #GabrielleChanel h2{text-transform:uppercase;font-size:30px;line-height:1.2em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:40px 0 20px;} #GabrielleChanel h3{text-transform:uppercase;font-size:18px;line-height:1.2em;letter-spacing:.1em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:10px 0 10px;} #GabrielleChanel h4{text-transform:uppercase;font-size:18px;line-height:1.1em;letter-spacing:.1em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:10px 0 10px;color:#000;} #GabrielleChanel h4 span{color:#999;} #GabrielleChanel h5{text-transform:uppercase;font-size:16px;line-height:1.2em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:10px 0 10px;letter-spacing:0em;} #GabrielleChanel .cols h3{font-size:18px;padding-bottom:0;line-height:1.8em;letter-spacing:0em;} #GabrielleChanel .cols h4{font-size:12px;padding-top:0;line-height:1.8em;letter-spacing:0em;} #GabrielleChanel hr{padding:0;margin:70px 0 10px;border-bottom:1px solid #ccc;} #GabrielleChanel p.cta{padding:40px 0;} #GabrielleChanel p.cta a{background:#fff;color:#000;text-decoration:none;text-transform:uppercase;font-family:'ABChanel PB Regular M', arial, sans-serif;font-size:1em;padding:10px 45px;border:1px solid #ccc;} #GabrielleChanel p.cta a:hover{background:#000;color:#fff;border-color:#000;} #GabrielleChanel .cols{margin:0 40px;display:-webkit-flex;-webkit-align-items:center;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;min-height:450px;} #GabrielleChanel .alignbottom{align-items:flex-end;} #GabrielleChanel .col{width:480px;} #GabrielleChanel .mob{display:none;} #GabrielleChanel .desk{display:block;} @media only screen and (min-device-width:320px) and (max-device-width:480px){#GabrielleChanel, #container{width:100%;} #GabrielleChanel header{padding:80px 0 50px;} #GabrielleChanel h2, h3, h4, h5{padding-left:30px;padding-right:30px;} #GabrielleChanel p{margin:0 50px;} #GabrielleChanel p br{display:none;} #GabrielleChanel .cols{margin:0!important;display:block;min-height:50px;} #GabrielleChanel .col{width:100%!important;padding-bottom:50px;} #GabrielleChanel .mob{display:block;} #GabrielleChanel .desk{display:none;} #GabrielleChanel .cols h3{padding-top:0px;} } #container-chanel{margin:0 auto 40px;width:100%;max-width:1000px;background:#fff;min-height:100%;color:#000;font-size:14px;letter-spacing:0.1em;line-height:1.4em;text-align:center;font-family:helvetica!important;} #container-chanel section{clear:both;padding:40px 0 0;} #container-chanel header{padding:0;} #container-chanel img{display:block;margin:0 auto;max-width:100%;height:auto;} #container-chanel h1{text-transform:uppercase;font-size:58px;line-height:1.2em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:40px 0 20px;} #container-chanel h2{text-transform:uppercase;font-size:22px;line-height:1.2em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:40px 0 20px;} #container-chanel h3{text-transform:uppercase;font-size:18px;line-height:1.2em;letter-spacing:.1em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:10px 0 10px;} #container-chanel h4{text-transform:uppercase;font-size:18px;line-height:1.1em;letter-spacing:.1em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:10px 0 10px;color:#000;} #container-chanel h4 span{color:#999;} #container-chanel h5{text-transform:uppercase;font-size:16px;line-height:1.2em;font-family:'ABChanel PB SemiBold M', arial, sans-serif;padding:10px 0 10px;letter-spacing:0em;} #container-chanel .cols h3{font-size:18px;padding-bottom:0;line-height:1.8em;letter-spacing:0em;} #container-chanel .cols h4{font-size:12px;padding-top:0;line-height:1.8em;letter-spacing:0em;} #container-chanel hr{padding:0;margin:70px 0 10px;border-bottom:1px solid #ccc;} #container-chanel p.cta{padding:20px 0 40px 0;} #container-chanel p.cta a{background:#000;color:#fff;text-decoration:none;text-transform:uppercase;font-family:'ABChanel PB Regular M', arial, sans-serif;font-size:.8em;padding:10px 25px;border:1px solid #000;} #container-chanel p.cta a:hover{background:#333;color:#fff;border-color:#333;} #container-chanel p.upcase{text-transform:uppercase;margin:0 200px;color:#888;font-size:.7em;line-height:1.2em;} #container-chanel .cols{width:600px;margin:0 auto;display:-webkit-flex;-webkit-align-items:center;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;min-height:350px;} #container-chanel .cols2{width:400px !important;} #container-chanel .alignbottom{align-items:flex-end;} #container-chanel .col{width:200px;} #container-chanel .doublecol{width:400px;} #container-chanel .mob{display:none;} #container-chanel .desk{display:block;} @media only screen and (max-device-width:600px){#container-chanel{width:100%;} #container-chanel header{padding:0;} #container-chanel h2, h3, h4, h5{padding-left:30px;padding-right:30px;} #container-chanel p{margin:0 50px;} #container-chanel p br{display:none;} #container-chanel .cols, .cols2{width:100% !important;display:block;min-height:50px;} #container-chanel .col, .doublecol{width:100%!important;padding-bottom:0px;} #container-chanel .mob{display:block;} #container-chanel .desk{display:none;} #container-chanel .cols h3{padding-top:0px;} #container-chanel p.upcase{margin:0 20px;} } /***************************/ /***** Zadig&Voltaire ******/ /***************************/ #zv{color:#000;font-size:14px;line-height:19px;} #zv *{margin:0;padding:0;border:0;outline:none;box-sizing:border-box;} #zv .zv_container{width:100%;max-width:740px;margin:0 auto;font-family:"TradeGothicLTCom-Light", Helvetica, Arial, sans-serif;} #zv .zv_header{width:100%;background:#000;padding:2% 0;} #zv .zv_logo{width:46%;display:block;margin:0 auto;} #zv .zv_body:before, #zv .zv_body:after,#zv .zv_section_line:before,#zv .zv_section_line:after,#zv .zv_section_inside:before,#zv .zv_section_inside:after,#zv .zv_section_mozaic:before,#zv .zv_section_mozaic:after,#zv .zv_section_texts:before,#zv .zv_section_texts:after,#zv .zv_section_media:before,#zv .zv_section_media:after{content:"";display:table;} #zv .zv_body:after,#zv .zv_section_line:after,#zv .zv_section_inside:after,#zv .zv_section_mozaic:after,#zv .zv_section_texts:after,#zv .zv_section_media:after{clear:both;} #zv .zv_body,#zv .zv_section_line,#zv .zv_section_inside,#zv .zv_section_mozaic,#zv .zv_section_texts,#zv .zv_section_media{*zoom:1;} #zv .zv_section_line,#zv .zv_section_mozaic,#zv .zv_section_inside{position:relative;left:0;top:0;} #zv .zv_section_line{display:block;width:100%;} #zv .zv_section{float:left;width:100%;} #zv .zv_section_title{font-size:3.8em;line-height:0.9em;position:relative;font-family:"TradeGothicLTCom-BdCn20"!important;} #zv .zv_section_text{font-size:0.975em;line-height:1.75em;text-align:justify;background:#FFF;} #zv .zv_section_bold{font-weight:bold;font-family:"TradeGothicLTCom-BdCn20"!important;} #zv .zv_section_slogan{font-size:1.41em;line-height:1.2em;text-align:center;text-transform:uppercase;background:#FFF;font-family:"TradeGothicLTCom-BdCn20"!important;} #zv .zv_section_media{position:relative;left:0;top:0;} #zv .zv_section_media img{position:relative;left:0;top:0;width:100%;display:block;} #zv .zv_section_media_text{position:absolute;color:#FFF;top:0;left:0;} #zv .zv_btn{position:relative;color:#FFF;text-align:center;text-transform:uppercase;padding:2px 8px 2px 18px;font-size:11px;line-height:17px;border:solid 1px #000;text-decoration:none;display:inline-block;background:#000 url(http://newsletter.planetparfum.be/tailormade/Z&V/images/zv_arrow.png) left -2px no-repeat;} #zv .zv_btn:hover{color:#000;background:#fff;text-decoration:none;} #zv .zv_section_bkgd_1{background:url(http://newsletter.planetparfum.be/tailormade/Z&V/images/zv_beginning_bkgd_1.jpg) right top no-repeat;background-size:100% auto;} #zv .zv_section_bkgd_2{background:url(http://newsletter.planetparfum.be/tailormade/Z&V/images/zv_beginning_bkgd_2.jpg) right top no-repeat;background-size:100% auto;} #zv .zv_section_bkgd_3{background:url(http://newsletter.planetparfum.be/tailormade/Z&V/images/zv_beginning_bkgd_3.jpg) center top no-repeat;background-size:100% auto;} #zv .zv_section_brand{width:54.5%;margin-right:3.2%;margin-bottom:5.8%;} #zv .zv_section_brand .zv_section_title{padding:15.5% 0 15.5% 4.5%;} #zv .zv_section_brand .zv_section_media_text{top:59%;left:21.5%;font-size:1.64em;line-height:1.2em;font-family:"TradeGothicLTCom-BdCn20"!important;} #zv .zv_section_brand .zv_section_text{text-indent:11em;padding-bottom:3.5%;padding-left:4.5%;} #zv .zv_section_founder{position:absolute;bottom:0;right:0;width:42.3%;margin-bottom:5.8%;} #zv .zv_section_founder .zv_section_title{font-size:3.78em;line-height:0.9em;text-align:right;} #zv .zv_section_founder .zv_section_media_text{top:67%;right:10%;} #zv .zv_section_founder .zv_section_text{width:92%;margin-top:7.5%;padding:9% 7%;color:#FFF;background:#000;} #zv .zv_section_ads{padding-top:7%;} #zv .zv_section_ads .zv_section_media{float:left;width:57.7%;margin-bottom:12.8%;} #zv .zv_section_ads .zv_section_media img{float:left;width:49%;display:block;} #zv .zv_section_ads .zv_section_media img:nth-child(1){margin-right:1%;} #zv .zv_section_ads .zv_section_texts{float:left;width:42.3%;padding-left:5.5%;padding-bottom:7%;} #zv .zv_section_rock_art_paris .zv_section_title{font-size:6.25em;line-height:1em;text-align:center;} #zv .zv_section_rock_art_paris .zv_section_media_text{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);} #zv .zv_section_pos{padding-top:3%;padding-bottom:1%;} #zv .zv_section_pos .zv_section_title{font-family:"TradeGothicLTCom-Light";text-align:center;width:100%;font-size:2.08em;line-height:1em;padding-top:10.5%;padding-bottom:1.5%;} #zv .zv_section_pos .zv_section_text{text-align:justify;-moz-text-align-last:center;text-align-last:center;width:68%;margin:0 auto;} #zv .zv_section_pos .zv_section_slogan{padding-top:4%;} #zv .zv_section_pos .zv_section_media{position:relative;left:0;top:0;width:100%;} #zv .zv_section_pos .zv_section_media img{float:left;margin:0 1.5%;width:30%;} #zv .zv_section_pos .zv_section_media img:first-child{margin-left:3%;} #zv .zv_section_pos .zv_section_media img:last-child{float:none;position:absolute;left:auto;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} #zv .zv_section_design{padding-top:4%;padding-bottom:19%;} #zv .zv_section_design .zv_section_title{font-size:3.9em;line-height:1em;padding-top:11%;padding-bottom:5%;} #zv .zv_section_design .zv_section_media{float:left;width:57.7%;} #zv .zv_section_design .zv_section_texts{float:left;width:42.3%;padding:0 2.5%;} #zv .zv_section_design .zv_section_text{padding:2%;} #zv .zv_section_design .zv_btn{float:right;} #zv .zv_section_fragrance_man{float:left;width:50%;padding-bottom:10.5%;} #zv .zv_section_fragrance_man .zv_section_title{font-size:3.9em;line-height:1em;padding-bottom:2%;text-align:right;} #zv .zv_section_fragrance_man .zv_section_texts{position:relative;top:0;left;width:88%;margin-left:2.5%;padding-bottom:10px;margin-bottom:10px;} #zv .zv_section_fragrance_man .zv_section_text{padding:2% 4%;margin-left:1.5%;} #zv .zv_section_fragrance_man .zv_section_text .zv_section_bold{display:block;} #zv .zv_section_fragrance_man .zv_btn{position:absolute;bottom:0;right:4%;} #zv .zv_section_fragrance_man .zv_section_media{float:left;width:49%;margin-right:1%;} #zv .zv_section_fragrance_man .zv_section_media img{margin-bottom:1.5%;} #zv .zv_section_fragrance_man .zv_section_media:nth-child(1){width:52%;} #zv .zv_section_fragrance_man .zv_section_media:nth-child(2){width:46%;} #zv .zv_section_fragrance_man .zv_section_media:nth-child(2) img:nth-child(1){width:72%;} #zv .zv_section_fragrance_woman{float:left;width:50%;} #zv .zv_section_fragrance_woman .zv_section_texts{position:relative;top:0;left:0;padding-bottom:22px;} #zv .zv_section_fragrance_wpman .zv_section_media{float:left;width:42.3%;} #zv .zv_section_fragrance_woman .zv_section_text{width:85%;padding:2% 4%;margin-left:15%;-moz-text-align-last:right;text-align-last:right;} #zv .zv_section_fragrance_woman .zv_btn{position:absolute;bottom:0;right:4%;} #zv .zv_section_fragrance_woman .zv_section_mozaic{margin-bottom:7.5%;} #zv .zv_section_fragrance_woman .zv_section_media{float:right;width:49%;margin-right:1%;} #zv .zv_section_fragrance_woman .zv_section_media img{margin-bottom:1.5%;} #zv .zv_section_fragrance_woman .zv_section_media:nth-child(1){width:57%;} #zv .zv_section_fragrance_woman .zv_section_media:nth-child(2){width:30%;padding-top:17%;} #zv .zv_section_fragrance_woman .zv_section_media:nth-child(2) img{margin-bottom:3%;} #zv .zv_section_fragrance_woman .zv_section_media:nth-child(2) img:nth-child(1){width:87%;margin-left:13%;} #zv .zv_section_advertising{margin-bottom:5.4%;} #zv .zv_section_advertising .zv_section_title{font-size:3.9em;line-height:0.9em;padding-left:36%;} #zv .zv_section_advertising .zv_section_media{float:right;width:63.9%;} #zv .zv_section_advertising .zv_section_text{position:absolute;width:30%;top:50%;left:2%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} #zv .zv_section_video .zv_section_title{text-align:center;width:100%;font-size:1.34em;line-height:1em;padding-bottom:3.5%;} #zv .zv_section_video .zv_section_title:before{content:"";width:30px;height:3px;background:#000;display:block;margin:0 auto;margin-bottom:4.35%;} #zv .zv_section_video .zv_section_text{text-align:justify;-moz-text-align-last:center;text-align-last:center;width:68%;margin:0 auto;padding-top:7.5%;padding-bottom:8.5%;} #zv .zv_video_wrapper{width:100%;max-width:753px;background:#000;position:relative;margin:0 auto;} #zv .zv_video_wrapper video{position:relative;left:0;top:0;z-index:1;display:block;width:100%;} #zv .zv_video_controls{position:absolute;width:100%;height:100%;z-index:2;display:block;top:0;left:0;} #zv .zv_video_controls .play,#zv .zv_video_controls .pause{position:absolute;top:50%;left:50%;margin-top:-60px;margin-left:-60px;width:120px;display:block;} #zv .zv_video_controls .pause{display:none;} #zv .zv_video_controls .play img,#zv .zv_video_controls .pause img{display:block;width:100%;} @media only screen and (max-width:500px){#zv{font-size:10px;} #zv .zv_header{padding:3% 0;} #zv .zv_logo{width:56%;} #zv .zv_section_text{font-size:1.5em;line-height:1.75em;} #zv .zv_section_brand{width:100%;margin-right:0%;} #zv .zv_section_brand .zv_section_text{padding-right:5.5%;} #zv .zv_section_founder{position:relative;top:0;width:100%;margin-top:15%;} #zv .zv_section_ads .zv_section_media{width:100%;margin-bottom:4%;} #zv .zv_section_ads .zv_section_media img{width:89%;margin:1% 5.5% !important;} #zv .zv_section_ads .zv_section_texts{float:left;width:100%;padding:0 5.5% 12.8% 5.5%;} #zv .zv_section_rock_art_paris .zv_section_title{font-size:4.5em;line-height:1em;} #zv .zv_section_design .zv_section_media{float:none;width:89%;margin:0 auto;} #zv .zv_section_design .zv_section_texts{float:none;width:100%;padding:0 5.5%;} #zv .zv_section_advertising .zv_section_title{padding-left:5.5%;;} #zv .zv_section_advertising .zv_section_media{float:none;width:89%;margin:0 auto;} #zv .zv_section_advertising .zv_section_text{position:relative;width:89%;top:0;left:5.5%;transform:translateY(0);} #zv .zv_section_pos{padding-bottom:12%;} #zv .zv_section_pos .zv_section_text{width:89%;} #zv .zv_section_design{padding-bottom:12%;} #zv .zv_section_fragrance_man{width:100%;padding-bottom:5%;} #zv .zv_section_fragrance_woman{width:100%;padding-bottom:12%;} #zv .zv_section_fragrance_woman .zv_section_mozaic{margin-bottom:2.5%;} #zv .zv_section_fragrance_woman .zv_section_text{width:89%;margin-left:7%;} #zv .zv_section_advertising{margin-bottom:12.8%;} #zv .zv_section_video .zv_section_text{width:89%;} #zv .zv_section_video .zv_section_title{padding-bottom:5.5%;} #zv .zv_section_video .zv_section_title:before{margin-bottom:5.5%;} } #YPcontainer{margin:0 auto;width:1200px;background:#000;min-height:100%;color:#fff;font-size:19px;line-height:1.6em;font-family:arial, sans-serif;text-align:center;} #YPcontainer img{display:block;margin:0 auto;} #YPcontainer section{clear:both;padding:50px 0 25px;} #YPcontainer #retailer{padding:100px 0 0;} #YPcontainer header{padding:30px 0 0;letter-spacing:0.15em;} #YPcontainer h1{text-transform:uppercase;font-size:58px;line-height:1.2em;padding:40px 0 20px;color:white!important;} #YPcontainer h2{text-transform:uppercase;font-size:48px;line-height:1.2em;padding:20px 0 10px;margin:20px 0 0;color:white!important;} #YPcontainer h3{text-transform:uppercase;font-size:22px;line-height:1.2em;letter-spacing:.1em;padding:20px 20px 10px;color:white!important;} #YPcontainer p{margin:0;} #YPcontainer p.cta{padding:40px 0;margin-bottom:40px;} #YPcontainer p.cta a{background:#fff;color:#000;text-decoration:none;text-transform:uppercase;font-size:.85em;padding:15px 22px;border:1px solid #fff;} #YPcontainer p.cta a:hover{background:#000;color:#fff;border-color:#fff;} #YPcontainer .cols{margin:0 75px;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-end;min-height:530px;} #YPcontainer .col{width:350px;} #YPcontainer .col h3{height:70px;line-height:1.3em;margin-top:10px;} #YPcontainer .col p{font-size:.9em;letter-spacing:.07em;line-height:1.5em;} #YPcontainer .colsxl{height:580px;} #YPcontainer .colxl{width:380px;} /***************************/ /****** Paco Rabanne *******/ /***************************/ #pacorabanne>svg{display:none} #pacorabanne article,#pacorabanne aside,#pacorabanne details,#pacorabanne figcaption,#pacorabanne figure,#pacorabanne footer,#pacorabanne header,#pacorabanne hgroup,#pacorabanne main,#pacorabanne menu,#pacorabanne nav,#pacorabanne section,#pacorabanne summary{display:block} #pacorabanne audio,#pacorabanne canvas,#pacorabanne progress,#pacorabanne video{display:inline-block;vertical-align:baseline} #pacorabanne audio:not([controls]){display:none;height:0} [hidden],#pacorabanne template{display:none} #pacorabanne a{background-color:transparent} #pacorabanne a:active,#pacorabanne a:hover,#pacorabanne a:focus{outline:0} #pacorabanne abbr[title]{border-bottom:1px dotted} #pacorabanne b,#pacorabanne strong{font-weight:bold} #pacorabanne dfn{font-style:italic} #pacorabanne h1{font-size:2em;margin:0.67em 0} #pacorabanne mark{background:#ff0;color:#000} #pacorabanne small{font-size:80%} #pacorabanne sub,#pacorabanne sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} #pacorabanne sup{top:-0.5em} #pacorabanne sub{bottom:-0.25em} #pacorabanne img{display:block;border:0;max-width:100%;width:auto;height:auto} #pacorabanne figure{margin:0} #pacorabanne hr{box-sizing:content-box;height:0} #pacorabanne pre{overflow:auto} #pacorabanne code,#pacorabanne kbd,#pacorabanne pre,#pacorabanne samp{font-family:monospace, monospace;font-size:1em} #pacorabanne button,#pacorabanne input,#pacorabanne optgroup,#pacorabanne select,#pacorabanne textarea{color:inherit;font:inherit;margin:0} #pacorabanne button{overflow:visible} #pacorabanne button,#pacorabanne select{text-transform:none} #pacorabanne button,#pacorabanne html input[type="button"],#pacorabanne input[type="reset"],#pacorabanne input[type="submit"]{-webkit-appearance:button;cursor:pointer} #pacorabanne button[disabled],#pacorabanne html input[disabled]{cursor:default} #pacorabanne button::-moz-focus-inner,#pacorabanne input::-moz-focus-inner{border:0;padding:0} #pacorabanne input{line-height:normal} #pacorabanne input[type="checkbox"],#pacorabanne input[type="radio"]{box-sizing:border-box;padding:0} #pacorabanne input[type="number"]::-webkit-inner-spin-button,#pacorabanne input[type="number"]::-webkit-outer-spin-button{height:auto} #pacorabanne input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box} #pacorabanne input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} #pacorabanne fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em} #pacorabanne legend{border:0;padding:0} #pacorabanne textarea{overflow:auto} #pacorabanne optgroup{font-weight:bold} #pacorabanne table{border-collapse:collapse;border-spacing:0} #pacorabanne td,#pacorabanne th{padding:0} #pacorabanne{color:#222;font-size:1em;line-height:1.4} #pacorabanne::-moz-selection{background:#b3d4fc;text-shadow:none} #pacorabanne::selection{background:#b3d4fc;text-shadow:none} #pacorabanne hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} #pacorabanne audio,#pacorabanne canvas,#pacorabanne iframe,#pacorabanne img,#pacorabanne svg,#pacorabanne video{vertical-align:middle} #pacorabanne fieldset{border:0;margin:0;padding:0} #pacorabanne textarea{resize:vertical} #pacorabanne{font-family:"pacorabanne", Arial, sans-serif;font-size:13px;line-height:18px;color:#333} #pacorabanne h1,#pacorabanne h2,#pacorabanne h3{margin:0;margin-top:20px;margin-bottom:10px} #pacorabanne p{margin:0;margin-bottom:10px} #pacorabanne a{text-decoration:none;color:inherit} #pacorabanne .container{width:100%;max-width:625px;margin:0 auto;padding:0 15px} #pacorabanne header,#pacorabanne main,#pacorabanne footer{display:block;width:100%} #pacorabanne .header__logo{display:block;width:100%;padding:20px 0} #pacorabanne .header__logo .pr{display:none} #pacorabanne #pacorabanne .section--intro{margin:20px 0;background:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/pacorabanne/bg.svg') 5% 120% no-repeat;background-size:50%} #pacorabanne .section--intro .intro__text{font-size:1.61538rem;line-height:1.92308rem;text-align:left} #pacorabanne .section--intro .intro__title{margin-top:0;font-size:3.46154rem;font-weight:normal;line-height:3.46154rem} #pacorabanne .section--intro .intro__title sup,#pacorabanne .section--intro .intro__title sub{font-size:1.61538rem;line-height:1.61538rem} #pacorabanne .section--intro .intro__images{position:relative;min-height:400px} #pacorabanne .section--intro .img{position:absolute} #pacorabanne .section--intro .img-1-1{top:15px;left:0px} #pacorabanne .section--intro .img-1-2{top:0px;left:175px} #pacorabanne .section--intro .img-1-3{top:190px;left:200px} #pacorabanne .section--intro .img-2-1{top:140px;right:165px} #pacorabanne .section--intro .img-2-2{top:0px;right:0px} #pacorabanne .section--intro .img-3-1{top:75px;left:175px} #pacorabanne .section--intro .img-3-2{top:0px;left:0} #pacorabanne .section--intro .img-4-1{top:0;right:0} #pacorabanne .section--intro .img-4-2{top:75px;right:175px} #pacorabanne .section--intro .img-5-1{top:0px;left:0px} #pacorabanne .section--intro.reverse{background:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/pacorabanne/bg.svg') 100% 30% no-repeat;background-size:50%} #pacorabanne .section--intro.reverse .intro__text{text-align:right} #pacorabanne .section--intro.reverse .grid{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} #pacorabanne .section--intro .grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:spac;-webkit-justify-content:spac;-ms-flex-pack:spac;justify-content:spac;margin:-15px;font-size:0;line-height:0;text-align:center} #pacorabanne .section--intro .col{display:inline-block;vertical-align:text-top;width:50%;padding:15px} #pacorabanne .section--products{margin:20px 0} #pacorabanne .section--products+#pacorabanne .section--intro{margin-top:80px} #pacorabanne .section--products .products__title{display:block;margin-bottom:28px;position:relative;z-index:0;font-size:1px;font-weight:bold;text-transform:uppercase;line-height:1rem;letter-spacing:2px} #pacorabanne .section--products .products__title span{display:inline-block;padding:0 5px;margin-left:20px;background-color:white} #pacorabanne .section--products .products__title:after{content:'';display:block;width:100%;height:2px;background-color:#333;position:absolute;z-index:-1;top:50%;left:0;margin-top:-1px} #pacorabanne .section--products .product__text{font-size:1rem;line-height:1.38462rem} #pacorabanne .section--products .product__title{display:block;margin:0;font-size:1rem;font-weight:normal;text-align:center;line-height:1.38462rem} #pacorabanne .section--products .product__price{display:block;margin-top:10px;font-weight:bold;text-align:center} #pacorabanne .section--products .product__image{width:100%;max-width:80%;margin:0 auto} #pacorabanne .section--products .grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:-15px;font-size:0;line-height:0;text-align:center} #pacorabanne .section--products .col{display:inline-block;vertical-align:text-top;width:25%;padding:15px} #pacorabanne .product-tile .product-image{min-height:9.25em;} #pacorabanne .footer{padding:20px 0;font-size:1.38462rem;text-align:right;line-height:1.92308rem;color:#5c5c5c} @media screen and (max-width:679px){#pacorabanne .header__logo #pacorabanne .pr{display:block;width:100%;max-width:25%;margin:20px auto} #pacorabanne .section--intro{background:none} #pacorabanne .section--intro .intro__text{text-align:center} #pacorabanne .section--intro .intro__images{width:100%;max-width:320px;margin:0 auto} #pacorabanne .section--intro .img{position:absolute} #pacorabanne .section--intro .img-1-1{top:15px;left:0px} #pacorabanne .section--intro .img-1-2{top:0px;right:0px;left:auto} #pacorabanne .section--intro .img-1-3{top:190px;right:20px;left:auto} #pacorabanne .section--intro .img-2-1{top:140px;left:0px;right:auto} #pacorabanne .section--intro .img-2-2{top:0px;right:0px} #pacorabanne .section--intro .img-3-1{top:75px;right:0px;left:auto} #pacorabanne .section--intro .img-3-2{top:0px;left:0} #pacorabanne .section--intro .img-4-1{top:0;right:0} #pacorabanne .section--intro .img-4-2{top:75px;left:0px;right:auto} #pacorabanne .section--intro .img-5-1{top:auto;left:auto;position:static;margin:0 auto} #pacorabanne .section--intro.reverse{background:none} #pacorabanne .section--intro.reverse .intro__text{text-align:center} #pacorabanne .section--intro .col{width:100%} #pacorabanne .section--products .products__title{font-size:1.23077rem;line-height:1.84615rem;text-align:center} #pacorabanne .section--products .products__title:after{content:none} #pacorabanne .section--products .col{width:50%} } /***************************/ /*********** YSL ***********/ /******** août 2017 ********/ /***************************/ #productsPicker input[type=radio]+label:before, #productsPicker input[type=radio]+label:before{content:''!important;} #MascaraSkinContent{font-family:'Singulier-Light';font-size:20px;line-height:26px;margin:0 auto 50px auto;position:relative;align-items:center;justify-content:center;} #MascaraSkinContent img{vertical-align:middle;} #MascaraSkinContent .img-responsive{max-width:100%;height:auto;} #MascaraSkinContent div.mascara-skin_container{max-width:1200px!important;padding:0;margin-right:auto;margin-left:auto;} #MascaraSkinContent div.mascara-skin_container2{max-width:1010px;margin:0 auto;display:block;} #MascaraSkinContent div.mascara-skin_container3{max-width:850px;margin:0 auto;display:block;} #MascaraSkinContent a{background-color:transparent;text-decoration:none;} #MascaraSkinContent a:active,#MascaraSkinContent a:hover{outline:0;} .mascara-skin_row,#MascaraSkinContent h1,#MascaraSkinContent h2,#MascaraSkinContent h3{margin:0;} #MascaraSkinContent h1{font-family:'Singulier-Demi';font-size:30px;line-height:30px;color:#000;text-transform:uppercase;} #MascaraSkinContent h2{font-family:'Singulier-Light';font-size:30px;line-height:45px;text-transform:uppercase;color:#000;} #MascaraSkinContent h3{font-family:'Singulier-Light';font-size:24px;line-height:30px;text-transform:uppercase;color:#000;} #MascaraSkinContent h4{font-family:'Singulier-Demi';font-size:20px;text-transform:uppercase;color:#000;} #MascaraSkinContent .text-center{text-align:center;} #MascaraSkinContent .clearfix:before,#MascaraSkinContent .clearfix:after,.mascara-skin_container:before,.mascara-skin_container:after,.mascara-skin_container-fluid:before,.mascara-skin_container-fluid:after,.mascara-skin_row:before,.mascara-skin_row:after,.mascara-skin_nav:before,.mascara-skin_nav:after{content:" ";display:table;} #MascaraSkinContent .clearfix:after,.mascara-skin_container:after,.mascara-skin_container-fluid:after,.mascara-skin_row:after,.mascara-skin_nav:after{clear:both;} #MascaraSkinContent a.button{padding:0 35px;background-color:#000;height:45px;line-height:45px;display:inline-block;color:white;text-transform:uppercase;} #MascaraSkinContent a.button span{color:#ff0000;font-family:'Singulier-Light';text-transform:uppercase;font-size:11px;} #MascaraSkinContent a.button:hover{text-decoration:none;background:#ff0000;cursor:hand;} #MascaraSkinContent .triangle-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid red;display:inline-block;margin-left:15px;} #MascaraSkinContent a.button:hover span.triangle-icon{border-left:7px solid white;} #MascaraVisuTop{background:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/ysl/MascaraVisuTop.jpg') no-repeat center center;min-height:435px;width:100%;margin:0;} #MascaraSkinContent .accroche{background-color:#fbfbfb;text-align:center;padding:50px;max-width:1200px;margin:0 0 50px 0;} #MascaraSkinContent .accroche p{margin-bottom:30px;} #MascaraSkinContent .mascara-skin_container3 p:first-child{margin-bottom:40px;} .mascara-skin_row-flex, .mascara-skin_row-flex > div[class*='mas-grid']{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;flex:1 1 auto;} .mascara-skin_row-flex-wrap{-webkit-flex-flow:row wrap;align-content:flex-start;flex:0;position:relative;width:100%} .mascara-skin_row-flex > div[class*='mas-grid-'], .mascara-skin_container-flex > div[class*='mas-grid-']{margin:-.2px;/* hack adjust for wrapping */ } .mascara-skin_container-flex > div[class*='mas-grid-'] div,.mascara-skin_row-flex > div[class*='mas-grid-'] div{width:100%;} #MascaraSkinContent .left{order:2;} #MascaraSkinContent .right{order:1;} #MascaraSkinContent .second .left{order:2;} #MascaraSkinContent .second .right{order:1;} #MascaraSkinContent .second{margin:0;} #MascaraSkinContent #productsPicker{margin-top:50px;} .mascara-skin_nav{margin-bottom:20px;padding-left:0;list-style:none;display:inline-block;} .mascara-skin_nav > label{position:relative;display:block;} .mascara-skin_tab-content > .tab-pane{display:none;} .mascara-skin_tab-content > .active{display:block;} .mascara-skin_tabs>label.mascara-gray{background-color:#d7d6d8;} .mascara-skin_tabs>label.mascara-black-one{background-color:#100b0f;} .mascara-skin_tabs>label.mascara-green{background-color:#065538;} .mascara-skin_tabs>label.mascara-brown{background-color:#62362d;} .mascara-skin_tabs>label.mascara-blue{background-color:#2f4bae;} .mascara-skin_tabs>label.mascara-pink{background-color:#b0065e;} .mascara-skin_tabs>label.mascara-black-two{background-color:#000011;} .mascara-skin_tabs>label.mascara-gold{background-color:#d3b23f;} #MascaraGreen h3,.mascara-green span{color:#065538;} #MascaraGray h3,.mascara-gray span{color:#d7d6d8;} #MascaraBlackOne h3,.mascara-black-one span{color:#100b0f;} #MascaraBrown h3,.mascara-brown span{color:#62362d;} #MascaraBlue h3,.mascara-blue span{color:#2f4bae;} #MascaraPink h3,.mascara-pink span{color:#b0065e;} #MascaraBlackTwo h3,.mascara-black-two span{color:#000011;} #MascaraGold h3,.mascara-gold span{color:#d3b23f;} .mascara-skin_tab-content{margin-top:30px;} .mascara-skin_tab-inner p{margin:50px 0;} #MascaraSkinContent .mascara-skin_tab-inner h1{margin:30px 0 0 0;} #MascaraSkinContent .mascara-skin_tab-inner h3{display:block;margin-bottom:50px;} .mascara-skin_tab-content .price{display:block;margin-bottom:15px;font-weight:bold;} .mascara-skin_tab-content img{display:block;margin:60px auto 0 auto;} .mascara-skin_tab-content .other-product{background-color:#fbfbfb;margin-top:50px;padding-bottom:30px;display:flex;} .mascara-skin_tab-content .other-product h4{margin-top:30px;min-height:52px;} .mascara-skin_tab-content .other-product p{margin-top:10px;} .mascara-skin_tab-content .other-product .img-crayon-product{margin-left:40%} .mascara-skin_tab-content .other-product .img-crayon-product img{display:inline-block;} .mascara-skin_tab-content .other-product .img-crayon-product img.crayon-right{margin-left:-6px;} .mascara-skin_tab-content .other-product .description-other-product{margin-bottom:30px;} #MascaraSkinContent .look{margin-top:30px;} .mascara-skin_tabs section{display:none;padding:20px 0 0;} .mascara-skin_tabs input{display:none;} .mascara-skin_tabs{text-align:center;} .mascara-skin_tabs label{display:inline-block;margin:7px 5px 30px 5px;text-align:center;position:relative;font-size:42px;line-height:100px;height:100px;width:100px;color:transparent;} .mascara-skin_tabs label span{opacity:0;position:absolute;bottom:-50px;right:-50%;font-family:'Singulier-Light';font-size:18px;line-height:20px;width:200px;font-weight:normal;} .mascara-skin_tabs label:hover{color:#fff;cursor:pointer;} .mascara-skin_tabs label:hover span{opacity:1;z-index:2;} .mascara-skin_tabs input:checked + label{color:white;} .mascara-skin_tabs input:checked + label span{opacity:1;} #MascaraGrayTab:checked ~ #MascaraGray,#MascaraBlackOneTab:checked ~ #MascaraBlackOne,#MascaraGreenTab:checked ~ #MascaraGreen,#MascaraBrownTab:checked ~ #MascaraBrown,#MascaraBlueTab:checked ~ #MascaraBlue,#MascaraPinkTab:checked ~ #MascaraPink,#MascaraBlackTwoTab:checked ~ #MascaraBlackTwo,#MascaraGoldTab:checked ~ #MascaraGold{display:block;} @media (min-width:1200px){.mascara-skin_container{width:1200px!important;} .mas-grid-xs-1, .mas-grid-sm-1, .mas-grid-md-1, .mas-grid-lg-1, .mas-grid-xs-2, .mas-grid-sm-2, .mas-grid-md-2, .mas-grid-lg-2, .mas-grid-xs-3, .mas-grid-sm-3, .mas-grid-md-3, .mas-grid-lg-3, .mas-grid-xs-4, .mas-grid-sm-4, .mas-grid-md-4, .mas-grid-lg-4, .mas-grid-xs-5, .mas-grid-sm-5, .mas-grid-md-5, .mas-grid-lg-5, .mas-grid-xs-6, .mas-grid-sm-6, .mas-grid-md-6, .mas-grid-lg-6, .mas-grid-xs-7, .mas-grid-sm-7, .mas-grid-md-7, .mas-grid-lg-7, .mas-grid-xs-8, .mas-grid-sm-8, .mas-grid-md-8, .mas-grid-lg-8, .mas-grid-xs-9, .mas-grid-sm-9, .mas-grid-md-9, .mas-grid-lg-9, .mas-grid-xs-10, .mas-grid-sm-10, .mas-grid-md-10, .mas-grid-lg-10, .mas-grid-xs-11, .mas-grid-sm-11, .mas-grid-md-11, .mas-grid-lg-11, .mas-grid-xs-12, .mas-grid-sm-12, .mas-grid-md-12, .mas-grid-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;} .mas-grid-xs-1, .mas-grid-xs-2, .mas-grid-xs-3, .mas-grid-xs-4, .mas-grid-xs-5, .mas-grid-xs-6, .mas-grid-xs-7, .mas-grid-xs-8, .mas-grid-xs-9, .mas-grid-xs-10, .mas-grid-xs-11, .mas-grid-xs-12{float:left;} .mas-grid-xs-12{width:100%;} .mas-grid-xs-11{width:91.66666667%;} .mas-grid-xs-10{width:83.33333333%;} .mas-grid-xs-9{width:75%;} .mas-grid-xs-8{width:66.66666667%;} .mas-grid-xs-7{width:58.33333333%;} .mas-grid-xs-6{width:50%;} .mas-grid-xs-5{width:41.66666667%;} .mas-grid-xs-4{width:33.33333333%;} .mas-grid-xs-3{width:25%;} .mas-grid-xs-2{width:16.66666667%;} .mas-grid-xs-1{width:8.33333333%;} } @media (max-width:991px){.mascara-skin_tab-content .other-product .img-crayon-product{margin-left:33%} #MascaraVisuTop{background:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/ysl/MascaraVisuTop-mobile.jpg') no-repeat center;min-height:654px;width:100%;margin:0;} } @media (max-width:767px){.mascara-skin_tab-content .other-product .img-crayon-product{margin-left:19%} #MascaraSkinContent .mascara-skin_tab-inner h1{margin:60px 0 0 0;} #MascaraSkinContent br.breakline{display:none;} #MascaraSkinContent .description-other-product{margin-top:20px;} .mascara-skin_tab-content .other-product{display:inline-block;width:100%;} } @media (min-width:768px){#MascaraSkinContent .left{order:1;} #MascaraSkinContent .right{order:2;} .mascara-skin_tab-content img{min-height:321px;} /*GRID SYSTEM*/ .mas-grid-sm-1, .mas-grid-sm-2, .mas-grid-sm-3, .mas-grid-sm-4, .mas-grid-sm-5, .mas-grid-sm-6, .mas-grid-sm-7, .mas-grid-sm-8, .mas-grid-sm-9, .mas-grid-sm-10, .mas-grid-sm-11, .mas-grid-sm-12{float:left;} .mas-grid-sm-12{width:100%;} .mas-grid-sm-11{width:91.66666667%;} .mas-grid-sm-10{width:83.33333333%;} .mas-grid-sm-9{width:75%;} .mas-grid-sm-8{width:66.66666667%;} .mas-grid-sm-7{width:58.33333333%;} .mas-grid-sm-6{width:50%;} .mas-grid-sm-5{width:41.66666667%;} .mas-grid-sm-4{width:33.33333333%;} .mas-grid-sm-3{width:25%;} .mas-grid-sm-2{width:16.66666667%;} .mas-grid-sm-1{width:8.33333333%;} } @media (max-width:600px){.mascara-skin_tab-inner h1{margin:30px 0 0 0;} .mascara-skin_tabs label{display:inline-block;margin:7px 5px 7px 5px;} .mascara-skin_tabs label:hover span,.mascara-skin_tabs input:checked + label span{opacity:0;} .mascara-skin_tab-content{margin-top:0;} .mascara-skin_tab-content .other-product h4{min-height:0;} } @media (max-width:480px){.mascara-skin_container, .mascara-skin_container2, .mascara-skin_container3{padding:0 20px !important;} #MascaraVisuTop{background:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/ysl/MascaraVisuTop-mobile.jpg') no-repeat center;min-height:900px;width:100%;margin:0;} .mascara-skin_tab-content .other-product .img-crayon-product{margin-left:35%} } /***************************/ /********* Hermes **********/ /***************************/ #hermes-mobile{display:none;} @media screen and (max-width:767px){#hermes-desktop{display:none;} #hermes-mobile{display:block;} } #hermes-lp{font-family:Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;font-size:18px;font-style:normal;font-variant:normal;font-weight:500;line-height:23px;color:#333333;} #hermes-lp strong{font-weight:500;color:#cc6633;} #hermes-lp p{margin:0px;padding:0px;margin-bottom:5px;} #hermes-lp a{color:#cc6633;} .main-hermes{width:950px;padding:40px 20px;margin:auto;} #hermes-lp header{width:274px;height:43px;background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/header.png') no-repeat;background-size:274px 43px;} #hermes-lp header h1{display:none;} .text-hermes{overflow:hidden;} .text-hermes .col-01{width:53px;height:100%;background-size:53px 100%;} .text-hermes .col-02{width:841px;height:100%;} .text-hermes .col-03{width:56px;height:100%;background-size:56px 100%;} .text-hermes .col{float:left;} .text-hermes-01{height:103px;} .text-hermes-01 .col-01{background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/01-col-01.png') no-repeat;} .text-hermes-01 .col-03{background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/01-col-03.png') no-repeat;} .text-hermes-02{height:142px;} .text-hermes-02 .col-01{background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/02-col-01.png') no-repeat;} .text-hermes-02 .col-02{text-align:right;} .text-hermes-02 .col-03{background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/02-col-03.png') no-repeat;} .text-hermes-03{height:159px;} .text-hermes-03 .col-01{background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/03-col-01.png') no-repeat;} .text-hermes-03 .col-03{background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/03-col-03.png') no-repeat;} .separator-01{width:950px;height:190px;background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/separator-01.png') no-repeat;} .separator-02{width:950px;height:216px;background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/separator-02.png') no-repeat;} .separator-03{width:950px;height:211px;background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/separator-03.png') no-repeat;} .separator-04{width:950px;height:23px;background:transparent url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/separator-04.png') no-repeat;} .brand-herms .product-tile .thumb-link{display:block;text-align:center;} @mediaonly screen and (-webkit-min-device-pixel-ratio:2),only screen and ( min--moz-device-pixel-ratio:2),only screen and ( -o-min-device-pixel-ratio:2/1),only screen and ( min-device-pixel-ratio:2),only screen and ( min-resolution:192dpi),only screen and ( min-resolution:2dppx){#hermes-lp header{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/header.png');} .text-hermes-01 .col-01{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/01-col-01.png') no-repeat;} .text-hermes-01 .col-03{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/01-col-03.png') no-repeat;} .text-hermes-02 .col-01{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/02-col-01.png') no-repeat;} .text-hermes-02 .col-03{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/02-col-02.png') no-repeat;} .text-hermes-03 .col-01{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/03-col-01.png') no-repeat;} .text-hermes-03 .col-03{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/03-col-03.png') no-repeat;} .separator-01{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/separator-01.png') no-repeat;} .separator-02{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/separator-02.png') no-repeat;} .separator-03{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/separator-03.png') no-repeat;} .separator-04{background-image:url('/on/demandware.static/-/Sites/fr_BE/v1524148133912/marques/hermes/separator-04.png') no-repeat;} } /***************************/ /******** Lancome **********/ /******** 14/11/2017 *******/ /***************************/ /* lancome-absolu-rose */ /* RESET */ #lancome *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #lancome *:before,#lancome *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /* GRID loaded on top css */ #lancome .clearfix:before,#lancome .clearfix:after,#lancome .abs-container:before,#lancome .abs-container:after,#lancome .abs-douglas-container:before,#lancome .abs-douglas-container:after,#lancome .abs-row:before,#lancome .abs-row:after{display:table;content:" ";} .clearfix:after,#lancome .abs-container:after,#lancome .abs-douglas-container:after,#lancome .abs-row:after{clear:both;} #lancome{font-family:"Times New Roman", Times, serif!important;} #lancome a.cta{display:inline-block;height:40px;line-height:40px;background:#000;font-family:'Sackers-Gothic-Heavy';font-size:12px;text-transform:uppercase;color:#fff;padding:0 30px;border-radius: 4px;border: solid 1px black;transition: all ease .3s;} #lancome a.cta:hover {background: white;color: black;border: solid 1px black;} #lancome .abs-container{width:100%;max-width:950px;margin:0 auto;padding:0;border-radius: 4px;} #lancome .abs-container:before,#lancome .abs-container:after{display:none;} #lancome .abs-douglas-container{width:100%;max-width:718px;margin:0 auto;padding:0;} #lancome .abs-douglas-container:before,#lancome .abs-douglas-container:after{display:none;} #lancome .abs-row:before,#lancome .abs-row:after{display:none;} #lancome .box-title{color:#000;text-align:center;text-transform:uppercase;overflow:hidden;padding:0 20px;font-family:"Times New Roman", Times, serif!important;} #lancome .box-title > span{display:inline-block;vertical-align:middle;position:relative;font-size:24px;} #lancome .box-title > span::before{content:"";display:block;position:absolute;top:50%;right:100%;width:9999px;height:1px;margin:0 20px 0 0;padding:0;background:#000;line-height:0;} #lancome .box-title > span::after{content:"";display:block;position:absolute;top:50%;left:100%;width:9999px;height:1px;margin:0 0 0 20px;padding:0;background:#000;line-height:0;} /* TOP */ #lancome .top-container .top-visu{height:360px;display:flex;position:relative;} #lancome .top-container .top-visu .visu{flex:1;background-position:top right;background-size:cover;background-repeat:no-repeat;position:relative;} #lancome .top-container .top-visu .visu a{width:100%;height:100%;position:absolute;border-radius: 4px;display: block;overflow: hidden;} #lancome .top-container .top-visu .packshot{position:absolute;right:50%;margin-right:-70px;bottom:-40px;} #lancome .top-container .top-copy{padding:20px;display:flex;flex-direction:column;align-items:center;} #lancome .top-container .top-copy .logo{display:inline-block;margin:0 0 10px 0;width:165px;} #lancome .top-container .top-copy h1{margin:0;font-size:30px;line-height:30px;text-transform:uppercase;} #lancome .top-container .top-copy h1 span{font-family:'Sackers-Gothic-Heavy';font-size:12px;display:inline-block;} #lancome .top-container .top-copy h2{font-size:8px;font-family:'Sackers-Gothic-Light';text-transform:uppercase;margin:10px 0 0 0;} #lancome .top-container .top-copy .cta{margin:30px 0 0 0;} @media (min-width:600px){#lancome .top-container{height:400px;display:flex;} #lancome .abs-douglas-container .top-container{height:340px;} #lancome .abs-douglas-container .top-visu{height:300px;} #lancome .top-container .top-visu{order:1;} #lancome .top-container .top-copy{order:2;} } @media (min-width:768px){#lancome .top-container .top-copy h1{font-size:35px;line-height:30px;} #lancome .top-container .top-copy h1 span{font-size:15px;} #lancome .top-container .top-copy h2{font-size:9px;margin:15px 0 0 0;} #lancome .top-container .top-copy .cta{margin:50px 0 0 0;} #lancome .top-container .top-visu .packshot{margin:0;right:-70px;bottom:-40px;} } @media (min-width:900px){#lancome .top-container .top-copy h1{font-size:46px;line-height:40px;} #lancome .top-container .top-copy h1 span{font-size:15px;} #lancome .top-container .top-copy h2{font-size:11px;margin:15px 0 0 0;} #lancome .abs-douglas-container .top-container .top-copy h1{font-size:35px;line-height:30px;} #lancome .abs-douglas-container .top-container .top-copy h1 span{font-size:15px;} #lancome .abs-douglas-container .top-container .top-copy h2{font-size:8px;margin:15px 0 0 0;} } #lancome .intro-container{overflow:hidden;position:relative;} #lancome .intro-container .intro-copy{padding:50px 0;text-align:center;} #lancome .intro-container .intro-copy h3{margin:0 0 30px 0;font-size:35px;text-transform:uppercase;} #lancome .intro-container .intro-copy p{font-family:'Gotham Book';font-size:18px;width:100%;max-width:800px;margin:0 auto;} @media (max-width:768px){ #lancome .intro-container .intro-copy p {margin-bottom: 40px;} #lancome .abs-box4 .content .cta {width: 50%;} #lancome .abs-box1 .content1 {border-top-right-radius: 4px !important;} #lancome a.cta {width: 90%;} #lancome .abs-box4 .content .cta {width: 70%;} #lancome .abs-box1 .copy {margin: -50px 0 45px 0;} #lancome .abs-box5 .gwp-copy h1 {padding: 0 30px;} #lancome .abs-box3 {margin: 0 0 20px 0;} #lancome .abs-box5 {margin: 0 0 40px 0;} } @media (min-width:768px){#lancome .intro-container .intro-copy h3{margin:0 0 40px 0;font-size:46px;line-height: 55px;} } #lancome .abs-box1{overflow:hidden;} #lancome .abs-box1 .title{margin:0 0 50px 0;} #lancome .abs-box1 .content{height:470px;text-align:center;padding:50px 0 0 0;color:#fff;font-size:30px;font-family:'Sackers-Gothic-Heavy';text-transform:uppercase;} #lancome .abs-box1 .copy{margin:-50px 0 80px 0;} #lancome .abs-box1 .box-copy{width:100%;max-width:630px;padding:40px 55px;margin:0 auto;background:#fff;text-align:center;font-family:'Gotham Book';font-size:18px;box-shadow:0px 0px 19.6px 0.4px rgba(0, 0, 0, 0.2);} #lancome .abs-box1 .content3 {border-radius: 4px;border-top-left-radius: 0;border-bottom-left-radius: 0;} #lancome .abs-box1 .content1 {border-radius: 4px;border-top-right-radius: 0;border-bottom-right-radius: 0;} #lancome .abs-box1 .content{transition: all ease .3s;} #lancome .abs-box1 .content:hover {box-shadow: black 0 0 80px inset;} /* BOX2 */ #lancome .abs-box2 .slider{width:100%;margin:50px 0 70px 0;-moz-perspective:1300px;-ms-perspective:1300px;-webkit-perspective:1300px;perspective:1300px;display:inline-block;text-align:left;position:relative;} #lancome .abs-box2 .slider > input{display:none;} #lancome .abs-box2 .slider > input:nth-of-type(10):checked ~ ul li:first-of-type{margin-left:-900%;} #lancome .abs-box2 .slider > input:nth-of-type(3):checked ~ ul li:first-of-type{margin-left:-200%;} #lancome .abs-box2 .slider > input:nth-of-type(2):checked ~ ul li:first-of-type{margin-left:-100%;} #lancome .abs-box2 .slider > input:nth-of-type(1):checked ~ ul li:first-of-type{margin-left:0%;} #lancome .abs-box2 .slider > ul{position:relative;width:100%;z-index:1;font-size:0;line-height:0;margin:0 auto;padding:0;overflow:hidden;white-space:nowrap;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #lancome .abs-box2 .slider > ul > li{position:relative;display:inline-block;width:100%;height:100%;overflow:hidden;font-size:15px;font-size:initial;line-height:normal;-moz-transition:all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);transition:all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;} #lancome .abs-box2 .slider > ul > li.scrollable{overflow-y:scroll;} #lancome .abs-box2 .slider .left,#lancome .abs-box2 .slider .right{width:100%;float:left;} #lancome .abs-box2 .slider .right{padding:0 30px 30px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;} #lancome .abs-box2 .slider .left{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;} @media (min-width:768px){#lancome .abs-box2 .slider > ul{height:450px;} #lancome .abs-box2 .slider > ul > li{display:inline-flex;} #lancome .abs-box2 .slider .left,#lancome .abs-box2 .slider .right{width:50%;height:450px;} #lancome .abs-box2 .slider .left{order:1;} #lancome .abs-box2 .slider .right{order:2;padding:0 50px;} } #lancome .abs-box2 .slider .left img{max-width:100%;flex-shrink:0;} #lancome .abs-box2 .slider .right h3{width:100%;margin:0 0 40px 0;font-size:35px;} #lancome .abs-box2 .slider .right p{width:100%;font-family:'Gotham Book';font-size:15px;margin:0 0 20px 0;} #lancome .abs-box2 .slider .right p:last-child{margin:0;} #lancome .abs-box2 .slider > .arrows{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} #lancome .abs-box2 .slider > .arrows{position:absolute;left:0;top:50%;width:100%;height:20px;padding:0;z-index:99;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} #lancome .abs-box2 .slider > .arrows label{display:none;position:absolute;top:-50%;padding:10px;box-shadow:inset 2px -2px 0 1px #000;cursor:pointer;-moz-transition:.15s;-o-transition:.15s;-webkit-transition:.15s;transition:.15s;} #lancome .abs-box2 .slider > .arrows label:hover{box-shadow:inset 3px -3px 0 2px #c21360;margin:0 0px;} #lancome .abs-box2 .slider > .arrows label:before{content:'';position:absolute;top:-100%;left:-100%;height:300%;width:300%;} #lancome .abs-box2 .slider.infinity > input:first-of-type:checked ~ .arrows label:last-of-type,#lancome .abs-box2 .slider > input:nth-of-type(1):checked ~ .arrows label:nth-of-type(0),#lancome .abs-box2 .slider > input:nth-of-type(2):checked ~ .arrows label:nth-of-type(1),#lancome .abs-box2 .slider > input:nth-of-type(3):checked ~ .arrows label:nth-of-type(2),#lancome .abs-box2 .slider > input:nth-of-type(4):checked ~ .arrows label:nth-of-type(3),#lancome .abs-box2 .slider > input:nth-of-type(5):checked ~ .arrows label:nth-of-type(4),#lancome .abs-box2 .slider > input:nth-of-type(6):checked ~ .arrows label:nth-of-type(5),#lancome .abs-box2 .slider > input:nth-of-type(7):checked ~ .arrows label:nth-of-type(6),#lancome .abs-box2 .slider > input:nth-of-type(8):checked ~ .arrows label:nth-of-type(7),#lancome .abs-box2 .slider > input:nth-of-type(9):checked ~ .arrows label:nth-of-type(8),#lancome .abs-box2 .slider > input:nth-of-type(10):checked ~ .arrows label:nth-of-type(9),#lancome .abs-box2 .slider > input:nth-of-type(11):checked ~ .arrows label:nth-of-type(10){display:block;left:20px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);} #lancome .abs-box2 .slider.infinity > input:last-of-type:checked ~ .arrows label:first-of-type,#lancome .abs-box2 .slider > input:nth-of-type(1):checked ~ .arrows label:nth-of-type(2),#lancome .abs-box2 .slider > input:nth-of-type(2):checked ~ .arrows label:nth-of-type(3),#lancome .abs-box2 .slider > input:nth-of-type(3):checked ~ .arrows label:nth-of-type(4),#lancome .abs-box2 .slider > input:nth-of-type(4):checked ~ .arrows label:nth-of-type(5),#lancome .abs-box2 .slider > input:nth-of-type(5):checked ~ .arrows label:nth-of-type(6),#lancome .abs-box2 .slider > input:nth-of-type(6):checked ~ .arrows label:nth-of-type(7),#lancome .abs-box2 .slider > input:nth-of-type(7):checked ~ .arrows label:nth-of-type(8),#lancome .abs-box2 .slider > input:nth-of-type(8):checked ~ .arrows label:nth-of-type(9),#lancome .abs-box2 .slider > input:nth-of-type(9):checked ~ .arrows label:nth-of-type(10),#lancome .abs-box2 .slider > input:nth-of-type(10):checked ~ .arrows label:nth-of-type(11),#lancome .abs-box2 .slider > input:nth-of-type(11):checked ~ .arrows label:nth-of-type(12){display:block;right:20px;-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);} #lancome .abs-box3{overflow:hidden;margin:0 0 70px 0;} #lancome .abs-box3 .title{margin:0 0 50px 0;} #lancome .abs-box3 .content{width:100%;text-align:center;padding:0 20px;margin:0 0 30px 0;} #lancome .abs-box3 .content img{width:100%;max-width:320px;border-radius: 4px;} #lancome .abs-box3 .content h4{font-size:20px;margin:0 0 10px 0;} #lancome .abs-box3 .content p{font-family:'Gotham Book';font-size:18px;margin:20px 0;} @media (min-width:768px){#lancome .abs-box3 .content h4{font-size:18px;} #lancome .abs-box3 .content{margin:0;} } @media (min-width:900px){#lancome .abs-box3 .content h4{font-size:20px;} #lancome .abs-douglas-container #lancome .abs-box3 .content h4{font-size:17px;} } #lancome .abs-box4{overflow:hidden;margin:0 0 70px 0;} #lancome .abs-box4 .title{margin:0 0 50px 0;} #lancome .abs-box4 .content{width:100%;text-align:center;} #lancome .abs-box4 .content img{width:100%;max-width:320px;} #lancome .abs-box4 .content .cta{align-self:center;border-radius: 4px;} #lancome .abs-box4 ul{list-style-type:none;margin:10px 0;} #lancome .abs-box4 ul li{width:15px;height:15px;border-radius:50%;background:#fff;margin:0 4px;display:inline-block;} #lancome .abs-box4 .content1 ul li.ball1{background:#efefef;} #lancome .abs-box4 .content1 ul li.ball2{background:#a3142e;} #lancome .abs-box4 .content1 ul li.ball3{background:#db725f;} #lancome .abs-box4 .content1 ul li.ball4{background:#8a132f;} #lancome .abs-box4 .content1 ul li.ball5{background:#9b204e;} #lancome .abs-box4 .content2 ul li.ball1{background:#a00509;} #lancome .abs-box4 .content2 ul li.ball2{background:#8e2961;} #lancome .abs-box4 .content2 ul li.ball3{background:#af595c;} #lancome .abs-box4 .content2 ul li.ball4{background:#973e44;} #lancome .abs-box4 .content2 ul li.ball5{background:#9c2946;} #lancome .abs-box4 .content3 ul li.ball1{background:#ca146a;} #lancome .abs-box4 .content3 ul li.ball2{background:#c93118;} #lancome .abs-box4 .content3 ul li.ball3{background:#800726;} #lancome .abs-box4 .content3 ul li.ball4{background:#e04267;} #lancome .abs-box4 .content3 ul li.ball5{background:#c55157;} #lancome .abs-box4 .content4 ul li.ball3{background:#efcbd3;} #lancome .abs-box4 .content h4{font-family:'Sackers-Gothic-Heavy';font-size:14px;text-transform:uppercase;height:30px;} #lancome .abs-douglas-container .abs-box4 .content h4{font-size:11px;} #lancome .abs-box4 .content p{width:100%;height:40px;font-family:'Gotham Book';font-size:12px;margin:20px 0;color:#777777;} #lancome .abs-douglas-container .abs-box4 .content p{font-size:10px;} #lancome .abs-box4 .info{width:100%;max-width:320px;margin:0 auto 20px auto;overflow:hidden;} #lancome .abs-box4 .info .left{width:50%;height:30px;float:left;display:flex;align-items:center;justify-content:center;border-right:1px solid #777777;} #lancome .abs-box4 .info .rating{font-size:13px;} #lancome .container-stars{position:relative;display:inline-block;color:#777777;} #lancome .full-stars{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:#0066b4;} #lancome .empty-stars:before, .full-stars:before{content:"\2605\2605\2605\2605\2605";font-size:12px;} #lancome .abs-douglas-container .empty-stars:before, #lancome .abs-douglas-container .full-stars:before{font-size:10px;} #lancome .abs-box4 .info .rating span{color:#777777;font-family:'Gotham Book';font-size:13px;display:inline-block;margin:0 0 0 5px;} #lancome .abs-box4 .info .right{width:50%;height:30px;float:left;display:flex;align-items:center;justify-content:center;font-size:14px;color:#000;font-family:'Avenir Heavy';} #lancome .abs-douglas-container .abs-box4 .info .right{font-size:12px;} #lancome .abs-box5{overflow:hidden;margin:0 0 50px 0;} #lancome .abs-box5 .title{margin:0 0 30px 0;} #lancome .abs-box5 .gwp-visu{height:300px;text-align:center;display:flex;justify-content:center;align-items:center;} #lancome .abs-box5 .gwp-copy{height:300px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius: 4px;background-size: cover !important;} #lancome .abs-box5 .gwp-copy h1{font-weight:normal;color:#fff;font-size:25px;text-transform:uppercase;margin:0 0 15px 0;} #lancome .abs-box5 .gwp-copy p{font-size:20px;text-transform:uppercase;color:#000;background:#fff;padding:30px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.6);} @media (min-width:768px){#lancome .abs-box5 .gwp-copy h1{font-size:32px;} #lancome .abs-box5 .gwp-copy p{font-size:22px;padding:30px 55px;} #lancome .abs-douglas-container .abs-box5 .gwp-copy h1{font-size:28px;} #lancome .abs-douglas-container .abs-box5 .gwp-copy p{font-size:18px;padding:30px;} } /***************************/ /********* Guerlain ********/ /***************************/ #rouge-g{margin:0 auto;text-align:center;font-size:0;max-width:1200px;width:100%;} #rouge-g .double-g a{width:50%;display:inline-block;vertical-align:top;} #rouge-g img{width:100%;display:block;} #rouge-g .rouge-g-40{margin:30px 0;} #rouge-g .rouge-g-20{margin:20px 0 30px 0;} #rouge-g .rouge-g-logo{max-width:350px;width:100%;margin:0 auto;} #rouge-g .rouge-g-mobile{display:none;} @media (max-width:400px){#rouge-g .double-g a{width:100%;} #rouge-g .rouge-g-desktop{display:none;} #rouge-g .rouge-g-mobile{display:block;} } /***************************/ /********* House 99 ********/ /***************************/ #house-99-landing .text-under-banner{padding:0 5%;} #house-99-landing .quote{text-align:center;display:flex;width:80%;margin:5% auto;} #house-99-landing .quote span{font-size:34pt;font-family:times;display:inline-block;width:10%;position:relative;color:#21ada1;top:-15px;} #house-99-landing .quote em{display:inline-block;width:80%;} #house-99-landing .quote em strong{text-transform:uppercase;} #house-99-landing .quote .guillement-droit{font-size:34pt;font-family:times;display:inline-block;position:relative;transform:scale(-1, -1);top:100%;width:10%;color:#21ada1;top:15px;} #house-99-landing .image-menu{width:90%;display:flex;margin:6% auto;} #house-99-landing .image-menu .bloc{width:25%;} #house-99-landing .image-menu .bloc a{display:block;padding:0 5% } #house-99-landing .image-menu .bloc a img:hover{opacity:0.8;} #house-99-landing .image-menu .bloc a p{text-transform:uppercase;text-align:center;color:black;font-weight:bold;} #house-99-landing .sub-title{clear:both;text-align:center;} #house-99-landing .sub-title b{text-transform:uppercase;font-size:20pt;margin:6% 0 4%;display:block;} #house-99-landing iframe{width:100%;} @media screen and (max-width:667px){#house-99-landing .image-menu{width:90%;display:block;margin:2% auto;} #house-99-landing .image-menu .bloc{width:48%;display:inline-block;float:left;margin-bottom:5%;padding:1%;} #house-99-landing .image-menu .bloc a{display:block;padding:0;} } /***************************/ /****** Jo Malone *******/ /***************************/ .brand-jomalonelondon .container-bloc .banner:hover .bandeau { background: black !important; } .brand-jomalonelondon #main * { font-family: Helvetica Neue LT Std !important; } .brand-jomalonelondon #main .bandeau { font-family: Newtext ITC Std !important; font-weight: normal; height: 52px; vertical-align: middle; display: flex; justify-content: center; align-items: center; line-height: 22px; flex-wrap: wrap; } .brand-jomalonelondon .banner .bloc { padding: 1% 1% 2px; } .brand-jomalonelondon .products h3 { margin-top: 15px !important; padding: 10px; text-align: center; background: white; color: black; font-size: 22px; letter-spacing: 3px; margin-bottom: 15px; box-shadow: 0 3px 5px #00000008; } .brand-jomalonelondon .product-tile .name-link { letter-spacing: 1px; } .brand-jomalonelondon .carousel-ctr.include { margin-bottom: 20px; } .brand-jomalonelondon .side-image .bandeau { width: 100%; max-width: 610px; text-align: center; padding: 0; } .brand-jomalonelondon #main .side-text b { width: 100%; text-align: center; font-family: Newtext ITC Std !important; font-size: 22px; } .brand-jomalonelondon .side-image img { height: auto !important; } @media screen and (max-width: 480px){ .brand-jomalonelondon .banner { align-items: center; margin-bottom: 15px; } .brand-jomalonelondon .intro *, .brand-jomalonelondon .side-text { font-size: 14px; padding: 5px 14px 18px; } } /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************** Landing pages Slots *************************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /***************************/ /******** Carte fidelité ********/ /***************************/ .mobile-card{display:none;} .desktop-card{display:block;} .notice-information, .condition-fidelite{padding:0 5%;} .plus-card{margin-top:4%;padding-top:4%;border-top:solid 1px #eaeaea;} @media screen and (max-width:720px){.mobile-card{display:block !important;} .desktop-card{display:none !important;} .title-card{font-size:1.3em !important;} .container-bloc-card{display:block !important;} .bloc-card{width:90% !important;margin:5% !important;} .bloc-card ul{padding-left:5% !important;} } @media screen and (max-width:600px){.plus-card{padding:4% 7%;} } /***************************/ /******** INSTITUTS ********/ /***************************/ #institut{font-size:0;} #institut aside, #institut .institut-all{display:inline-block;vertical-align:top;} #institut aside{padding-right:2%;width:15%;font-size:14px;box-sizing:border-box;} #institut aside ul, #institut aside h1{padding:10px 0;border-bottom:1px solid black;} #institut aside ul li{margin-bottom:10px;list-style-type:none;} #institut aside ul a{color:black;text-decoration:none;} #institut .institut-all{width:85%;font-size:14px;} #institut .part-one{font-size:0;padding-bottom:20px;} #institut .part-one article{font-size:0;} #institut .part-one article:first-child{margin-bottom:10px;} #institut .part-one article h3{position:absolute;z-index:3;bottom:1%;left:0;color:black;width:100%;text-align:left;font-size:18px;padding:10px;box-sizing:border-box;} #institut .institut-all .soinpp{position:relative;overflow:hidden;} #institut .part-one article:first-child img{width:100%;display:block;} #institut .part-one .rdv-ligne, #institut .part-one .find-institut{display:inline-block;vertical-align:top;max-height:230px;height:100%;width:49.5%;text-align:center;} #institut .part-one .rdv-ligne{background:#c62b23;} #institut .institut-item div{padding:10px;box-sizing:border-box;display:inline-block;vertical-align:middle;} #institut .institut-item h4{color:white;font-size:18px;} #institut .rdv-ligne img, #institut .find-institut img{width:50px;} #institut .part-one .find-institut{background:#efc68a;margin-left:1%;} #institut .institut-item h4{color:white;font-size:18px;} #institut .institut-all-soins{font-size:0;padding-top:20px;border-top:1px solid lightgrey;} #institut .institut-all-soins p{font-size:14px;padding:15px 0;} #institut .institut-all-soins article{display:inline-block;vertical-align:top;width:49%;font-size:14px;box-sizing:border-box;} #institut .institut-all-soins article:first-of-type{margin-right:1%;box-sizing:border-box;} #institut .institut-all-soins article:last-child{margin-left:1%;box-sizing:border-box;} #institut .institut-all-soins .soinpp{position:relative;overflow:hidden;} #institut .institut-all-soins .soinpp img{max-width:100%;height:auto;width:100%;} #institut .institut-all-soins .soinpp h3{position:absolute;z-index:3;bottom:1%;left:0;color:black;width:100%;text-align:center;font-size:18px;padding:10px;box-sizing:border-box;} .more-info{background-color:rgba(0, 0, 0, 0.8);text-align:center;position:absolute;max-width:100%;height:100%;width:100%;top:0;left:0;opacity:0;transition:0.3s all ease;font-weight:bold;color:white;z-index:3;} #institut .institut-all-soins .more-info:hover{opacity:1;} #institut .institut-all-soins .more-info p{margin:25% auto!important;padding:2%;} @media screen and (max-width:600px){#institut aside{display:none;} #institut .institut-all{width:100%;} #institut .part-one .institut-item div{text-align:center;width:auto;} #institut .institut-actu .institut-all-soins article{display:block;width:100%;} #institut .institut-marque .more-info{display:none;} #institut .institut-marque .institut-all-soins article.entry-soins{width:50%!important;} #institut .part-one .rdv-ligne, #institut .part-one .find-institut{width:100%;} #institut .part-one article:first-child img{width:auto;} #institut .part-one .find-institut{margin-left:0;} #institut .more-info{display:none;} } #institut .description-pack{box-sizing:border-box;padding:2%;text-align:center;border:1px solid lightgrey;} #institut .description-pack h5,#institut .description-pack p,#institut .description-pack span,#institut .description-pack div{margin-bottom:3%;} #institut .description-pack h5, #institut .description-pack .prix-institut{font-size:21px;} #institut .description-pack a{background:#c62b23;color:white;padding:10px;display:block;width:150px;margin:0 auto;} #institut .institut-marque .institut-all-soins article.entry-soins{display:inline-block;vertical-align:top;width:33.333%;font-size:14px;box-sizing:border-box;border:1px solid lightgrey;margin:10px auto;} #institut .institut-marque .institut-all-soins .more-info p{margin:10% auto;padding:0 1%;box-sizing:border-box;} #institut .institut-marque-single .part-one{font-size:16px;} #institut .institut-marque-single .part-one p{font-size:16px;} #institut .institut-marque-single h5{color:#f0544f;font-size:18px;} /***************************/ /********** Tutos **********/ /***************************/ #tuto-all wrapp-products{padding-top:0!important;border:0!important;} #tuto-all .contenaire-anim-svg{margin-top:0!important;} #tuto-all .tuto-all-news{width:100%;max-width:1100px;} #tuto-all .tuto-all-news p{margin-bottom:20px;padding:0 15px;} #tuto-all .tuto-all-news img{display:block;margin-bottom:10px;} #tuto-all .wrapp-shortcut-news{margin:0 auto!important;display:flex;} #tuto-all .wrapp-shortcut-news a{width:33%!important;display:inline-block;vertical-align:top;box-sizing:border-box;margin-bottom:30px;} #tuto-all .wrapp-shortcut-news a img{position:relative;overflow:hidden;} #tuto-all .wrapp-shortcut-news a h3{position:absolute;left:15px;bottom:100px;background:white;opacity:0.9;padding:10px;font-size:18px;color:black;} #tuto-all .wrapp-shortcut-news a h3:visited{color:black;} #tuto-all .hover-content span{color:white;} #tutoriel{background:#000000;font-size:0;padding:50px 0;margin:60px 0;text-align:center;} #tutoriel h3{font-size:22px;color:white;text-align:center;margin-bottom:25px;} #tutoriel .video-box{width:100%;display:inline-block;vertical-align:top;padding:0 20px;box-sizing:border-box;} #tuto-single .stepbystep a{color:#e30613;} #tuto-single .stepbystep article{font-size:0;margin-bottom:20px;border-bottom:1px solid #a0a0a0;} #tuto-single .stepbystep .pic{display:inline-block;vertical-align:top;width:20%} #tuto-single .stepbystep .pic img{width:100%;display:block;border:4px solid black;} #tuto-single .step{display:inline-block;vertical-align:top;width:80%;padding:0 5%;box-sizing:border-box;} #tuto-single h5{font-size:21px;margin-top:0;font-family:'Playfair Display',serif;} #tuto-single p{font-size:16px;margin-bottom:30px;} #tuto-single .art-all{font-size:0;margin:0 auto 20px auto;text-align:center;} #tuto-single .article-tuto{display:inline-block;vertical-align:top;width:20%;padding-bottom:20px;} #tuto-single .art-visuel a img{width:100%;display:block;margin:0 auto 15px auto;text-align:center;} #tuto-single .art-title h5, #tuto-single .art-title p, #tuto-single .art-title span{font-size:14px;margin-bottom:15px;} @media screen and (max-width:720px){ #tuto-all .wrapp-shortcut-news a{width:50%!important;} #tuto-single .stepbystep .step, #tuto-single .stepbystep .pic{width:100%;} #tuto-single .article-tuto{width:50%;} } @media screen and (max-width:320px){ #tuto-all .wrapp-shortcut-news a{width:100%!important;} #tuto-single .article-tuto{width:100%!important;} #tuto-single .art-visuel a img{width:75%!important;} } /***************************/ /***** Landing page FDM ****/ /***************************/ #landing-page-fdm .red{color:#e30512;} #landing-page-fdm .white{color:white;} #landing-page-fdm .black{color:black;} #landing-page-fdm{color:black;} #landing-page-fdm header{padding:0;margin:0;} #landing-page-fdm header .banner{border:solid 1px #f7f4f4;border-bottom:none;background-image:url("http://newsletter.planetparfum.be/16.Dev/fdm/images/header0.png");background-size:cover;width:100%;height:335px;} #landing-page-fdm.nl header .banner{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdm/images/header0b.png");background-size:100%;background-repeat:no-repeat;background-position:center;} #landing-page-fdm .timeFDM{text-align:center;font-size:35px;font-weight:bold;} #landing-page-fdm header iframe{width:100%;height:325px;border:none;} #landing-page-fdm .headline{text-align:center;border:solid 1px #f7f4f4;margin:0;padding:1.2em 4em;position:relative;top:-4px;border-top:none;font-size:14px;font-weight:normal;} #landing-page-fdm section{padding-bottom:1px;} #landing-page-fdm .bullet{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdm/images/bg-section.png");} #landing-page-fdm section h2{text-align:center;text-transform:uppercase;font-size:18px;margin-bottom:20px;font-weight:bold;} #landing-page-fdm section h2 span{color:#e30512;} #landing-page-fdm section .bloc{height:274px;width:100%;display:flex;position:relative;background-size:cover;background-position:center;margin-bottom:10%;cursor:pointer;} #landing-page-fdm section .bloc2{cursor:auto !important;} #landing-page-fdm #bloc-parfum{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdm/images/bg-parfum.png");background-position:right center;} #landing-page-fdm #bloc-favoris{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdm/images/bg-favoris.png");} #landing-page-fdm #bloc-instituts{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdm/images/bg-instituts.png");} #landing-page-fdm #bloc-coffrets{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdm/images/bg-coffrets.png");} #landing-page-fdm #bloc-coffrets .title-left{width:22%;} #landing-page-fdm #bloc-instituts .title{left:34%;} #landing-page-fdm .square-left, #landing-page-fdm .square-right{background:white;width:26%;padding:4% 3%;text-align:center;display:flex;left:2%;position:absolute;z-index:1;top:10%;} #landing-page-fdm .square-right{right:2%;left:auto;z-index:1;} #landing-page-fdm .square-content{margin:auto;} #landing-page-fdm .square-content p{margin:1em 0;font-size:14px;} #landing-page-fdm h4{color:#e30512;text-transform:uppercase;margin:0;font-size:1.3em;} #landing-page-fdm .link{background-color:#e30512;color:white;padding:3% 5%;text-decoration:none;border-radius:2%;text-transform:uppercase;font-weight:bold;position:relative;display:inline-block;margin-top:1%;} #landing-page-fdm .title, #landing-page-fdm .title-left{display:flex;padding:0 2%;width:33%;position:absolute;left:38%;height:100%;} #landing-page-fdm .title-left{left:0;} #landing-page-fdm h3{margin:auto;text-align:center;font-size:28px;display:block;text-transform:none;transition:all ease .3s;} #landing-page-fdm .bloc:hover h3{transform:scale(1.1);} #landing-page-fdm .bloc-carousel{} #landing-page-fdm .bloc-carousel{width:62%;height:100%;padding:2%;} #landing-page-fdm .bloc-carousel-left{position:relative;right:0;} #landing-page-fdm #bloc-carte, #landing-page-fdm #bloc-plan{height:auto;} #landing-page-fdm #bloc-plan{border-top:solid rgba(0, 0, 0, 0.05) 1px;} #landing-page-fdm #bloc-carte, #landing-page-fdm #bloc-plan{margin-bottom:0;} #landing-page-fdm #bloc-carte .square-left, #landing-page-fdm #bloc-plan .square-right{top:0;right:0;position:relative;} #landing-page-fdm #bloc-carte{transition:all ease 1s;} #landing-page-fdm .square{transition:all ease .3s;z-index:4;} #landing-page-fdm .bloc:hover .square{box-shadow:4px 4px 15px rgba(0, 0, 0, 0.3);} #landing-page-fdm .link:hover{background:black;} /**/ #landing-page-fdm .contenaire-anim-svg{overflow:hidden;position:relative;top:-40px;margin:9% 0 0 0;} #landing-page-fdm .contenaire-anim-svg .svg-anim-h2{position:relative;margin:0 auto;width:440px;height:80px;z-index:2;} #landing-page-fdm .contenaire-anim-svg .svg-anim-h2 rect{fill:white;stroke:grey;} #landing-page-fdm .contenaire-anim-svg .svg-anim-h2 h2{position:relative;margin:0 auto;text-align:center;line-height:80px;z-index:11;text-transform:uppercase;font-size:24px;font-weight:700;color:#e30512;} #landing-page-fdm .contenaire-anim-svg .svg-anim-h2 .calque-carre{width:100%;height:80px;position:absolute;left:0;top:0;} #landing-page-fdm .contenaire-anim-svg .full-ligne{position:absolute;top:50%;width:50%;height:1.02px;transform:translate3d(0,-50%,0);} #landing-page-fdm .contenaire-anim-svg .full-ligne .ligne{background:#a0a0a0;height:100%;width:200%;position:absolute;top:0;} #landing-page-fdm .contenaire-anim-svg .full-ligne.gauche{left:0;} #landing-page-fdm .contenaire-anim-svg .full-ligne.droite, #landing-page-fdm .contenaire-anim-svg .full-ligne.gauche .ligne{right:0;} #landing-page-fdm .link-mobile{display:none;} @media all and (-ms-high-contrast:none), (-ms-high-contrast:active){#landing-page-fdm .title, #landing-page-fdm .title-left{top:40%;} } @media (max-width:767px){#landing-page-fdm header .banner{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdm/images/header0-mobile.png");background-size:cover;background-position:center;} #landing-page-fdm.nl header .banner{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdm/images/header0b-mobile.png");background-size:cover;background-position:center;} #landing-page-fdm .headline{padding:1.2em;} #landing-page-fdm .headline span{display:none;} #landing-page-fdm section .bloc{height:auto;width:88%;display:block;position:relative;background-size:88%;background-position:center bottom !important;background-repeat:no-repeat;padding:6%;padding-bottom:50%;margin-bottom:0;} #landing-page-fdm .square-left, #landing-page-fdm .square-right{width:84%;text-align:center;display:flex;left:0;position:relative;top:0;height:auto;margin:auto;padding:8% 8%;display:none;} #landing-page-fdm .title, #landing-page-fdm .title-left{display:block;position:relative;left:0;height:auto;width:100%;padding:0;} #landing-page-fdm #bloc-instituts .title{left:0;} #landing-page-fdm #bloc-instituts .title br{display:none;} #landing-page-fdm h3 br{display:none;} #landing-page-fdm #bloc-coffrets .title-left{width:100%;} #landing-page-fdm h3{font-size:18px;display:block;line-height:25px;padding:0 2%;padding-top:20px;} #landing-page-fdm .link{padding:3% 0;margin-top:1%;} #landing-page-fdm section h2{font-size:16px;padding-bottom:0;padding:0 4%;margin-bottom:5%;} #landing-page-fdm .square-content p{font-size:13px;} #landing-page-fdm .contenaire-anim-svg{margin-bottom:-30px;} #landing-page-fdm #bloc-parfum{background-image:url(http://newsletter.planetparfum.be/16.Dev/fdm/images/bg-parfum-mobile.png);} #landing-page-fdm #bloc-favoris{background-image:url(http://newsletter.planetparfum.be/16.Dev/fdm/images/bg-favoris-mobile.png);} #landing-page-fdm #bloc-instituts{background-image:url(http://newsletter.planetparfum.be/16.Dev/fdm/images/bg-instituts-mobile.png);} #landing-page-fdm #bloc-coffrets{background-image:url(http://newsletter.planetparfum.be/16.Dev/fdm/images/bg-coffrets-mobile.png);} #landing-page-fdm section{margin-top:20%;} #landing-page-fdm .link-mobile{display:block;text-align:center;width:88%;margin:auto;margin-bottom:8%;} #landing-page-fdm .bloc-carousel{position:relative;right:auto;margin:auto;} #landing-page-fdm .bloc2{padding-bottom:2% !important;} #landing-page-fdm .bloc2 .square{display:block;margin-bottom:5%;} #landing-page-fdm .bloc2 .bloc-carousel{display:none;} #landing-page-fdm .bloc2 h4{padding:0;} #landing-page-fdm #bloc-plan{border-top:none;} } /***************************/ /***** Landing page FDP ****/ /***************************/ #landing-page-fdp .red{color:#e30512;} #landing-page-fdp .white{color:white;} #landing-page-fdp .black{color:black;} #landing-page-fdp{color:black;} #landing-page-fdp header{padding:0;margin:0;margin-bottom:-2%;background:#fefefe;} #landing-page-fdp header canvas{overflow-y:hidden;overflow-x:hidden;width:100%;margin:0;position:absolute;opacity:1;z-index:999;transition:all ease 1s;} #landing-page-fdp header .banner{border:solid 1px #f7f4f4;border-bottom:none;background-image:url("http://newsletter.planetparfum.be/16.Dev/fdp/images/header.png");background-size:cover;width:100%;height:335px;background-position:center;} #landing-page-fdp.nl header .banner{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdp/images/header-nl.png");background-size:100%;background-repeat:no-repeat;background-position:center;} #landing-page-fdp .timeFDM{text-align:center;font-size:35px;font-weight:bold;padding-top:.5%;} #landing-page-fdp header iframe{width:100%;height:325px;border:none;} #landing-page-fdp .headline{text-align:center;border:solid 1px #f7f4f4;margin:0;padding:1.2em 4em;position:relative;top:-4px;border-top:none;font-size:14px;font-weight:normal;} #landing-page-fdp section{padding-bottom:1px;margin-bottom:-4%;} #landing-page-fdp .bullet{background:rgb(250, 250, 249);padding-bottom:3%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:-4%;} #landing-page-fdp .bullet:last-child{margin-bottom:0;} #landing-page-fdp section h2{text-align:center;text-transform:uppercase;font-size:18px;margin-bottom:20px;font-weight:bold;} #landing-page-fdp section h2 span{color:#e30512;} #landing-page-fdp section .bloc{height:300px;width:88%;display:flex;position:relative;background-size:cover;background-position:center;margin-bottom:0%;cursor:auto;border-radius:20px;padding:0 3%;margin:auto;transition:background ease 1s;} #landing-page-fdp section .bloc2{cursor:auto !important;} #landing-page-fdp #bloc-parfum{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdp/images/bg-parfum.png");background-position:right center;background-position:80%;} #landing-page-fdp #bloc-favoris{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdp/images/bg-favoris.png");background-position:left;margin-top:-1%;} #landing-page-fdp #bloc-video{height:450px;} #landing-page-fdp #bloc-video .square{height:100%;padding-top:0;padding-bottom:0;border:solid 1px black;border-left:none;width:30%;border-radius:20px;border-top-left-radius:0;border-bottom-left-radius:0;} #landing-page-fdp #bloc-favoris .square-right{padding-bottom:1px;border-bottom:solid 1px #e8e8e8;border-top-left-radius:0;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:0;} #landing-page-fdp #bloc-carte{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdp/images/bg-carte.png");background-position:70%;border-bottom-right-radius:0;} #landing-page-fdp #bloc-carte .title{left:34%;} #landing-page-fdp .square-left, #landing-page-fdp .square-right{background:white;padding:4% 3%;text-align:center;display:flex;left:2%;position:absolute;z-index:1;top:0;left:0;height:100%;padding:0 3%;/*width:30%;*/ border-left:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8;width:44%;border-top-right-radius:0;border-top-left-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:0;} #landing-page-fdp #bloc-parfum:hover{background-position:100%;} #landing-page-fdp #bloc-carte:hover{background-position:100%;} #landing-page-fdp #bloc-favoris:hover{background-position:-60px;} #landing-page-fdp .square-right{right:0%;left:auto;z-index:1;} #landing-page-fdp .square-content{margin:auto;} #landing-page-fdp .square-content p{margin:1em 0;font-size:14px;} #landing-page-fdp h4{color:black;text-transform:uppercase;margin:0;font-size:1.3em;} #landing-page-fdp .link{background-color:#e30512;color:white;padding:3% 5%;text-decoration:none;border-radius:2%;text-transform:uppercase;font-weight:bold;position:relative;display:inline-block;margin-top:1%;} #landing-page-fdp .title, #landing-page-fdp .title-left{display:flex;padding:0 2%;width:33%;position:absolute;left:38%;height:100%;} #landing-page-fdp .title-left{left:0;} #landing-page-fdp h3{margin:auto;text-align:center;font-size:28px;display:block;text-transform:none;transition:all ease .3s;} #landing-page-fdp .bloc:hover h3{transform:scale(1.1);} #landing-page-fdp .bloc-carousel{width:62%;height:100%;padding:2% 2% 0 0;width:48%;} #landing-page-fdp .bloc-carousel-left{position:relative;right:0;} #landing-page-fdp #bloc-plan{/*border-top:solid rgba(0, 0, 0, 0.05) 1px;*/ height:100%;} #landing-page-fdp #bloc-carte, #landing-page-fdp #bloc-plan{margin-bottom:0;margin-top:10px;} #landing-page-fdp #bloc-carte .square-left, #landing-page-fdp #bloc-plan .square-right{top:0;right:0;position:absolute;height:100%;padding-bottom:1px;border-bottom-left-radius:0;} #landing-page-fdp #bloc-plan .square-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:20px;border-bottom-left-radius:0;} #landing-page-fdp .square{transition:all ease .3s;z-index:4;} #landing-page-fdp .bloc:hover .square{box-shadow:4px 4px 15px rgba(0, 0, 0, 0.3);} #landing-page-fdp .link:hover{background:black;} /**/ #landing-page-fdp .contenaire-anim-svg{overflow:hidden;position:relative;top:-40px;margin:9% 0 0 0;} #landing-page-fdp .contenaire-anim-svg .svg-anim-h2{position:relative;margin:0 auto;width:440px;height:80px;z-index:2;} #landing-page-fdp .contenaire-anim-svg .svg-anim-h2 rect{fill:white;stroke:grey;border-top-left-radius:20px;} #landing-page-fdp .contenaire-anim-svg .svg-anim-h2 h2{position:relative;margin:0 auto;text-align:center;line-height:80px;z-index:11;text-transform:uppercase;font-size:24px;font-weight:700;color:#e30512;} #landing-page-fdp .contenaire-anim-svg .svg-anim-h2 .calque-carre{width:100%;height:80px;position:absolute;left:0;top:0;} #landing-page-fdp .contenaire-anim-svg .full-ligne{position:absolute;top:50%;width:50%;height:1.02px;transform:translate3d(0,-50%,0);} #landing-page-fdp .contenaire-anim-svg .full-ligne .ligne{background:#a0a0a0;height:100%;width:200%;position:absolute;top:0;} #landing-page-fdp .contenaire-anim-svg .full-ligne.gauche{left:0;} #landing-page-fdp .contenaire-anim-svg .full-ligne.droite, #landing-page-fdp .contenaire-anim-svg .full-ligne.gauche .ligne{right:0;} #landing-page-fdp .link-mobile{display:none;} #landing-page-fdp .title-left-video{width:100%;left:0 !important;padding:0;position:absolute;/*background:black;*/ height:450px;border-radius:20px;} #landing-page-fdp .title-left-video iframe{border-bottom:solid 2px #111113;border-radius:20px;border-top-right-radius:0;border-bottom-right-radius:0;} #landing-page-fdp .product-image{text-align:center;} #landing-page-fdp .carousel-ctr .carousel img{border-radius:6px;} #landing-page-fdp ul.carousel{padding-left:0 !important;left:-20px;position:relative;} #landing-page-fdp .bubbles{padding-left:0;padding-bottom:10px;} @media all and (-ms-high-contrast:none), (-ms-high-contrast:active){#landing-page-fdp .title, #landing-page-fdp .title-left{top:40%;} #landing-page-fdp .square-content{margin-top:12% !important;} #landing-page-fdp #bloc-video .square-content{margin-top:30% !important;} } @media (max-width:767px){#landing-page-fdp header .banner{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdp/images/header-mobile.png");background-size:cover;background-position:center;} #landing-page-fdp.nl header .banner{background-image:url("http://newsletter.planetparfum.be/16.Dev/fdp/images/header-nl-mobile.png");background-size:cover;background-position:center;} #landing-page-fdp .headline{padding:1.2em;} #landing-page-fdp .headline span{display:none;} #landing-page-fdp section .bloc{height:auto;width:88%;display:block;position:relative;background-size:88%;background-position:center bottom !important;background-repeat:no-repeat;padding:6%;padding-bottom:50%;margin-bottom:0;border-radius:20px;border-bottom-left-radius:0;border-bottom-right-radius:0;width:76%;background-size:100%;} #landing-page-fdp .square-left, #landing-page-fdp .square-right{width:84%;text-align:center;display:flex;left:0;position:relative;top:0;height:auto;margin:auto;padding:8% 8%;display:none;} #landing-page-fdp .title, #landing-page-fdp .title-left{display:block;position:relative;left:0;height:auto;width:100%;padding:0;} #landing-page-fdp #bloc-carte .title{left:0;} #landing-page-fdp #bloc-carte .title br{display:none;} #landing-page-fdp h3 br{display:none;} #landing-page-fdp #bloc-coffrets .title-left{width:100%;} #landing-page-fdp h3{font-size:18px;display:block;line-height:25px;padding:0 2%;padding-top:20px;} #landing-page-fdp .link{padding:3% 0;margin-top:1%;} #landing-page-fdp section h2{font-size:16px;padding-bottom:0;padding:0 4%;margin-bottom:5%;} #landing-page-fdp .square-content p{font-size:13px;} #landing-page-fdp .contenaire-anim-svg{margin-bottom:-30px;} #landing-page-fdp #bloc-parfum{background-image:url(http://newsletter.planetparfum.be/16.Dev/fdp/images/bg-parfum-mobile.png);} #landing-page-fdp #bloc-favoris{background-image:url(http://newsletter.planetparfum.be/16.Dev/fdp/images/bg-favoris-mobile.png);background-position:center top !important;} #landing-page-fdp #bloc-carte{background-image:url(http://newsletter.planetparfum.be/16.Dev/fdp/images/bg-carte-mobile.png);background-position:center !important;} #landing-page-fdp #bloc-coffrets{background-image:url(http://newsletter.planetparfum.be/16.Dev/fdp/images/bg-coffrets-mobile.png);} #landing-page-fdp .bullet{border-radius:0;} #landing-page-fdp section{margin-top:20%;} #landing-page-fdp .link-mobile{display:block;text-align:center;width:88%;margin:auto;margin-bottom:8%;border-radius:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;} #landing-page-fdp .bloc-carousel{position:relative;right:auto;margin:auto;} #landing-page-fdp .bloc2{padding-bottom:2% !important;} #landing-page-fdp .bloc2 .square{display:block;margin-bottom:5%;} #landing-page-fdp #bloc-plan .square-right{position:relative;} #landing-page-fdp .bloc2 .bloc-carousel{display:none;} #landing-page-fdp .bloc2 h4{padding:0;} #landing-page-fdp #bloc-plan{border-top:none;width:88%;padding:6% 0;} #landing-page-fdp #bloc-plan .square-right{border-radius:20px;padding-bottom:8%;margin-bottom:0;} #landing-page-fdp .title-left-video{padding:0;border-top:none;} #landing-page-fdp .title-left-video iframe{border-bottom:solid 2px #111113;border-radius:20px;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;} #landing-page-fdp .hide-mobile{display:none !important;} #landing-page-fdp #bloc-plan *{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} #landing-page-fdp #bloc-video{height:250px;padding:0;padding-top:6%;width:88%;} #landing-page-fdp #myvideo{height:250px;} #landing-page-fdp .bullet{background:rgb(243, 243, 243);} #landing-page-fdp header{margin-bottom:45px;} #homepage-pp .campagne-conditions{font-size:11px !important;} } /***************************/ /**** Diagnostic Parfum ****/ /***************************/ #diagnostic-game{height:700px !important;background-position:center;background-size:8%;background-repeat:no-repeat;background-color:white;} /******************/ /** BLACK FRIDAY **/ /******************/ .homepageBlack #main, .homepageBlack .contenaire-anim-svg, .homepageBlack .storefront .wrapp-products, .homepageBlack #fragrance-finder h2:before, .homepageBlack .homepage-include .carousel, .homepageBlack #homepage-pp .campagne-conditions, .homepageBlack .bubble-ctr.bottom{background-color:black;} .homepageBlack .has-info.product-tile *, .homepageBlack .bubble-ctr.small .bubble, .homepageBlack #homepage-pp .campagne-conditions, .homepageBlack .bubble-ctr .bubble{color:white;} .homepageBlack .storefront .contenaire-anim-svg .svg-anim-h2 h2, .homepageBlack .product-tile .brand-link{color:#e30613 !important;} .homepageBlack .carousel-ctr .carousel img{margin-bottom:10px;border-radius:10px;} .homepageBlack #homepage-pp .visuel-campagne img{border-radius:0 !important;} .homepageBlack .storefront .wrapp-products .listing-products{margin:0 auto;padding-bottom:45px;} .homepageBlack .product-tile .product-flags .product-flag span{display:inline-block;border-radius:2px;} .homepageBlack .carousel-ctr .item{padding-bottom:25px;transition:all ease .3s;} .homepageBlack .listing-products .carousel-ctr .item:after{border-bottom:solid 1px transparent;content:"";position:absolute;width:0;margin-top:1%;left:55%;text-align:center;transition:all ease .4s;-webkit-transition:all ease .4s;bottom:0px;} .homepageBlack .listing-products .carousel-ctr .item:hover::after{border-bottom:solid 1px #e30613;width:80%;left:10%;} /***********************************************************/ /*********************** Page Promo ************************/ /***********************************************************/ #page-promo{/*max-width:1200px;*/ margin:0 auto;font-family:sans-serif;} #page-promo header{margin-bottom:3%;} #page-promo header, #page-promo header img{max-width:1200px;width:100% !important;} #page-promo .carousel-ctr, #page-promo header{/* max-height:290px;*/ } #page-promo .carousel-desktop{display:block;} #page-promo .carousel-mobile{display:none;} #page-promo #eshop-only{background:#e30613;} #page-promo section{margin-bottom:3%;padding-bottom:0%;box-shadow:0 0 15px #e2e2e2;} #page-promo section:hover .bloc-text{width:80%;} #page-promo ul.carousel{padding-left:0;} #page-promo .title{width:100%;display:flex;position:relative;z-index:0;} #page-promo .bloc-text h1{color:black;} #page-promo section:nth-child(odd) .bloc-text h1{color:#e30613;} #page-promo .bloc{width:50%;transition:all ease .3s;} #page-promo .bloc-text{display:flex;align-items:center;} #page-promo .bloc-text h1{text-align:center;font-size:20px;text-transform:uppercase;/*color:white;*/ letter-spacing:2px;margin:0;padding:0;font-weight:bold;text-align:center;display:block;/*width:100%;*/ margin:0 auto;} #page-promo #special-gift h1{/*color:white;*/ } #page-promo .conditions{padding:2%;border:solid 1px #f1f1f1;border-top:0;color:black;} #page-promo #eshop-only .bloc-text h1{color:white;} #page-promo .title .bloc{padding:2% 1% 1%;width:100% !important;} #page-promo .bg-black{background-color:black;} #page-promo .bg-red{background-color:#e30613;} #page-promo .bg-white{background-color:white;} #page-promo .border-red{border:solid 1px #e30613;} #page-promo .bborder-red{border-bottom:solid 1px #e30613 !important;} #page-promo .border-black{border:solid 1px black;} #page-promo .bborder-black{border-bottom:solid 1px black !important;} #page-promo .bloc-imaged{border:solid 1px #eaeaea;} #page-promo .more{padding:10px;text-align:center;border-top:none;padding:2% 0 3%;transition:all ease .2s;} #page-promo .more a{text-decoration:none;color:white;text-transform:uppercase;font-weight:bold;font-size:14px;background:#e30613;padding:1%;transition:all ease .2s;display:block;width:10%;margin:auto;border-radius:4px;} #page-promo .more a:hover{/*padding:1% 20px;*/ width:12%;background:black;} #page-promo .bloc-imaged{background-size:cover;background-repeat:no-repeat;background-position:center;display:none;} #page-promo #prix-ronds .bloc-imaged{background:url('https://www.planetparfum.com/on/demandware.static/-/Sites-PlanetParfum-BE-Library/default/dwf5bb2d73/category-banners/top-banners-fr/soins-corps-minceur-et-fermete-630px175px.jpg');} #page-promo #special-gift .bloc-imaged{background:url('https://www.planetparfum.com/on/demandware.static/-/Sites-PlanetParfum-BE-Library/default/dw420bb980/category-banners/top-banners-fr/soins-corps-solaires-630px175px.jpg');} #page-promo #eshop-only .bloc-imaged{background:url('https://www.planetparfum.com/on/demandware.static/-/Sites-PlanetParfum-BE-Library/default/dw3ccc8fde/category-banners/top-banners-fr/soins-visage-levres-et-contours-630px175px.jpg');} #mycarousel-next, #mycarousel-prev, #mycarousel-next2, #mycarousel-prev2{position:absolute;z-index:5;} #mycarousel-next, #mycarousel-next2{right:25px;} #page-promo .mycarousel-nav{display:none;} #page-promo .carousel-arrow{border-top:none;border-bottom:none;padding:2%;z-index:1;position:relative;} #prix-ronds .carousel-arrow{padding:0 2%;} #page-promo #eshop-only .carousel-arrow{/*border-bottom:solid 1px #e30613;*/ /*border-bottom:solid 1px black;*/ padding-bottom:2%;/*background:#e30613;*/ } #page-promo #prix-ronds .carousel-arrow{padding:0 2%;} #page-promo #prix-ronds .wrap-mycarousel{padding-bottom:0 !important;} #page-promo .title div:first-child{border-right:none !important;} #page-promo .bloc-text.bloc-right{/*box-shadow:-5px 5px 15px rgba(0, 0, 0, 0.2);*/ position:relative;} #page-promo .bloc-text.bloc-left{/*box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2);*/ position:relative;} #page-promo .bloc-right{background-position:right center !important;} #page-promo .bloc-left{background-position:left center !important;} #page-promo .wrap-gwp{width:100%;text-align:left;} #page-promo .wrap-gwp p{text-align:center;} #page-promo .wrap-gwp p:last-child{font-size:10px;text-align:left;} #page-promo .wrap-gwp ul{font-size:0;/*display:flex;*/ } #page-promo .wrap-gwp li{display:inline-block;width:31%;margin:1%;transition:all ease .2s;} #page-promo .wrap-gwp li:hover{transform:scale(1.05);box-shadow:0 0 8px #00000021;background:#ececec;border-radius:10px;} #page-promo #eshop-only .wrap-gwp ul{display:flex;} #page-promo #eshop-only .wrap-gwp img{border:none;} #page-promo .wrap-gwp img{display:block;width:100%;border:solid 1px #e0e0e0;transition:all ease .3s;border-radius:10px;} #page-promo .product-tile .thumb-link{text-align:center;} #page-promo .jcarousel-clip-horizontal{width:1000px;overflow:hidden;margin:auto;} #page-promo header .jcarousel-clip-horizontal{width:100%;} #page-promo .jcarousel-item-horizontal, #page-promo .jcarousel-container-horizontal{width:250px;/*max-width:300px;*/ } #page-promo .jcarousel-container-horizontal{max-width:1000px;} #page-promo header .jcarousel-container-horizontal{max-width:100%;} #page-promo .jcarousel-item-horizontal{max-width:250px;} #page-promo header .jcarousel-item-horizontal{max-width:100% !important;} #page-promo .carousel-ctr .item{overflow:hidden;} #page-promo .jcarousel-item-horizontal{max-width:100%;} @media (max-width:767px){#page-promo .carousel-desktop{display:none;} #page-promo .carousel-mobile{display:block;} #page-promo #prix-ronds .carousel-ctr.include{padding:0 0 15%;} #page-promo #prix-ronds .bubble-ctr{bottom:0;top:auto;} #page-promo .jcarousel-item-horizontal{/*max-width:250px;*/ max-width:initial;} #page-promo .more a{width:50%;} #page-promo #eshop-only .wrap-gwp ul{display:block;} #mycarousel-next{right:35px;} #page-promo .wrap-gwp li{display:block;width:80%;margin:1% auto 5%;} #page-promo section{margin-bottom:3%;/*padding-bottom:5%;*/ } #page-promo .more a{padding:3%;} #page-promo #special-gift .more{/* margin-top:5%;*/ } #page-promo .carousel-ctr .carousel img{width:125px;} #page-promo .product-tile .product-image{/*min-height:9.25em;*/ min-height:auto;} #page-promo .product-tile{padding:0;} #mycarousel-next, #mycarousel-prev, #mycarousel-next2, #mycarousel-prev2{/*height:96%;*/ } #page-promo ul.carousel{/*max-height:300px;*/ } #page-promo .carousel-ctr .item{/*width:250px !important;*/ } #mycarousel-next, #mycarousel-prev{display:block;width:auto !important;z-index:5 !important;} #page-promo .more{padding:10% 0 8%;} #page-promo .wrap-gwp li:last-child{margin:1% auto 0;} #page-promo #special-gift .carousel-arrow{padding-top:6%;} #page-promo .bloc-text h1{padding:3%;} #page-promo #eshop-only .carousel-arrow{padding:7% 2%;} } /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /*************************************************************** New Fiche Produit ***********************************************************************************/ /*********************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************/ /*************************** DESKTOP *******************************/ /**** Generique ****/ a.button-dark, button.button-dark { /* Présent dans les icones du header */ background-color: #000000; border: solid transparent 1px; transition: all ease .3s; } a.button-dark:hover , button.button-dark:hover { /* Présent dans les icones du header */ background-color: white; border-color: black; color: black; } .breadcrumb a, .breadcrumb span { font-size: 1em; } .product-tile { text-align: center; } .product-flag { display: inline-block; } .product-top-info .product-header a { display: inline-block; } @media (max-width: 767px){ nav.breadcrumb.container.hide-on-mobile { padding-bottom: 0; } } /**** List des filtres ****/ @media (max-width:767px){ .refinements>section>span {font-size: 1em;} /* Liste des filtres */ } /**** Header & Footer ****/ header .icons { padding-top: 18px; } header .icons>li { padding-bottom: 10px; } header .mini-list { bottom: 0; } header .account-popin-content .button { border: solid transparent 1px; transition: all ease .3s; } header .account-popin-content .button:hover { color: #E30613; border-color: #E30613; background-color: white; } header .account-popin-content .login li a:hover{ color: #e30613; } @media (max-width: 767px){ header .icons { width: 30%; padding-top: 8px !important; } } /**** Home ****/ .carousel-ctr.homepage-include { margin-top: 3%; } .homepage .product-tile, .productsearchresult .product-tile{ text-align: center; } .homepage .product-flag, .productsearchresult .product-flag{ display: inline-block; } .homepage .product-tile .name-link { max-width: 250px; display: block; margin: auto; } @media (max-width:767px){ .homepage .product-tile .name-link, .product-tile .product-price .price-sales, .product-tile .product-price .price-standard { font-size: 1em; } .homepage .carousel-ctr.homepage-include { margin-top: 18px; } .homepage .carousel-ctr .carousel { max-height: 470px; } } @media (max-width: 767px){ .homepage .carousel-ctr.homepage-include { margin-top: 18px; } .homepage .carousel-ctr .carousel { max-height: 470px; } } /**** Page produit ****/ .productdetails .pdp-main { /*padding: 0;*/ } .pdp-main .product-top-info { margin-bottom: 30px; min-height: 100px; } .pdp-main .product-header{ padding-top: 4px; } .pdp-main .product-top-info .product-header .product-brand, .pdp-main .product-top-info .product-header .product-name, .pdp-main .product-top-info .product-header .subtitle { padding-top: 6px; } .pdp-main .product-top-info .brand-logo { display: flex; } .pdp-main .brand-logo a { display: block; margin: auto; } .pdp-main .product-top-info .brand-logo img { top: 0; transform: none; } .pdp-main .product-row>.col-2 { width: 510px; } .pdp-main .product-variations .variant-matrix .variation-value { margin: 6px 4px; } .pdp-main .product-variations .color-attributes-wrapper #selectBoxColorAttribute .select-color-element { margin-right: 0; } .pdp-main .product-row>.col-1 { padding: 0; } .productdetails .pdp-main { /*padding: 0;*/ } .pdp-main dt, .pdp-main h2, .pdp-main .product-contents, .pdp-main .product-price .price-sales, .pdp-main .product-contents, .pdp-main .product-price, .pdp-main .desktop-availability-price .product-contents { font-size: 30px; } .pdp-main .desktop-availability-price *{ font-size: 30px !important; } .pdp-main .desktop-availability-price .product-contents { text-transform: lowercase; padding-top: 10px; } .pdp-main .product-variations .variant-dropdown .variation-radio label, .pdp-main .wl-action:not(.update) span { font-size: 17px; line-height: 28px; } .pdp-main .availability .availability-msg .msg, .pdp-main .delivery-msg { font-size: 17px; } .pdp-main .delivery-msg { position: relative; top: 2px; } .pdp-main .productdetails .pdp-main .add-to-wishlist { margin-top: 4px; } .pdp-main .cart-action button.add-to-cart, .pdp-main .backinstock-container .backinstock-displayform { font-size: 21px; background: #E30613; font-weight: 600; } .pdp-main .backinstock-container .icon-mail { margin-right: 15px; position: relative; font-size: 28px; line-height: 0; top: 5px; } .pdp-main .product-variations .color-attributes-wrapper #resultSelectBoxColorAttribute.list.active #selectBoxColorAttribute .color-title {padding-top: 30px;} /* CHANEL */ .brand-chanel .pdp-main * { font-family: "Helvetica",Arial,sans-serif; } .brand-chanel .title.product-name, .brand-chanel .js-backinstock-container.backinstock-container button { font-family: 'ABChanel PB SemiBold M', arial, sans-serif !important; } .brand-chanel .pdp-main dt, .brand-chanel .pdp-main h2, .brand-chanel .pdp-main .product-price, .brand-chanel #advantages h3, .brand-chanel .pdp-main .section-title { font-size: 20px; font-family: 'ABChanel PB SemiBold M', arial, sans-serif !important; } .brand-chanel .pdp-main .headband-promo div { font-family: "helvetica" !important; font-weight: 400; } .brand-chanel .pdp-main .accordion dd .ingredient, .brand-chanel .pdp-main .accordion dd a, .brand-chanel .pdp-main .accordion dd p, .brand-chanel .pdp-main .accordion dd span { line-height: 1.3; } .brand-chanel .pdp-main .benefits h4, .brand-chanel .pdp-main .benefits p { font-size: 16px; } .brand-chanel .pdp-main .subtitle, body.productdetails.brand-chanel .pdp-main .subtitle { line-height: 25px; } .brand-chanel .pdp-main .product-top-info { margin-bottom: 30px; min-height: 80px; } .brand-chanel .pdp-main .title { padding-top: 10px !important; } /* 03/07/2019 */ .brand-chanel .pdp-main .product-variations .variant-matrix .variation-value.selected .swatchanchor::after {background-color: #000000;} .brand-chanel .pdp-main .cart-action button.add-to-cart, .brand-chanel .pdp-main .backinstock-container .backinstock-displayform {background: #000000;} .brand-chanel .breadcrumb a.breadcrumb-last, .brand-chanel .breadcrumb span.breadcrumb-last {color: #000000;} .brand-chanel .navigation-tree * {font-family: Arial !important;} .brand-chanel .producttile-description-wrapper * {font-family: Arial !important;font-weight: 600;color: black !important;} .brand-chanel .product-flags .grey span {background-color: #000000;} .brand-chanel .landing-content .carousel-ctr.include {padding-bottom: 3em;} .brand-chanel .landing-content .product-name {height: 38px;} .brand-chanel .landing-content .product-type {height: 40px;} .brand-chanel #advantages {background: #ffffffc7;} .brand-chanel .pdp-main .product-variations #selectBoxColorAttribute .bubble .color-bubble, .brand-chanel .pdp-main .product-variations .selected-color .bubble .color-bubble, .brand-chanel .pdp-main .product-variations .variant-matrix .bubble .color-bubble {border-radius: 0;} @media (min-width: 768px){ .pdp-main .headband-promo { margin: 30px 0 0; height: 70px; border-radius: 8px; } } @media (max-width: 767px){ .pdp-main .product-top-info .brand-logo{ display: none; } .pdp-main .product-top-info .product-header .product-brand { font-size: 18px; font-size: 1.125rem; padding-top: 0; } .brand-chanel .pdp-main .accordion dd a, .brand-chanel .pdp-main .accordion dd p, .brand-chanel .pdp-main .accordion dd span { font-size: 14px; } } @media screen and (max-width: 420px){ .productdetails .pdp-main { /*padding: 0 20px 40px;*/ } .slick-dotted.slick-slider { margin-bottom: 0px; } .brand-chanel .pdp-main .product-variations .variant-dropdown .variation-radio label, .brand-chanel .pdp-main .wl-action:not(.update) span { font-size: 13px; line-height: 30px; padding: 5px; } .brand-chanel .pdp-main .product-variations .variant-dropdown .variation-radio .volume-row { min-height: 35px; padding: 0 15px; line-height: 24px; } .brand-chanel .pdp-main dt, .brand-chanel .pdp-main h2, .brand-chanel .pdp-main .product-price .price-sales, .brand-chanel .pdp-main .product-price, .brand-chanel #advantages h3, .brand-chanel .pdp-main .section-title { font-size: 17px; } .brand-chanel .pdp-main .headband-promo { height: 68px; } .brand-chanel .pdp-main .ma-promo-titre { font-size: 18px; } .brand-chanel .pdp-main .ma-promo-texte { font-size: 15px; } .brand-chanel .pdp-main .headband-promo>div:last-child { font-size: 21px; } } /* dans le dropdown aligner les vignettes et les noms des produits */ .pdp-main .product-variations .color-attributes-wrapper #selectBoxColorAttribute .select-color-element .color-title{ top: -14px; position: relative; } /**** Tuile produits ****/ .grid-tile .product-brand, .grid-tile .product-name, .grid-tile .product-type, .grid-tile .product-pricing, .grid-tile .product-promo, .grid-tile .product-flags{ text-align:center; margin-left: 0 !important; } .grid-tile .product-flag{ display: inline-block; } .grid-tile .product-tile .thumb-link { text-align: center; } .grid-tile .product-tile .product-colors { margin: 10px auto; position: relative; display: inline-block; bottom: 0; } /**** Catégories tuiles produits ****/ .productsearchresult .product-tile .thumb-link { text-align: center; } .productsearchresult .product-tile .product-colors { margin: 10px auto; position: relative; display: inline-block; } .productsearchresult .quickview-dialog { z-index: 4; } .productsearchresult .product-brand, .productsearchresult .product-name, .productsearchresult .product-type, .productsearchresult .product-pricing, .productsearchresult .product-promo, .productsearchresult .product-flags{ text-align:center; margin-left: 0 !important; } .productsearchresult .product-flag{ display: inline-block; } .productsearchresult .search-results .search-result-items .grid-tile .product-tile .product-brand, .productsearchresult .search-results .search-result-items .grid-tile .product-tile .product-flags, .productsearchresult .search-results .search-result-items .grid-tile .product-tile .product-name, .productsearchresult .search-results .search-result-items .grid-tile .product-tile .product-pricing, .productsearchresult .search-results .search-result-items .grid-tile .product-tile .product-promo, .productsearchresult .search-results .search-result-items .grid-tile .product-tile .product-type { margin-left: 0 !important; } .productsearchresult .has-info.product-tile.quickview-item { margin: auto; padding: 0 !important; } .productsearchresult .search-results .search-result-items .grid-tile { padding-bottom: 2%; padding-top: 2%; } .product-tile .product-colors .variant-matrix .bubble .color-bubble { border-radius: 100%; margin: 0 1px; } .pdp-main .backinstock-container .backinstock-displayform, .js-alertstockdisplay .button-fancy-large .backinstock-displayform { font-size: 21px; } /* Masquage bugs site */ /* Apercu des produits*/ .productsearchresult .search-results .search-result-items .grid-tile .product-tile .product-image .quickview-btn { /*display: none !important;*/ } /* Apercu edition panier */ .item-list .cart-row td .item-user-actions .edit-grey { display: none !important; } /**** Chanel & Dior ****/ .pdp-main .cart-action, { margin-top: 10px; } .pdp-main .container-availability { margin-top: 20px; } /**** Chanel ****/ .brand-dior #advantages h3, .brand-dior #advantages p { font-family: 'Arial' !important; } /**** Dior ****/ .brand-dior #advantages h3, .brand-dior #advantages p { font-family: 'CenturyGothic' !important; } /**** Dior Backstage ****/ .brand-diorbackstage .pdp-main .cart-action button.add-to-cart, .brand-diorbackstage .pdp-main .backinstock-container .backinstock-displayform, .brand-diorbackstage .pdp-main .cart-action button.add-to-cart, .brand-diorbackstage .pdp-main .backinstock-container .backinstock-displayform { background: black; } /**** Blog ****/ .blog #wrapper {max-width: 100%;} .blog #wrapper #main {max-width: 1200px;margin: auto;} /*.blog .blog-search input[type=text], .blog form[name=subscribe-showPopin] .form-row input[type=text] { background: white; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 8px; } .blog form[name=subscribe-showPopin] .form-row input[type=text] { padding: .667em .813em; } */ .blog .newsletter-include .newsletter-subscribe button { width: 30%; background: black; color: white; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border: solid 1px black; } .blog .blog-search fieldset { background: #fff; border-radius: 4px; } .blog .header-search input[type=submit] { position: absolute; top: 0; right: 0; width: 33px; height: 100%; opacity: 1; z-index: 24; background-color: #e30613 !important; display: block; border: 0; color: #e30613; overflow: hidden; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .blog .header-search form :after { font-size: 15px; color: #ffffff; top: 9px; right: 8px; border-left: 0; background: transparent !important; z-index: 25; }