/* Title: CSS Mobile Sections Content: m-mc.less : xxx m-ap.less : xxx m-mg.less : xxx m-pc.less : xxx m-searchstore.less : xxx */ /* ---[ LESS IMPORT ]------------------------------- */ /* Tablet and Desktop (Landscape and Portrait) - Permettre la vue mobile sur desktop Phone (Landscape and Portrait) */ /*Big Circle Iĉone*/ /*Landing (avec Corde) - Medium Circle Iĉone*/ /*Small Circle Iĉone*/ /*Advantage Icône*/ /* ---[ Media Qeries Mobile Device ]------------------------------- */ @media /*Tablet + Desktop (Landscape & Portrait)- Permettre la vue mobile sur desktop*/ only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 700px), only screen and ( min--moz-device-pixel-ratio: 1) and (max-width: 700px), only screen and ( -o-min-device-pixel-ratio: 1/1) and (max-width: 700px), only screen and ( min-device-pixel-ratio: 1) and (max-width: 700px), only screen and ( min-resolution: 72dpi) and (max-width: 700px), only screen and ( min-resolution: 1dppx) and (max-width: 700px), /* Phone (Landscape & Portrait)*/ only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px), only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 700px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 700px), only screen and ( min-device-pixel-ratio: 2) and (max-width: 700px), only screen and ( min-resolution: 192dpi) and (max-width: 700px), only screen and ( min-resolution: 2dppx) and (max-width: 700px) { /* *********************************** * [ mc.less ] * **************************************/ .icon-shortcut .ficon, .icon-sml .ficon { color: #004990; font-size: 1em; left: 5px; } .icon-med .ficon { visibility: hidden; } .icon-shortcut, .icon-sml, .icon-med { font-size: 1em; position: absolute; width: auto; height: auto; bottom: auto; } /*CTAService.ascx, BloodPressureMonitoring.aspx*/ .icon-shortcut-teaser.localisation-icon, .icon-shortcut-teaser.airmiles-card-icon, .icon-shortcut-teaser.iphonephoto-card-icon, .icon-shortcut-teaser.print-photo { display: block; margin: 0 auto; width: 90px; } /*Service big*/.service-icon-basket .icon-circle, .service-icon-delivery .icon-circle, .service-icon-renouvellement .icon-circle, .service-icon-dossier-sante .icon-circle, .service-icon-circulaire .icon-circle, .service-icon-warranty .icon-circle, .front-store .icon-circle, .sante-icon-dictionnary .icon-circle, .sante-icon-mobile .icon-circle, .service-icon-notifications .icon-circle { display: none; } .service-icon-basket .ficon-circle .ficon, .service-icon-delivery .ficon-circle .ficon, .service-icon-renouvellement .ficon-circle .ficon, .service-icon-dossier-sante .ficon-circle .ficon, .service-icon-circulaire .ficon-circle .ficon, .service-icon-warranty .ficon-circle .ficon, .front-store .ficon-circle .ficon, .sante-icon-dictionnary .ficon-circle .ficon, .sante-icon-mobile .ficon-circle .ficon, .service-icon-notifications .ficon-circle .ficon { top: 10px; } .service-icon-prescription .icon-circle { display: none; } .service-icon-prescription .ficon-circle .ficon { top: 10px; font-size: .70em; left: 10px; } .service-icon-basket .ficon-circle .ficon { font-size: 0.923em; } .service-icon-delivery .ficon-circle .ficon { left: 4px; font-size: 1.08em; } .service-icon-warranty .ficon-circle .ficon { font-size: 1em; } .service-icon-renouvellement .ficon-circle .ficon { font-size: 0.923em; } .service-icon-dossier-sante .ficon-circle .ficon { font-size: 0.923em; } .service-icon-circulaire .ficon-circle .ficon { font-size: 0.923em; } .front-store .ficon-circle .ficon { font-size: 0.923em; } .sante-icon-dictionnary .ficon-circle .ficon { font-size: 0.923em; } .service-icon-notifications .ficon-circle .ficon { font-size: 0.923em; } .sante-icon-mobile .ficon-circle .ficon { font-size: 0.923em; } /*Sante*/ .sante-icon-mobile .ficon-circle .ficon, .sante-icon-phone .ficon-circle .ficon, .sante-icon-preautorise .ficon-circle .ficon, .sante-icon-dossiersante .ficon-circle .ficon, .sante-icon-dossiersante-2014 .ficon-circle .ficon, .front-store .ficon-circle .ficon, .service-icon-notifications .ficon-circle .ficon, .sante-icon-dictionnary .ficon-circle .ficon { color: #15c377; } /* Box avec dégrader à l'intérieur et coin rond */ .rounder-box { background: #f3faff; } .rounder-box .rounder-box-content { padding-top: 20px; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .rounder-box.flag-box.landing-flag, .rounder-box.flag-box.photo-flag { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; background: none; } .rounder-box.small-box { min-height: 0; margin-right: 0; } .rounder-box.small-box .rounder-box-content { padding: 10px; } .rounder-box.small-box .rounder-box-content .sub-title { margin-bottom: 10px; } .rounder-box .box-left { left: auto; right: 15px; } .rounder-box .box-left .text { display: table-cell; height: 44px; vertical-align: middle; width: 33px; } .rounder-box .box-left .text .ficon { font-size: 1.538em; display: inline-block; vertical-align: middle; } .rounder-box.flag-box .box-right { margin-left: 0; } .rounder-box.fluid .shortcut-3columns-icon li { width: 100%; } /*** * Theme Package styles ***/ .theme-package-content .product-list .theme-name, .theme-package-content .product-list .theme-description { display: none; } .theme-package-content .product-list .other-links { padding: 0; } .theme-package-content .product-list .other-links .strong a { display: block; margin-bottom: 15px; padding-bottom: 15px; color: #000000; font-size: 1.154em; border-bottom: 1px dotted #004990; } .theme-package-content .product-list .other-links .strong a .ficon { display: inline-block; *display: inline; float: right; color: #cccccc; } .theme-package-wrapper { border: 0; background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .theme-package-wrapper .category-link { position: relative; right: 0; text-align: center; margin: 0; top: 0; } .theme-package-wrapper .theme-package-content { padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .theme-package-wrapper .theme-package-content h1 { padding-left: 0px; } .theme-package-wrapper .theme-package-content .image-header { max-height: 230px; overflow: hidden; position: relative; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #b3bfc5; border-bottom: 1px solid #b3bfc5; border-left: 1px solid #b3bfc5; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjNmOSIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 243, 249, 0.45)), color-stop(100%, rgba(255, 255, 255, 0.45))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* W3C */ } .theme-package-wrapper .theme-package-content .image-header img { width: 100%; max-height: 230px; } .theme-package-wrapper .theme-package-content .top-bar { position: absolute; width: 100%; height: 10px; top: 28px; left: 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-color: #db003d; } .theme-package-wrapper .theme-package-content .product-list.product-promo .theme-name { display: block !important; padding: 15px 0; } .theme-package-wrapper .theme-package-content .product-list.product-promo .theme-name a { color: #000; } .theme-package-wrapper .theme-package-content .product-list.product-promo .theme-name .arrow { display: inline-block; float: right; color: #ccc; } .theme-package-wrapper .theme-package-content .product-list.product-promo li { border-bottom: 1px dotted #004990; } .theme-package-wrapper .theme-package-content .product-list { margin-bottom: 20px; text-align: left; } .theme-package-wrapper .theme-package-content .product-list > li { float: none; text-align: left; min-height: 0; background: none; width: 100%; } .theme-package-wrapper .theme-package-content .product-list > li > a { display: none; } .items-detail .item-inline-enums { margin-bottom: 0; } .items-detail .item-inline-enums td { display: inline-block; *display: inline; width: 100%; /*Les td et tr ne supporte pas bien les paddings, donc utilise une bordure transparente*/ border-bottom: 1px solid #ccc; margin-bottom: 12px; } .items-detail .item-inline-enums td a.sample-img { float: left; display: block; *display: block; width: 16.6666%; line-height: 1em; } .items-detail .item-inline-enums td a.sample-img .td-link-image { width: auto; } .items-detail .item-inline-enums td span.content { float: right; display: block; *display: block; width: 80.3%; margin: 0 0 10px 0; } .items-detail .item-inline-enums td.last { width: 100%; border-bottom: none; } .in-package-details p { margin-bottom: 1.4em; } .in-package-details .package-description { float: none; width: 100%; padding-right: 0; background: none; } .in-package-details .sub-title-wrapper span.detail-note { float: left; width: 100%; text-align: left; } .in-package-details .related-package { display: none; } .in-package-details .main-content.right-sidebar .teaser h2 { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 21px; padding-bottom: 13px; padding-right: 0; } .in-package-details .main-content.right-sidebar > h1, .in-package-details .main-content.right-sidebar > p, .in-package-details .main-content.right-sidebar > div { padding-right: 0; } .in-package-details .buying-faq-wrapper { float: none; margin-left: 0; width: 100%; } .in-package-details .buying-faq-wrapper .buying-faq { padding: 0; } .in-package-details .buying-faq-wrapper .buying-faq .btn-cta { text-align: left; padding-right: 30px; margin-right: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-bottom: none; } .in-package-details .buying-faq-wrapper .buying-faq .btn-cta .ficon { position: absolute; right: 10px; } .in-package-details .buying-faq-wrapper .buying-faq .btn-cta.anchor-expanded { border-bottom: 1px solid #b0cdd7; } .in-package-details .buying-faq-wrapper .buying-faq.first .btn-cta { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .in-package-details .buying-faq-wrapper .buying-faq.last .btn-cta { -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom: 2px solid #989898; } .in-package-details .buying-faq-wrapper .buying-faq.last .btn-cta.anchor-expanded { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-bottom: 1px solid #b0cdd7; } .in-package-details .buying-faq-wrapper .buying-faq .toggle-block.fn-content-expanded { padding: 15px 20px 10px 20px; border-right: 1px solid #b0cdd7; border-left: 1px solid #b0cdd7; border-bottom: 1px solid #b0cdd7; } /* Sub Title */ .sub-title-wrapper a.is-mobile-only { display: block; margin: 0; } .items-detail .sub-title-wrapper, .package-detail .sub-title-wrapper { margin-bottom: 0; border-bottom: none; } .sub-title.uc-red { font-size: 1.462em; color: #333333; text-transform: none; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } .sub-title.uc-red span { font-family: inherit; } /*** * Famous brands section ***/ .with-sidebar .famous-brands .brands-logo > li { width: 100%; } .famous-brands { position: relative; margin-bottom: 0; padding-bottom: 20px; } .famous-brands .sub-title-wrapper { margin-bottom: 0; border-bottom: none; position: relative; padding-bottom: 0; } .famous-brands .sub-title-wrapper .sub-title.uc-red { border-bottom: 1px solid #9c1853; padding-bottom: 8px; text-align: left; width: 100%; } .famous-brands .btn-cta { font-size: 1.154em; text-align: center; } .famous-brands .brands-logo { position: relative; font-size: 1.154em; border-bottom: none; padding-top: 5px; padding-bottom: 15px; } .famous-brands .brands-logo .arrow { display: inline-block; *display: inline; float: right; font-family: pjc-pictosregular, Verdana, Arial, Sans-Serif; color: #cccccc; } .famous-brands .brands-logo > li { vertical-align: top; float: none; padding: 14px 0 14px 0; margin-left: 0; width: 100%; min-height: 1em; text-align: left; border-bottom: 1px dotted #004990; } .famous-brands .brands-logo > li.last-item { border-bottom: none; } .famous-brands .brands-logo > li .brand-name { color: #333333; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; opacity: 1; } .famous-brands .brands-logo > li .brand-name span { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; color: #333; opacity: 1; } .famous-brands .brands-logo > li .brand-name span .arrow { color: #ccc; } .famous-brands .brands-logo .no-details .ficon.arrow { display: none; } /*Sheet*/ .sheet-wrapper { margin: 15px 0; background: none; } .sheet-wrapper.bloc-recent-advices { border: none; } .sheet-wrapper.bloc-recent-advices .box-left { width: 100%; margin-right: 0; padding-right: 0; background: none; } .sheet-wrapper.bloc-recent-advices .box-right { width: 100%; margin-top: 30px; } .sheet-wrapper.bloc-recent-advices .sheet-textbox, .sheet-wrapper.bloc-recent-advices .sheet-effect { border: 1px solid #D9D9D9; } .sheet-wrapper.bloc-recent-advices.wide .sheet-textbox { padding: 20px; } .sheet-wrapper .sheet-textbox, .sheet-wrapper .sheet-effect { background-color: transparent; border: none; } .sheet-wrapper .sheet-effect { display: none; } .sheet-wrapper.wide .sheet-textboxDS { padding: 0; } .sheet-wrapper .btn-cta { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .sheet-wrapper .sheet-textbox .title { font-size: 1.462em; } .sheet-wrapper .sheet-textbox p { margin-bottom: 1em; } /* ---[ Template 12000 - SiteInformationnel - PrescriptionRenewal.aspx ]------------------------------- */ #prescription-renewal .rounder-box .rounder-box-content, #blue-box .rounder-box .rounder-box-content { padding: 10px; } #prescription-renewal .rounder-box .rounder-box-content h2.color-soft, #blue-box .rounder-box .rounder-box-content h2.color-soft { padding-bottom: 20px; } #prescription-renewal .rounder-box .icon-text-inline .content, #blue-box .rounder-box .icon-text-inline .content { margin: 0 0 12px 0; padding: 0; background: none; } /* Box avec dégrader à l'intérieur et coin rond */ /* Icon à gauche + Text à droite */ .rounder-box .icon-text-inline .content p { display: none; } .rounder-box .icon-text-inline .content h3.title { padding: 0; } .coverflow .product-multi-sku .bt-wrapper { display: none !important; } .coverflow .product-multi-sku .product-multi-sku-list { margin: 0 20px 10px 20px; } #overlayChangePassword .overlay-change-password, #overlayDeleteAddress .overlay-delete-address, #overlayEditAddress .overlay-edit-address, #overlaySendToFriend .overlay-send-to-friend, #overlayAddToCart .overlay-checkout, #overlayLegal .overlay-popup, #faqOverlay .overlay-faq-group { padding: 0; overflow: hidden; margin: 13px; border: 0; min-height: 100px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; z-index: 9999; } #overlayChangePassword .overlay-change-password .section-wrapper, #overlayDeleteAddress .overlay-delete-address .section-wrapper, #overlayEditAddress .overlay-edit-address .section-wrapper, #overlaySendToFriend .overlay-send-to-friend .section-wrapper, #overlayAddToCart .overlay-checkout .section-wrapper, #overlayLegal .overlay-popup .section-wrapper, #faqOverlay .overlay-faq-group .section-wrapper { padding: 20px; background: #FFF; position: absolute; top: 53px; bottom: 0; left: 0; right: 0; height: auto; width: auto; overflow-x: hidden; overflow-y: scroll; -webkit-transform: scale3d(1, 1, 1); } #overlayChangePassword .overlay-change-password .section-wrapper .err-desc .err-exclam, #overlayDeleteAddress .overlay-delete-address .section-wrapper .err-desc .err-exclam, #overlayEditAddress .overlay-edit-address .section-wrapper .err-desc .err-exclam, #overlaySendToFriend .overlay-send-to-friend .section-wrapper .err-desc .err-exclam, #overlayAddToCart .overlay-checkout .section-wrapper .err-desc .err-exclam, #overlayLegal .overlay-popup .section-wrapper .err-desc .err-exclam, #faqOverlay .overlay-faq-group .section-wrapper .err-desc .err-exclam { top: -10px; right: -10px; } /* JLL : STYLE IDÉAL POUR UN OVERLAY.*/ #overlayLegal .overlay-popup .legal { height: auto !important; } #overlayLegal .overlay-popup .legal > h1 { display: none; } body.no-transform #overlayChangePassword .overlay-change-password, body.no-transform #overlayDeleteAddress .overlay-delete-address, body.no-transform #overlayEditAddress .overlay-edit-address, body.no-transform #overlaySendToFriend .overlay-send-to-friend, body.no-transform #overlayAddToCart .overlay-checkout, body.no-transform #faqOverlay .overlay-faq-group { position: absolute; } body.no-transform #overlayChangePassword .overlay-change-password .section-wrapper, body.no-transform #overlayDeleteAddress .overlay-delete-address .section-wrapper, body.no-transform #overlayEditAddress .overlay-edit-address .section-wrapper, body.no-transform #overlaySendToFriend .overlay-send-to-friend .section-wrapper, body.no-transform #overlayAddToCart .overlay-checkout .section-wrapper, body.no-transform #faqOverlay .overlay-faq-group .section-wrapper { -webkit-transform: none !important; -webkit-overflow-scrolling: auto !important; position: absolute; } #health-notes .see-notes a { padding: 0; background: #0090d2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-top: 1px solid #8eceeb; width: 96%; padding: 15px 2%; text-align: center; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75); -o-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75); } #health-notes .see-notes a .dots { padding: 0; background: none; } #health-notes .see-notes a .dots .ficon { margin: 0; position: absolute; right: 0; top: 50%; width: auto; display: block; font-size: 1.538em; margin-top: -8px; } #health-notes .box-notes { padding: 15px 0; margin-bottom: 20px; border: 0; } #health-notes .box-notes ol { padding-left: 20px; } .promo-code .promo-code-edit { width: 100%; height: 33px; } #air-miles { background: none; padding-bottom: 0; margin-top: 15px; } #air-miles .air-miles-box { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #b3bfc5; background: none; min-height: 49px; padding-left: 0; padding-right: 0; position: relative; } #air-miles .air-miles-box .box-links { padding-left: 56px; padding-right: 10px; } #air-miles .air-miles-box .box-links .air-miles-icon { background: transparent url(/Templates/GJC/Styles/Images/Generic/Icons/air-miles-small.png) no-repeat 0 0; width: 35px; height: 35px; position: absolute; top: 50%; left: 10px; margin-top: -17px; } #air-miles .air-miles-box .box-links .number { display: none; line-height: 27px; font-size: 1.538em; } #air-miles .air-miles-box .box-links .btn-mobile-edit, #air-miles .air-miles-box .box-links .btn-mobile-confirm { font-size: 25px; color: #fff; padding: 4px; background: #0090d2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 2px 0px #000000 0; -webkit-box-shadow: 0px 1px 2px 0px #000000 0; -o-box-shadow: 0px 1px 2px 0px #000000 0; box-shadow: 0px 1px 2px 0px #000000 0; vertical-align: middle; top: 10px; right: 6px; position: absolute; } #air-miles .air-miles-box .box-links .air-miles-edit { display: none; width: 100%; height: 33px; } #air-miles .air-miles-box .box-links.error-wrapper { padding-top: 40px; } #air-miles .air-miles-box .box-links.error-wrapper .btn-mobile-edit, #air-miles .air-miles-box .box-links.error-wrapper .btn-mobile-confirm { top: 40px; } #payment { overflow-x: hidden; } #payment .intro-header { margin-right: -10px; margin-bottom: 10px; } #payment .nav-header { margin-top: 20px; margin-bottom: 10px; } #payment form.two-col .province-select-wrapper { position: relative; } #payment form.two-col .province-select-wrapper select { width: 100%; height: 34px; text-indent: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid #ccc; background: #fff; } #payment form.two-col .province-select-wrapper .ficon { display: block; width: 34px; height: 24px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } #payment form.two-col .input-wrapper { margin-left: 0; } #payment form.two-col .input-wrapper input { width: 100%; padding: 6px 10px 6px; height: auto; } #payment form.two-col .input-wrapper .select-wrapper { width: 48%; margin: 0 0 0 4%; float: left; position: relative; } #payment form.two-col .input-wrapper .select-wrapper:first-child { margin: 0; } #payment form.two-col .input-wrapper .select-wrapper select { width: 100%; height: 34px; text-indent: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid #ccc; background: #fff; -webkit-appearance: none; } #payment form.two-col .input-wrapper .select-wrapper .ficon { display: block; width: 34px; height: 24px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } #payment form.two-col .input-wrapper .ecom-button { background: #e2114b; text-align: center; padding: 15px 10px; position: relative; } #payment form.two-col .input-wrapper .ecom-button .ficon { position: absolute; top: 12px; right: 10px; font-size: 1.692em; } #payment form.two-col .credit-card { padding-bottom: 0; margin-bottom: 0; background: none; } #payment form.two-col .credit-card iframe { display: none; visibility: hidden; } #payment form.two-col .credit-card .input-header { margin-bottom: 20px; } #payment form.two-col .credit-card .bloc-title { display: inline-block; vertical-align: middle; font-size: 1.154em; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; margin-bottom: 4px; } #payment form.two-col .credit-card .bloc-title.allowed-card { float: left; line-height: 24px; } #payment form.two-col .credit-card .credit-card-logo { display: inline-block !important; vertical-align: middle; margin-left: 4px; } #payment form.two-col .credit-card .cvc { width: 48%; } #my-account .col-3.air-miles #air-miles-confirmation .box-links { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } #my-account .intro-header { margin-right: -10px; margin-bottom: 20px; margin-top: -18px; } .tree-cols.shipping-summary { width: 100%; background: none; } .tree-cols.shipping-summary > div { float: none; width: 100%; margin-left: 0; } .tree-cols.shipping-summary > div.col-3.air-miles { margin-bottom: 0; } .tree-cols.shipping-summary > div p { border-top: 1px solid #b3bfc5; } .tree-cols.shipping-summary > div p.first { border-top: none; } .tree-cols.shipping-summary > div > h2 { border-bottom: 0; } #cart .availability a { margin-top: 0px; } #cart .availability-icon { padding: 0; } #cart .details-summary .tree-cols.shipping-summary .col-3 { margin-bottom: 15px; } #cart .cart-resume { padding: 0; width: 100%; background: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #cart .cart-resume .rounded-button .rounded-button-wrapper { padding-right: 36px; } #cart .cart-resume .total-ecofees { float: left; } #cart .my-products table .button-row .first-cell { display: block; } #cart .my-products table .product-item { position: relative; overflow: visible; } #cart .my-products table .product-item .product-preview { width: 17%; height: auto; } #cart .my-products table .product-item .product-preview img { padding-top: 0; width: 100%; } #cart .my-products table .product-item .product-item-description { width: 43%; min-width: 100px; margin-top: 0 !important; margin-left: 0 !important; } #cart .my-products table .product-item .product-item-description .hd-color { margin-top: 0; display: block; } #cart .my-products table .product-item .product-item-description .product-thumb .hd-color-img { position: absolute; } #cart .my-products table .product-item .product-item-description .product-thumb .hd-color-text { float: left; margin-left: 25px; width: auto; } .show-room { background: none; padding-bottom: 0; padding-top: 0; margin-top: 0; } .show-room .nav-wrapper { padding-top: 15px; } .show-room .nav-wrapper .nav-pointer-wrapper { -webkit-transform: none !important; display: none; } .show-room .nav-wrapper .nav-pointer-wrapper .nav-pointer { width: 7.2%; } .show-room .nav-wrapper .controls-nav li { width: 14.2857%; background: none; padding: 0; } .show-room .controls-nav { display: block; } .show-room .product-details { padding-left: 0; } .show-room .product-details .fees-info { margin-left: 0; } .show-room .product-details .free-delivery { margin-left: 0; margin-top: 15px; } .show-room .product-details .photo-carousel { display: block; position: relative; top: auto; left: auto; border: none; -webkit-border-radius: opx; -moz-border-radius: opx; border-radius: opx; box-shadow: none; width: 100%; padding: 0 0 12px 0; } .show-room .product-details .photo-carousel .photo-viewer { width: 100%; height: auto; } .show-room .product-details .photo-carousel .photo-viewer img, .show-room .product-details .photo-carousel .photo-viewer .fn-slide { width: 100%; } .show-room .product-details .photo-carousel .photo-viewer .fn-slide { cursor: auto; } .show-room .product-details .photo-carousel .bottom-sep { border-bottom: 2px solid #929699; position: absolute; bottom: 0; left: 0; width: 100%; margin-left: -12px; padding-right: 24px; } .show-room .product-details .photo-carousel .product-multi-sku-list select { width: 100%; height: 34px; text-indent: 5px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid #ccc; border-bottom: 2px solid #999; background: #fff; color: #333; -webkit-appearance: none; } .show-room .product-details .photo-carousel .product-multi-sku-list .ficon { display: block; width: 34px; height: 22px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; border-bottom: 2px solid #005d95; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } .show-room .product-details .photo-carousel .product-multi-sku { display: block; margin-top: 13px; } .show-room .product-details .photo-carousel .product-multi-sku .fn-carousel-container { display: block; position: relative; } .show-room .product-details .photo-carousel .product-multi-sku.product-slider-with-nav { margin: 13px auto 0; width: 80.2%; } .show-room .product-details .photo-carousel .product-multi-sku .bt-wrapper { display: none !important; } .show-room .product-details .photo-carousel .product-multi-sku .controls-prev, .show-room .product-details .photo-carousel .product-multi-sku .controls-next { display: block; margin-top: 0; top: auto; bottom: 12px; } .show-room .product-details .photo-carousel .product-multi-sku .controls-prev { left: -8px; } .show-room .product-details .photo-carousel .product-multi-sku .controls-next { right: -8px; } .show-room .product-details .photo-carousel .product-multi-sku .fn-slide { width: 100%; } .show-room .product-details .photo-carousel .product-multi-sku ul { text-align: center; } .show-room .product-details .photo-carousel .product-multi-sku ul li { float: left; width: 14.2857%; } .show-room .product-details .photo-carousel .product-multi-sku ul li .brand-box img { background: none; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; } .show-room .product-details .photo-carousel .soldout-wrapper { z-index: 2; } .show-room .product-details .photo-carousel .soldout-wrapper img, .show-room .product-details .photo-carousel .nav-pointer-wrapper { width: 100%; } .show-room .product-details .main-info { background: none; border-bottom: 1px solid #ccc; } .show-room .product-details .main-info .availability-info .price-box { width: 60%; float: none; } .show-room .product-details .main-info .availability-info .rounded-button { padding: 13px 0 12px 0; text-indent: 60px; margin: 14px 0; font-size: 1.23em; } .show-room .product-details .main-info .availability-info .rounded-button .ficon { position: absolute; color: #fff; left: -41px; top: 10px; } .show-room .product-details .main-info .availability-info .product-multi-sku-list-format { height: 34px; } .show-room .product-details .main-info .availability-info .quantity-select { position: relative; display: inline-block; *display: inline; } .show-room .product-details .main-info .availability-info .quantity-select.format { position: absolute; right: 0; margin-top: 5px; } .show-room .product-details .main-info .availability-info .quantity-select .select-format, .show-room .product-details .main-info .availability-info .quantity-select #quantity { width: 70px; height: 34px; text-indent: 10px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid #ccc; border-bottom: 2px solid #999; background: #fff; padding-top: 0px; -webkit-appearance: none; } .show-room .product-details .main-info .availability-info .quantity-select .select-format { width: 140px; margin-top: 0; } .show-room .product-details .main-info .availability-info .quantity-select #quantity { width: 70px; } .show-room .product-details .main-info .availability-info .quantity-select .ficon { display: block; width: 34px; height: 22px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; border-bottom: 2px solid #005d95; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } .show-room .product-details .main-info .availability-info .availableBlock { background: none; margin-top: 5px; } .show-room .product-details .main-info .availability-info .availableBlock .availability-status { clear: none; float: none; width: 100%; } .show-room .product-details .main-info .availability-info .availableBlock .basket-quantity { text-align: left; margin-left: 0; } .show-room .product-details .main-info .availability-info .availableBlock .field-row { position: absolute; margin: 0; padding: 0; top: 15px; right: 0; } #overlayEditAddress.overlay .desc { padding-left: 0; margin-bottom: 20px; } #checkout-confirm .intro-header { padding-left: 10px; } #checkout-confirm .desc { width: 100%; margin-top: 20px; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1.154em; color: #333; } #checkout-confirm .cart-shipping { width: 100%; background: none; margin-left: 0; padding-left: 0; margin-top: 30px; } #checkout-confirm .cart-shipping .cart-shipping-info { padding-bottom: 20px; } #checkout-confirm .cart-shipping .cart-shipping-info .cart-shipping-info-progress { padding-bottom: 10px; } #checkout-confirm .cart-shipping .btn-interface-4-corners { margin-top: 20px; } .related-package .more-package .sub-title-wrapper { text-align: left; margin-bottom: 10px; border-bottom: none; } .related-package .more-package .sub-title-wrapper h2.sub-title, .related-package .more-package .sub-title-wrapper h3.sub-title { font-size: 1.154em; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } .related-package .more-package .sub-title-wrapper h2.sub-title, .related-package .more-package .sub-title-wrapper h3.sub-title { float: none; width: 100%; } .related-package .more-package .box-price { display: none !important; } .related-package .more-package .results .product-item { float: none; width: 100%; text-align: left; margin-bottom: 0; } .related-package .more-package .results .product-item .product-preview { display: none; } .related-package .more-package .results .product-item.first .product-item-link { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .related-package .more-package .results .product-item.last .product-item-link { -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .related-package .more-package .results .product-item .product-item-link { display: block; padding: 13px; margin: 0; border: 1px solid #b0cdd7; text-decoration: none; width: auto; background: #fbfcfe url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmVhZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7fafd 0%, #dfeaf5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7fafd), color-stop(100%, #dfeaf5)); background: -webkit-linear-gradient(top, #f7fafd 0%, #dfeaf5 100%); background: -o-linear-gradient(top, #f7fafd 0%, #dfeaf5 100%); background: -ms-linear-gradient(top, #f7fafd 0%, #dfeaf5 100%); background: linear-gradient(to bottom, #f7fafd 0%, #dfeaf5 100%); } .related-package .more-package .results .product-item .product-item-link:hover, .related-package .more-package .results .product-item .product-item-link:focus { text-decoration: none; background: #fff; } .related-package .more-package .results .product-item .product-item-link:active { -moz-box-shadow: inset 4px 5px 10px 0px #bfd3e8; -webkit-box-shadow: inset 4px 5px 10px 0px #bfd3e8; -o-box-shadow: inset 4px 5px 10px 0px #bfd3e8; box-shadow: inset 4px 5px 10px 0px #bfd3e8; } .related-package .more-package .results .product-item .product-item-description .product-brand, .related-package .more-package .results .product-item .product-item-description .product-name { font-size: 1.154em; } /* Tag Promo Box : Special Offer */ .tag-promo-box .tag-promo .tag-promo-blue { position: relative; top: 0; } .tag-promo-box .content { padding: 12px; font-size: 1.154em; } /*** * Buy Online advantages user control styles ***/.online-advantages-wrapper { width: auto; padding: 0; margin: 0; background-color: #f3faff; border: 1px solid #cad0d4; border-radius: 3px; } .online-advantages-wrapper .buy-online-cart-stamp { display: none; } .online-advantages-wrapper .advantage-block { display: inline-block; *display: inline; border-bottom: 1px solid #cad0d4; width: 100%; padding: 0; min-height: 80px; font-size: 1.154em; } .online-advantages-wrapper .advantage-block a { display: block; padding: 20px 20px 20px 80px; font-size: 1.154em; } .online-advantages-wrapper .advantage-block a span.link { font-size: 0.769em; } .online-advantages-wrapper .advantage-block .ficon-circle { top: 22px; left: 13px; font-size: 3.077em; } .online-advantages-wrapper .advantage-block.air-milles .advantage-icon { top: 24px; left: 15px; } .online-advantages-wrapper .advantage-block.transaction { width: 100%; } .online-advantages-wrapper .advantage-block.transaction .ficon-circle .ficon { top: -2px; left: 0; } /*Programme recompense air-miles*/ #air-miles-section .btn-cta { display: block; } #air-miles-section section { zoom: 1; z-index: 10; } .section-wrapper .page-content { width: 100%; z-index: 1000; } .section-wrapper .photo-teaser-pic { position: relative; text-align: center; } .section-wrapper .photo-teaser-pic img { width: 50%; padding-bottom: 1em; display: inline-block; } .section-wrapper .photo-teaser-text { width: 100%; margin-left: 0; margin-right: 0; } .section-wrapper.step2 .intro-header { padding-left: 10px; margin-right: 0; margin-bottom: 20px; } #health-file .section h2 { padding-bottom: 5px; } #health-file #login-form-health-file .btn-interface-4-corners { margin-bottom: 10px; } #health-file #login-form-health-file .connection-problem { margin-left: 0; } #health-file .form-error { padding-bottom: 20px; } #health-file .form-error p { padding: 10px; } #health-file .rounder-box { border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: none; } #health-file .rounder-box .health-advantage { padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #health-file .rounder-box .health-advantage h2 { font-size: 1em; color: #004990; padding-bottom: 14px; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; margin-right: 0; text-align: left; position: relative; } #health-file .rounder-box .health-advantage h2.btn-cta { cursor: pointer; cursor: hand; } #health-file .rounder-box .health-advantage h2.btn-cta.anchor-expanded { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom: none; } #health-file .rounder-box .health-advantage h2 .ficon { position: absolute; top: 50%; right: 8px; font-size: 0.846em; margin-top: -6px; } #health-file .rounder-box .health-advantage h3.title { padding-bottom: 15px; line-height: 1.25em; } #health-file .rounder-box .health-advantage ul { border: 1px solid #B0CDD7; border-bottom: 2px solid #989898; padding: 15px; } #health-file .rounder-box .health-advantage ul li .ficon-circle { display: inline-block; width: 50px; margin-left: 1px; margin-right: 0; } #health-file .rounder-box .health-advantage ul li .ficon-circle .ficon { left: 0; } #health-file .rounder-box .health-advantage ul li .ficon-circle.icon.dossier-sante-revenus .ficon { left: -3px; } #health-file .rounder-box .health-advantage ul li .content { display: inline-block; width: auto; padding: 0 0 8px 0; margin: 0 0 8px 0; width: 77%; background: none; } #health-file .rounder-box .health-advantage ul li .content p { display: block; } .product-details .light-button .icon { margin: 0; } /* Promoted Box : En vedette */ .product-item .product-preview img.sticker, .product-item .product-preview img.emballage { width: 75px; right: -6px; } .product-item .product-preview img.sticker { top: -5px; right: -6px; } .product-item .product-preview img.emballage { right: -8px; } .med-dictionary .dict-list-alpha-select { width: 100%; } .med-dictionary #divRecherche { position: relative; } .med-dictionary #divRecherche .input-wrapper { position: relative; } .med-dictionary #divRecherche .header-search-button { -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; } .med-dictionary #divRecherche #dict-search { width: 100%; min-width: inherit; } .med-dictionary #ulListeMedicament li { margin: 5px 0; } .med-dictionary .article-layout .med-file.column-content { width: 100%; } .med-dictionary .search { padding-bottom: 30px; } .med-dictionary .recent-advices { margin-top: 10px; } .med-dictionary .recent-advices h2.title { padding: 0; margin: 26px 0 10px 0; } .error-section .header-search-button { position: inherit; } #prepaid-cards-section h2 { margin-bottom: 10px; } #prepaid-cards-section .block-separator { border-bottom: none; padding-bottom: 13px; margin-bottom: 0; } #prepaid-cards-section .produitscartes { margin-bottom: 0; } #prepaid-cards-section .produitscartes .carte { width: 20%; padding: 0; float: left; min-height: 0; margin-right: 3%; } #prepaid-cards-section .produitscartes .carte img { width: 100%; height: auto; } #prepaid-cards-section .produitscartes .detailscartes { float: right; width: 77%; margin: 0; } #prepaid-cards-section .produitscartes .detailscartes h2 { margin-top: 0; } #prepaid-cards-section .produitscartes .detailscartes .link .btn-cta { margin-bottom: 10px; } #advice-landing .page-content .intro-header { margin-right: -10px; padding-right: 0; } #advice-landing .homecare-categories .rounder-box .icon-text-inline .text { margin: 0; } #advice-landing .homecare-categories .rounder-box .icon-text-inline .text p { display: block; } #advice-landing .homecare-categories .rounder-box .icon-text-inline .sub-title { margin-bottom: 0; } .promo-validation-dates { padding: 15px 0; } .promo-validation-dates p { padding-left: 10px; padding-right: 10px; } .product-details .product-photo .product-preview { width: 100%; } .store-select-action { position: relative !important; padding: 0; } .product-item .product-preview img.burst, .burst { top: 5px; right: 90px; } /* Page detail d'un produit*/ .item-count { color: #ccc; font-size: 0.769em; } .product-brand { display: block; font-family: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif; font-size: 0.923em; } .product-name { display: block; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1.154em; } .sub-menu-product-details { position: relative; display: inline-block; padding: 10px; border-left: 1px solid #ccc; } .s7Confirmation #confirmation-create-guest { width: 100%; } .s7Confirmation #confirmation-create-guest .confirmation-create-guest-content form.two-col .input-wrapper { margin-left: 0; } .s7Confirmation #confirmation-create-guest .confirmation-create-guest-content fieldset.extra-sep { padding-bottom: 25px; } .s7Confirmation #confirmation-create-guest .confirmation-create-guest-content .s7AccountGroup { width: 100%; } .s7Confirmation #confirmation-create-guest .confirmation-create-guest-content .s7AccountGroupInfos { margin-left: 0; width: 80%; } .s7Confirmation #confirmation-create-guest .confirmation-create-guest-content .step7-password-container input.password { width: 100%; } .s7Confirmation #confirmation-create-guest .confirmation-create-guest-content .step7-password-container .ecom-button { margin-left: 0; } .s7Confirmation #confirmation-create-guest .confirmation-create-guest-content .s7AccountReadOnly { padding-bottom: 16px; } .s7Confirmation .s7Personalize { width: 100%; padding-bottom: 20px; } .s7Confirmation .discoverOtherServices { width: 100%; } .discoverOtherServices { /* JLL : Fix temporaire pour afficher un titre. Pourra être retirer si les éléments (rounder-box), on maintenant un H1 visible. */ } .discoverOtherServices .icon-shortcuts-wrapper .rounder-box-content h1, .discoverOtherServices .icon-shortcuts-wrapper .rounder-box-content.fluid h1 { display: block; padding: 20px 15px; border-bottom: 1px solid #CAD0D4; } #mdp a.fn-submit { height: 42px !important; line-height: 39px; padding-left: 12px; } #mdp a.fn-toggle { padding-left: 10px; width: 95%; } #mdp a.fn-toggle:hover { background-color: #e4164f; /* THERE IS NO HOVER ON MOBILE */ padding-left: 10px; width: 95%; } #mdp div.fn-toggle-block { padding-top: 12px; } /* *********************************** * [ ap.less ] * **************************************/ .login .ecom-button { text-align: center; } .proposed-links .col-layout.cols-2 { width: 100%; } .proposed-links .title { padding: 0; background: none; font-size: 1.462em; } .proposed-links .title .modify { display: inline-block; font-size: 0.632em; } .proposed-links .store-form { margin: 0 0 5em; } .proposed-links-img-box { top: 0; bottom: auto; } .col-layout:first-child .proposed-links-box { margin-right: 0; } .proposed-links-box { height: auto; border: none; margin-left: 0; } .proposed-links-box .controls-nav { display: block; } .proposed-links-box .controls-prev, .proposed-links-box .controls-next { display: none; } .proposed-links-box .search-fieldset { position: absolute; top: 1px; left: 0; right: 0; } .proposed-links-box .search-fieldset input[type=search] { width: 100%; height: 34px; line-height: 14px; border-top: 1px solid #999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding-right: 40px; } .proposed-links-box .btn-interface .ficon, .proposed-links-box .header-search-button .ficon { font-size: 1em; display: block; } .proposed-links-box .btn-interface, .proposed-links-box .header-search-button { height: 18px; position: absolute; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .proposed-links-box .header-search-button { height: 34px; right: -2px; top: 0; } .proposed-links-box .phone-call, .proposed-links-box .modify { display: block; } .proposed-links-box .proposed-link-element { height: auto; padding: 1em 0 0 0; } .proposed-links-box .proposed-link-element .is-desktop-only:first-child { display: block; } .proposed-links-box .proposed-link-element .proposed-link-img-box .proposed-links-picture { width: 100%; position: relative; bottom: auto; right: auto; } .proposed-links-box .proposed-link-element .search-store .proposed-link-img-box { top: -17px; right: -12px; } .proposed-links-box .proposed-link-element .search-store .proposed-link-img-box .proposed-links-picture { max-width: 77px; } .proposed-links-box .proposed-link-element .search-store .is-mobile-only { display: block; } .proposed-links-box .proposed-link-element .search-store p { position: relative; z-index: 99; width: 76%; } .proposed-links-box .proposed-link-element .phone-call { font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.154em; } .proposed-links-box .proposed-link-element .phone-call .ficon { margin-right: 9px; padding-right: 9px; font-size: 1.384em; border-right: 1px solid #b0cdd7; vertical-align: middle; } .proposed-links-box .proposed-link-element .phone-call .btn-cta { padding: 3px 10px 3px 7px; } .proposed-links-box .copy { max-width: inherit; } .proposed-links-box .my-favorite-store .store-hours { width: 100%; } .free-forms .proposed-links-box { background: #f3faff; border: 1px solid #a3aeb3; padding-bottom: 32px; } .free-forms .proposed-links-box .copy, .free-forms .proposed-links-box .title { width: 100%; max-width: 100%; } .free-forms .proposed-links-box .proposed-link-element { overflow: hidden; margin-top: 160px; text-align: center; } .free-forms .proposed-links-box .proposed-link-element .proposed-link-img-box { top: 0; width: 100%; } .free-forms .proposed-links-box .proposed-link-element .proposed-link-img-box .proposed-links-picture { max-height: 160px; width: auto; height: 160px; } .free-forms .proposed-links-box p { display: none; } .free-forms .proposed-links-box .controls-prev, .free-forms .proposed-links-box .controls-next { display: none; } .free-forms .proposed-links-box .controls-nav { display: block; } /*** Layout de type Article - icones avec ficelle **/ .article-layout .cord { display: none; } .article-layout .column-content, .article-layout .contest-content, .article-layout .contactus-content { width: 100%; } .article-layout .contest-content { float: none; } .article-layout .contactus-content { padding-bottom: 0; border-bottom: none; } .article-layout .contactus-content .block-separator { padding-bottom: 0; } .overlay-send-to-friend .shared-item .main { font-size: 1em; min-height: 70px; padding: 10px 0 0 0; } .overlay-send-to-friend .shared-item img { padding: 20px 20px 0 0; width: 80px; } /*Page login*/ #divMainLogin.login { margin-top: 0; } #divMainLogin.login .form-error { margin-top: 20px; padding-bottom: 20px; } #divMainLogin.login .intro-header { margin-right: -10px; } #divMainLogin.login .login-option { background: none; border: none; margin-bottom: 0; } #divMainLogin.login .login-option .title { margin: 0; font-size: 1.154em; text-align: left; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; color: #333333; } #divMainLogin.login .login-option .title a { width: auto; font-size: 0.846em; } #divMainLogin.login .login-option .login-form { text-align: left; margin-bottom: 0; } #divMainLogin.login .login-option .login-form fieldset { width: 100%; background: none; } #divMainLogin.login .login-option .login-form .btn-interface-4-corners { width: auto; } #divMainLogin.login .login-option form.two-col .input-wrapper { margin-left: 0; } .confirmation-form .intro-header { margin-right: -10px; margin-bottom: 20px; } .confirmation-form .btn-interface-4-corners { width: auto; } form.two-col .userNotActive .intro-header { margin-right: -10px; margin-bottom: 20px; } form.two-col .userNotActive .input-wrapper { margin-left: 0; } form.two-col .userNotActive .input-wrapper .btn-interface-4-corners { width: auto; } .activationAlreadyDone .intro-header { margin-right: -10px; margin-bottom: 20px; } .activationAlreadyDone .input-wrapper { margin-left: 0; width: 100%; } .activationAlreadyDone .input-wrapper .btn-interface-4-corners { width: auto; } .login { width: auto; padding: 0 12px 0 12px; margin-top: 12px; min-height: auto; margin-bottom: 0; } .login .login-option { padding: 10px; } .login .login-option form.two-col input[type=email] { width: 100%; } .login .login-option form.two-col input[type=password] { width: 100%; } .results .product-item .box-price { font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; } .results .product-item .box-price.strike { font-size: 1.08em; line-height: 1.538em; position: absolute; left: 70px; } #partial-product-category .results .product-item { width: 49.9%; text-align: left; margin-bottom: 20px; } #partial-product-category .results .product-item.last { text-align: left; } #partial-product-category .results .product-item .product-preview { background: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; } #partial-product-category .results .product-item .product-preview img { max-height: 100px; padding-top: 0; margin: 0; } #partial-product-category .results .product-item .product-item-link { width: 100%; padding-top: 9px; } #medList #ulListeMedicament { min-height: 0 !important; } .flyer-section .intro-header { margin-right: -10px; padding-right: 0; border-bottom: 1px solid #cad0d4; } .flyer-section .RdactionNurun { margin-top: 10px; } .flyer-section h2.title { padding-bottom: 0; } .flyer-section .btn-share { position: absolute; display: block; font-size: 29px; width: auto; padding-top: 21px; color: #0090d2; cursor: pointer; right: 0; top: 0; padding: 16px; border-left: 1px solid #CADBE5; } .flyer-section .carousel-type-promo.carousel-wrapper { width: 100%; margin-left: 0; } .flyer-section .carousel-type-promo .carousel-element { width: 100%; height: auto; } .flyer-section .carousel-type-promo .carousel-text { width: auto; left: 0; float: none; } .flyer-section .carousel-type-promo .carousel-pic-ctn { width: 100%; float: none; padding-bottom: 10px; } .flyer-container-header .tab-nav ul li a { text-transform: none; } .coupons-section .intro-header { margin-right: -10px; padding-right: 0; border-bottom: 1px solid #cad0d4; } .coupons-section .RdactionNurun { margin-top: 10px; } .coupons-section h2.title { padding-bottom: 0; } .coupons-section .btn-share { position: absolute; display: block; font-size: 29px; width: auto; padding-top: 21px; color: #0090d2; cursor: pointer; right: 0; top: 0; padding: 16px; border-left: 1px solid #CADBE5; } .coupons-container-header .tab-nav ul li a { text-transform: none; } .tab-nav { border: 0; } .tab-nav ul { border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; display: -moz-box; display: -webkit-box; display: -ms-box; display: -ms-flexbox; -ms-flex-direction: row; } .tab-nav ul li { background: none; border-left: 1px solid #ccc; vertical-align: middle; display: -ms-box; box-flex: 1; -ms-box-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; box-sizing: border-box; -webkit-box-sizing: border-box; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; display: -moz-box; -moz-box-align: center; -moz-box-pack: center; display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: center; display: box; box-align: center; box-pack: center; } .tab-nav ul li:first-child { border-left: 0; } .tab-nav ul li a { color: #000; padding: 10px; font-size: 0.9em; text-align: center; box-flex: 1; -ms-box-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .tab-nav ul li.selected { background: #004990; padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tab-nav ul li.selected a { border: 0; padding: 10px; margin: 0; color: #fff; } .tab-search .tab-nav { padding: 0 10px 10px 10px; margin-left: -12px; margin-right: -12px; margin-bottom: 8px; background-color: #004990; border: 0; } .tab-search .tab-nav ul { border: none; } .tab-search .tab-nav ul li { border-top: 1px solid #5b8ab8; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tab-search .tab-nav ul li:first-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right: 1px solid #002f66; border-left: 1px solid #000; } .tab-search .tab-nav ul li a { color: #fff; text-transform: none; } .tab-search .tab-nav ul li a:hover, .tab-search .tab-nav ul li a:active { text-decoration: none; } .tab-search .tab-nav ul li.selected { background: #003a73; } #tab-search-container { margin-bottom: 30px; } .results-content { margin-left: 0; } .search-tips, .med-search .search-tips { padding-left: 0; padding-top: 120px; background-position: top center; } .search-tips .title, .med-search .search-tips .title, .search-tips .checklist li, .med-search .search-tips .checklist li { width: 100%; } /* SHOPPING MAGASINER PRODUCT LIST */ .search-results-header-wrapper { background: #004990; width: 100%; overflow: hidden; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .search-results-header-wrapper .frm-search { margin: 10px 0 10px 0; -webkit-transform: none !important; } .search-results-header-wrapper .frm-search #searchInput { width: 99%; } .results .no-results { padding: 12px; } .results.result-display-list { margin-left: -12px; margin-right: -12px; } .results.result-display-list .product-item { width: 100%; margin-top: -1px; text-align: left; margin-bottom: 0; border-bottom: 1px solid #ccc; min-height: 150px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjNmOSIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 243, 249, 0.45)), color-stop(100%, rgba(255, 255, 255, 0.45))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* W3C */ } .results.result-display-list .product-item.last, .results.result-display-list .product-item.first { text-align: left; } .results.result-display-list .product-item .product-preview { border: none; background: none; } .results.result-display-list .product-item .product-preview img { padding-top: 0; } .results.result-display-list .product-item .product-item-link { position: absolute; top: 5px; right: 15px; left: 165px; width: auto; } .results.result-display-list .product-item .product-item-description .product-brand { font-family: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif; font-size: 0.923em; } .results.result-display-list .product-item .product-item-description .product-name { font-family: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif; font-size: 1.154em; font-weight: bold !important; } .results.result-display-list .product-item .box-price { font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.23em; color: #333; } .results.result-display-list .product-item .box-price.discount { color: #db003d; } .results.result-display-list .product-item .box-price.strike { font-size: 1.08em; line-height: 1.384em; position: absolute; left: 70px; } /*SECTION MAGASINER AVEC AFFICHAGE EN 2 PAR 2*/.results.result-display-side-by-side { padding-top: 12px; } .results.result-display-side-by-side .product-item { width: 47%; height: 300px; margin: auto; float: left; margin-right: 3%; } .results.result-display-side-by-side .product-item.first { text-align: center; } .results.result-display-side-by-side .product-item.last { text-align: center; } .results.result-display-side-by-side .product-item .product-item-link { width: 100%; } .results.result-display-side-by-side .product-preview { width: 100%; height: 138px; } .results.result-display-side-by-side .product-preview .fn-product-image { padding-top: 0; max-width: 121px; position: absolute; left: 0; right: 0; bottom: 0; } /* HIDE SOME ELEMENT FROM THE PAGING MENU*/ .fn-show-product select { display: none; } .search-result-responsive { text-align: center; padding: 15px; } .search-result-responsive .btn-paging { display: inline-block; text-align: center; background-color: #0090d2; width: 38px; height: 36px; line-height: 38px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #8ba1b5; border-bottom: 2px solid #005d95; } .search-result-responsive .btn-paging.next, .search-result-responsive .btn-paging.prev { font-size: 1.154em; color: #fff; line-height: 38px; } .search-result-responsive .btn-paging.next { margin-left: 13px; } .search-result-responsive .btn-paging.prev { margin-right: 13px; } .search-result-responsive .btn-paging.not-clickable { background-color: #ccc; color: #eee; border: none; border: 1px solid #CCC; border-bottom: 2px solid #AAA; } .page-paging-containter { display: inline-block; border: 1px solid #cad0d4; border-bottom: 2px solid #8ba1b5; background-color: #f3faff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; top: -2px; } .page-paging-containter .btn-page-paging { display: inline-block; text-align: center; background-color: #f3faff; width: 38px; height: 36px; color: #004990; line-height: 38px; margin-right: -4px; font-size: 1.154em; font: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; border-right: 1px solid #cad0d4; } .page-paging-containter .btn-page-paging.last { border-right: none; } .page-paging-containter .btn-page-paging.active { background-color: #004990; color: #fff; margin-right: -4px; } .sort-block-responsive { background-color: #004990; padding: 10px; margin-left: -12px; margin-right: -12px; margin-top: -18px; } .sort-block-responsive .filter-panel { display: none; position: absolute; z-index: 8000; padding: 10px; background-color: #004990; width: auto; right: -12px; left: -12px; top: 0; } .sort-block-responsive .filtre-select { position: relative; } .sort-block-responsive .filtre-select .ficon { display: block; width: 34px; height: 24px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } .sort-block-responsive select { font-family: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif; font-size: 1.154em; width: 90%; background: transparent; -webkit-appearance: none; color: #333; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; } .sort-block-responsive .combo-box { overflow: hidden; width: 100%; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; height: 34px; line-height: 34px; padding: 1px 10px 0 10px; background-color: #fff; } .sort-block-responsive .filter-selection-zone { padding: 0; margin: 1px 0 0 0; height: 36px; } .sort-block-responsive .filter-selection-zone .filtre-select { float: left; width: 68%; } .sort-block-responsive .filter-combo-box { margin-bottom: 8px; } .sort-block-responsive .btn-cta { background: none; display: block; margin-bottom: 7px; margin-right: 0; font: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif; font-size: 1.154em; color: #fff; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border-top: 1px solid #5b8ab8; border-right: 1px solid #002f66; border-left: 1px solid #002f66; border-bottom: 2px solid #002f66; } .sort-block-responsive .btn-cta.fn-responsive-filter { background-color: #0d96d4; } .sort-block-responsive .btn-cta.fn-responsive-filter-cancel, .sort-block-responsive .btn-cta.fn-responsive-filter-clear { color: #004990; background-color: #f4faff; } .sort-block-responsive .btn-cta.fn-responsive-filter-clear { display: none; } .btn-search-result-responsive { background: none; background-color: #0d5296; font: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif; font-size: 1em; color: #fff; height: 35px; height: 33px; width: 38px; display: table; font-size: 1.769em; position: relative; border-top: 1px solid #5b8ab8; border-right: 1px solid #002f66; border-left: 1px solid #002f66; border-bottom: 2px solid #003e6b; } .btn-search-result-responsive.display-list-responsive, .btn-search-result-responsive.display-sidebyside-responsive { text-decoration: none; float: right; } .btn-search-result-responsive.display-list-responsive { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .btn-search-result-responsive.display-sidebyside-responsive { border-left: none; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .btn-search-result-responsive span { position: relative; display: table-cell; vertical-align: middle; text-align: center; padding-top: 2px; } .btn-search-result-responsive.display-sidebyside-responsive:focus, .btn-search-result-responsive.display-list-responsive:focus, .btn-search-result-responsive.display-sidebyside-responsive:hover, .btn-search-result-responsive.display-list-responsive:hover, .btn-search-result-responsive.display-sidebyside-responsive.selected, .btn-search-result-responsive.display-list-responsive.selected { border-top: 2px solid #00274e; border-bottom: 1px solid #5b8ab8; background-color: #003a73; } /* DICTIONAIRE DES MEDICAMENTS */ .dictPager { text-align: center; } .dictPager > a.first { border-top: 1px solid #CAD0D4; border-left: 1px solid #CAD0D4; border-bottom: 2px solid #8BA1B5; border-radius: 3px 0px 0px 3px; } .dictPager > a.last { border-top: 1px solid #CAD0D4; border-right: 1px solid #CAD0D4; border-bottom: 2px solid #8BA1B5; border-radius: 0px 3px 3px 0px; } .dictPager > a { background-color: #F3FAFF; border-top: 1px solid #CAD0D4; border-right: 1px solid #CAD0D4; border-bottom: 2px solid #8BA1B5; color: #004990; display: inline-block; font-size: 1.154em; height: 36px; line-height: 38px; text-align: center; width: 38px; position: relative; top: -1px; } .dictPager > span { display: none; } .dictPager > a.jp-current { background-color: #004990; color: #FFFFFF; } .dictPager > a.jp-previous, .dictPager > a.jp-next { border-color: #CAD0D4 #CAD0D4 #8BA1B5; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px 1px 2px; color: #004990; display: inline-block; font-size: 1.154em; height: 36px; line-height: 38px; text-align: center; width: 38px; background-color: #0090D2; color: #FFFFFF; top: 0px; } .dictPager > a.jp-previous { margin-right: 5px; } .dictPager > a.jp-next { margin-left: 5px; } .dictPager .jp-previous.jp-disabled, .dictPager .jp-next.jp-disabled { background-color: #CCCCCC; border-color: #CCCCCC #CCCCCC #AAAAAA; border-style: solid; border-width: 1px 1px 2px; color: #EEEEEE; } /* POUR LA PAGINATION DES COMMANDES */div.order-pagination { text-align: center; padding-top: 10px; } .order-pagination .prev { background-color: #CCCCCC; border-color: #CCCCCC #CCCCCC #AAAAAA; border-style: solid; border-width: 1px 1px 2px; color: #EEEEEE; } .order-pagination span.prev, .order-pagination span.next { background-color: #CCCCCC; border-color: #CCCCCC #CCCCCC #AAAAAA; border-style: solid; border-width: 1px 1px 2px; color: #EEEEEE; display: inline-block; font-size: 1.154em; height: 36px; line-height: 38px; text-align: center; top: 0; width: 38px; } .order-pagination .icon.previous-small.ficon, .order-pagination .icon.next-small.ficon { height: 38px; font-size: 1.154em; margin: 0; width: 20px; } .order-pagination > .prev { margin-right: 5px; } .order-pagination > .next { margin-left: 5px; } .order-pagination > .prev, .order-pagination > .next { background-color: #0090D2; border-color: #CAD0D4 #CAD0D4 #8BA1B5; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px 1px 2px; color: #FFFFFF; display: inline-block; font-size: 1.154em; height: 36px; line-height: 38px; text-align: center; top: 0; width: 38px; } .order-pagination li { background-color: #F3FAFF; border-top: 1px solid #CAD0D4; border-right: 1px solid #CAD0D4; border-bottom: 2px solid #8BA1B5; color: #004990; display: inline-block; font-size: 1.154em; height: 36px; line-height: 38px; text-align: center; width: 38px; position: relative; top: -1px; } .order-pagination li.current-page { background-color: #004990; color: #ffffff; } .order-pagination li:first-child { border-top: 1px solid #CAD0D4; border-left: 1px solid #CAD0D4; border-bottom: 2px solid #8BA1B5; border-radius: 3px 0px 0px 3px; } .order-pagination li:last-child { border-top: 1px solid #CAD0D4; border-right: 1px solid #CAD0D4; border-bottom: 2px solid #8BA1B5; border-radius: 0px 3px 3px 0px; } /* LA RECHERCHE de CONTENU */ .results-content .result .section-name { display: none; } .results-content .result p { margin-top: 0; } .results-content .result .title { line-height: 1.154em; } /* *********************************** * [ mg.less ] * **************************************/ html[lang="fr"] .fn-social-share .social-area .share.facebook { width: 73px; } html[lang="en"] .fn-social-share .social-area .share.facebook { width: 65px; } .social-area .share.twitter { margin: -1px 20px 0 0; width: auto; } .flyer-section .social-area .share.twitter { margin-right: 0; } .flyer-section .social-area .share.pinit { margin-right: 20px; } .coupons-section .social-area .share.twitter { margin-right: 0; } .coupons-section .social-area .share.pinit { margin-right: 20px; } .social-area .share.gplus { margin-right: 20px; width: auto; } .social-area .share.pinit { width: 40px; height: 20px; } .social-area .share.pinit img { height: 20px; } /***** Rounded box Promo with footer *****/ .rounder-box .icon-text-inline .content { padding: 0 0px 32px 5px; width: 74%; } .rounder-box .rounder-box-content { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .rounder-box .rounder-box-content .promo-pic { width: 40%; display: inline-block; vertical-align: middle; float: none; } .rounder-box .rounder-box-content.text-on-right, .rounder-box .rounder-box-content.text-on-left { display: inline-block; } .rounder-box .rounder-box-content.text-on-right .promo-text, .rounder-box .rounder-box-content.text-on-left .promo-text { left: 0; width: 55%; position: relative; vertical-align: middle; display: inline-block; float: none; } .rounder-box .rounder-box-content.text-on-right .promo-text .promo-teaser p, .rounder-box .rounder-box-content.text-on-left .promo-text .promo-teaser p { margin-bottom: 0; } .rounder-box .rounder-box-content.text-on-right .promo-text { margin-left: 3%; } .rounder-box .rounder-box-content.text-on-left .promo-text { margin-right: 3%; } .rounder-box .rounder-box-content .promo-title h1 { color: #004990 !important; font-size: 1.308em; } #coverflow, #overlay-large-preview { width: auto; border: 0; top: 12px !important; bottom: 12px; right: 12px; left: 12px !important; position: absolute; padding: 0; height: auto !important; -moz-box-shadow: 0px 0px 10px 0px #000000; -webkit-box-shadow: 0px 0px 10px 0px #000000; -o-box-shadow: 0px 0px 10px 0px #000000; box-shadow: 0px 0px 10px 0px #000000; background-size: 100% 100%; padding: 50px 5px 5px 5px; } #coverflow .preview-wrapper, #overlay-large-preview .preview-wrapper { height: 100%; width: 100%; overflow: hidden; position: relative; } #coverflow img, #overlay-large-preview img { max-width: 100%; height: auto; max-height: 70%; position: relative; top: 0; -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.75, transparent), to(#ffffff)); } #coverflow .controls-prev { left: 0; } #coverflow .controls-next { right: 0; } #coverflow .fn-carousel-container { width: 100%; padding: 0; } #coverflow .slide img { width: 100%; height: auto; } #coverflow .fn-carousel-container-multi { margin-left: 0px; } #coverflow.multi { width: 100%; height: auto; padding-top: 24px; } #coverflow .slides-wrapper-multi, #coverflow .slide { width: 100%; } #coverflow .slide.multi { height: auto; } #coverflow .product-multi-sku { float: none; text-align: center; width: 100%; } #coverflow .product-multi-sku ul { text-align: center; display: inline-block; position: relative; } #coverflow > a.close, #overlay-large-preview > a.close { right: 0; display: block; color: #0090d2; background: none; height: auto; width: auto; padding: 14px; z-index: 999; font-size: 2.153em; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; top: 0; } #overlayAddToCart, #overlaySendToFriend, #overlayChangePassword, #overlayDeleteAddress, #overlayEditAddress { width: 100%; } #overlayAddToCart section, #overlaySendToFriend section, #overlayChangePassword section, #overlayDeleteAddress section, #overlayEditAddress section { margin: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .overlay header h1 { background: #0090d2; border-bottom: 1px solid #005d95; padding: 16px 18px 16px 18px; color: #fff; } .overlay > a.close { display: none; } .overlay-send-to-friend form .field-row.with-big-label { padding-left: 0px; } .overlay-send-to-friend form .field-row.textarea-wrapper { padding: 0 16px; } .overlay-send-to-friend form .field-row.textarea-wrapper textarea { width: 98%; padding: 5px 2%; } .overlay-send-to-friend form .btn-wrapper { padding: 0 16px; } .overlay-send-to-friend form .field-row.with-big-label .error-wrapper input[type="text"], .overlay-send-to-friend form .field-row.with-big-label .error-wrapper input[type="email"], .overlay-send-to-friend form .field-row.with-big-label .error-wrapper input[type="password"] { width: 96%; } .overlay-send-to-friend form .field-row.with-big-label input[type="text"], .overlay-send-to-friend form .field-row.with-big-label input[type="email"], .overlay-send-to-friend form .field-row.with-big-label input[type="password"] { width: 98%; padding: 5px 2%; } .overlay-send-to-friend form .field-row label { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1.08em; } .overlay-send-to-friend .section-wrapper { padding: 0 !important; } .overlay-send-to-friend .section-wrapper header { border-bottom: 2px solid #8ba1b5; background: none; margin-bottom: 25px; } .overlay-send-to-friend header { margin-bottom: 0; } .overlay-send-to-friend header h1 { font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.538em; } .overlay-send-to-friend header .close { color: #c7edff; background: none; height: auto; width: auto; padding: 12px; z-index: 999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 2.153em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; right: 0; border-left: 1px solid #027bb9; position: absolute; cursor: pointer; } .overlay-send-to-friend header .close:hover { text-decoration: none; } .overlay-send-to-friend header .shared-item { padding: 0; width: 100%; background: #f3faff; } .overlay-send-to-friend header .shared-item .shared-item-wrapper { padding: 12px 30px 26px 30px; } .overlay-send-to-friend header .shared-item .product-item .product-preview { text-align: center; border: 0; background: none; } .overlay-send-to-friend header .shared-item .product-item .product-preview img { width: auto; height: 100%; max-width: 100%; } .overlay-send-to-friend header .shared-item .product-item .product-preview .title { margin-left: 0; float: none; vertical-align: middle; display: inline-block; width: 48%; } .overlay-send-to-friend .icon.success-msg { margin-left: -15px !important; } .overlay-send-to-friend .GJC_Carousel_Element .shared-item .title, .overlay-send-to-friend .GJC_StoreLocator_Detail .shared-item .title, .overlay-send-to-friend .GJC_Online_Flyer_Landing .shared-item .title { margin-left: 0; } .overlay-send-to-friend .GJC_Online_Flyer_Landing .shared-item .main { text-transform: none; } .overlay-send-to-friend .GJC_Online_Flyer_Landing .shared-item img { width: 78px; padding-bottom: 10px; } .intro-header { background: #f3faff; margin-left: -10px; border-bottom: 1px solid #cad0d4; margin-bottom: 0; margin-right: -10px; padding-right: 20px; } .intro-header h1 { font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.538em; padding-left: 10px; padding-top: 20px; padding-bottom: 20px; } .intro-header > div { display: none; } /* Mon Compte - Landing */ .intro-header.landing-account { margin-right: -10px; margin-bottom: 20px; } /* ---[ IconShortcuts.ascx ]------------------------------- */ .icon-shortcuts-wrapper { background: #f3faff; border-bottom: 2px solid #989898; } .icon-shortcuts-wrapper h2.title { padding: 0; color: #333333; } .icon-shortcuts-wrapper .rounder-box-content, .icon-shortcuts-wrapper .rounder-box-content.fluid { padding: 0; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; } .icon-shortcuts-wrapper .rounder-box-content h1, .icon-shortcuts-wrapper .rounder-box-content.fluid h1 { display: none; } .icon-shortcuts-wrapper .rounder-box-content .icon-anim, .icon-shortcuts-wrapper .rounder-box-content.fluid .icon-anim { font-size: 1.692em; left: 5px; top: 0; position: absolute; padding-top: 0; } .icon-shortcuts-wrapper .rounder-box-content .icon-shortcut, .icon-shortcuts-wrapper .rounder-box-content.fluid .icon-shortcut { top: 0; width: auto; height: auto; font-size: 1.08em; } .icon-shortcuts-wrapper .rounder-box-content .shadow, .icon-shortcuts-wrapper .rounder-box-content.fluid .shadow { display: none; } .icon-shortcuts-wrapper .rounder-box-content ul, .icon-shortcuts-wrapper .rounder-box-content.fluid ul { float: none; text-align: left; } .icon-shortcuts-wrapper .rounder-box-content ul li, .icon-shortcuts-wrapper .rounder-box-content.fluid ul li { float: none; width: 100%; padding: 0; margin: 0; background: none; border-top: 1px solid #cad0d4; padding: 13px 0; position: relative; } .icon-shortcuts-wrapper .rounder-box-content ul li .content h2.title, .icon-shortcuts-wrapper .rounder-box-content.fluid ul li .content h2.title { padding-bottom: 0; } .icon-shortcuts-wrapper .rounder-box-content ul li .content h2.title a, .icon-shortcuts-wrapper .rounder-box-content.fluid ul li .content h2.title a { display: block; margin-left: 45px; margin-right: 24px; font-size: 0.923em; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } .icon-shortcuts-wrapper .rounder-box-content ul li .content h2.title a .ficon, .icon-shortcuts-wrapper .rounder-box-content.fluid ul li .content h2.title a .ficon { position: absolute; top: 0; right: 5px; line-height: 42px; } .icon-shortcuts-wrapper .rounder-box-content ul li .content h2.title a:hover, .icon-shortcuts-wrapper .rounder-box-content.fluid ul li .content h2.title a:hover { text-decoration: none; } .icon-shortcuts-wrapper .rounder-box-content ul li .content.center, .icon-shortcuts-wrapper .rounder-box-content.fluid ul li .content.center { text-align: left; } .icon-shortcuts-wrapper .rounder-box-content ul li .content p, .icon-shortcuts-wrapper .rounder-box-content.fluid ul li .content p { padding-left: 14px; } .icon-shortcuts-wrapper .rounder-box-content ul li:first-child, .icon-shortcuts-wrapper .rounder-box-content.fluid ul li:first-child { border: none; } /* ---[ Création - Mon compte ]------------------------------- */ .register-content .intro-header { margin-right: -10px; padding: 0; } .register-content .btn-interface-4-corners { padding: 15px 10px; position: relative; } .register-content .btn-interface-4-corners .icon.continue { top: 13px !important; } .register-content .register-postit { width: 100%; padding: 0; height: auto; background-size: 100% 100%; margin: 20px 0; } .register-content .register-postit .register-postit-content { padding: 20px 0; } .register-content .form-with-side { width: 100%; padding-top: 17px; } .register-content #divPostIt { position: relative; left: 0; } .register-content form.two-col .input-wrapper { margin-left: 0; position: relative; } .register-content form.two-col .input-wrapper input { width: 100% !important; } .register-content form.two-col .input-wrapper #DaytimePhone { float: left; width: 70% !important; } .register-content form.two-col .input-wrapper #DaytimePhoneExt { width: 27% !important; margin: 0 0 0 3% !important; } .register-content form.two-col .input-wrapper .btn-interface-4-corners { width: auto; display: block; } .register-content form.two-col input[type="radio"] { width: auto !important; } .register-content form.two-col .field-row .radio-label-wrapper { width: 100%; text-align: left; float: none; } .register-content form.two-col .field-row .radio-input-wrapper { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .register-content form.two-col .field-row .radio-input-wrapper .padded-input { width: 94%; border-top: 1px solid #ccc; padding: 10px 3%; } .register-content form.two-col .field-row .radio-input-wrapper .padded-input:first-child { border: none; } .register-content form.two-col .field-row .lbl-wrapper { width: 100%; text-align: left; } .register-content form.two-col .field-row select { width: 100%; } .register-content form.two-col .field-row .air-miles { width: 80% !important; } .register-content form.two-col .field-row .btn-interface-4-corners { width: 96%; } .register-content form.two-col .check-input-wrapper { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .register-content form.two-col .check-input-wrapper .padded-input { border-bottom: 1px solid #ccc; padding: 10px; } .register-content form.two-col .check-input-wrapper .newsletter { height: 30px; } .register-content form.two-col .check-input-wrapper .newsletter .newsletterField { float: left; } .register-content form.two-col .check-input-wrapper .newsletter .newsletterLink { float: left; height: 15px; margin: 8px 0 0 10px; } .register-content form.two-col .store-search-input { position: relative; } .register-content form.two-col .store-search-input #ss_txtStoreSearch { width: 98% !important; padding-right: 37px; } .register-content form.two-col fieldset.extra-sep { padding-bottom: 20px; } .register-content .error-wrapper .err-exclam { background: none; top: -25px; right: -25px; } /* General Overlay - Title + Close button */ #overlayEditAddress .overlay-edit-address h1, #overlayChangePassword .overlay-edit-address h1, #overlayAddToCart .overlay-edit-address h1, #overlayDeleteAddress .overlay-edit-address h1, #overlayLegal .overlay-edit-address h1, .overlayMed .overlay-edit-address h1, #overlayEditAddress .changePasswordOverlay-form h1, #overlayChangePassword .changePasswordOverlay-form h1, #overlayAddToCart .changePasswordOverlay-form h1, #overlayDeleteAddress .changePasswordOverlay-form h1, #overlayLegal .changePasswordOverlay-form h1, .overlayMed .changePasswordOverlay-form h1, #overlayEditAddress .overlay-popup > h1, #overlayChangePassword .overlay-popup > h1, #overlayAddToCart .overlay-popup > h1, #overlayDeleteAddress .overlay-popup > h1, #overlayLegal .overlay-popup > h1, .overlayMed .overlay-popup > h1, #overlayEditAddress .overlay-checkout > h1, #overlayChangePassword .overlay-checkout > h1, #overlayAddToCart .overlay-checkout > h1, #overlayDeleteAddress .overlay-checkout > h1, #overlayLegal .overlay-checkout > h1, .overlayMed .overlay-checkout > h1, #overlayEditAddress .overlay-delete-address h1, #overlayChangePassword .overlay-delete-address h1, #overlayAddToCart .overlay-delete-address h1, #overlayDeleteAddress .overlay-delete-address h1, #overlayLegal .overlay-delete-address h1, .overlayMed .overlay-delete-address h1 { background: #0090d2; border-bottom: 1px solid #005d95; padding: 16px 60px 16px 18px; color: #fff; font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.462em; } #overlayEditAddress .close, #overlayChangePassword .close, #overlayAddToCart .close, #overlayDeleteAddress .close, #overlayLegal .close, .overlayMed .close, #overlayEditAddress .changePasswordOverlay-form .close, #overlayChangePassword .changePasswordOverlay-form .close, #overlayAddToCart .changePasswordOverlay-form .close, #overlayDeleteAddress .changePasswordOverlay-form .close, #overlayLegal .changePasswordOverlay-form .close, .overlayMed .changePasswordOverlay-form .close { font-family: pjc-pictosregular, Verdana, Arial, Sans-Serif; color: #c7edff; background: none; height: 24px; width: auto; padding: 14px; z-index: 999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 2.153em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; right: 0; border-left: 1px solid #027bb9; position: absolute; top: 0px; cursor: pointer; cursor: hand; text-decoration: none; } .overlay-warning { margin: 0 !important; width: 100%; text-align: center; } .overlay-warning .section-wrapper { display: block; margin: 13px; position: relative; } .overlay-warning .section-wrapper h1 { background: #0090d2; border-bottom: 1px solid #005d95; padding: 16px 60px 16px 18px; color: #fff; font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.462em; } .overlay-warning .section-wrapper a.close { font-family: pjc-pictosregular, Verdana, Arial, Sans-Serif; color: #c7edff; background: none; height: 24px; width: auto; padding: 14px; z-index: 999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 2.153em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; right: 0; border-left: 1px solid #027bb9; position: absolute; top: 0px; cursor: pointer; cursor: hand; text-decoration: none; } .overlay-warning .section-wrapper .overlay-warning-buttons { padding-left: 0; } .overlay-warning .section-wrapper .overlay-warning-buttons .btn-cta { margin-top: 10px; } .overlay-warning #overlayDeleteAddress .section-wrapper { padding: 20px; } .overlay-warning #overlayDeleteAddress .error-title { font-size: 1.23em; } .overlay-warning #overlayDeleteAddress form .lbl-wrapper { width: 100%; } #overlayEditAddress .intro-header { margin: 0; background: none; padding-right: 0; } #overlayEditAddress .intro-header .close { display: block !important; } #overlayEditAddress .question { display: none !important; } #overlayEditAddress .question.in-overlay { display: block !important; } #overlayEditAddress .question.in-overlay.inline { display: inline !important; } #overlayEditAddress form.two-col .select-wrapper { position: relative; } #overlayEditAddress form.two-col .select-wrapper select { width: 100%; height: 34px; text-indent: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid #ccc; background: #fff; } #overlayEditAddress form.two-col .select-wrapper .ficon { display: block; width: 34px; height: 24px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } #overlayEditAddress form.two-col .lbl-wrapper { text-align: left; width: 100%; } #overlayEditAddress form.two-col .input-wrapper { margin-left: 0; } #overlayEditAddress form.two-col .input-wrapper #dayTimePhone { width: 77%; } #overlayEditAddress form.two-col .input-wrapper input, #overlayEditAddress form.two-col .input-wrapper select { width: 100%; -webkit-appearance: none; } #overlayEditAddress form.two-col fieldset.extra-sep { width: 100%; } #overlayEditAddress .btn-interface-4-corners { width: 96%; } #overlayEditAddress .section-wrapper { padding: 20px; } #overlayChangePassword > .close { display: none; } #overlayChangePassword form { padding: 20px; } #overlayChangePassword form fieldset.extra-sep { width: 100%; } #overlayChangePassword form .input-wrapper { margin-left: 0; } #overlayChangePassword form .input-wrapper input { width: 100%; } #overlayChangePassword form .button-wrapper .lbl-wrapper { width: 47%; margin-right: 6%; } #overlayChangePassword form .button-wrapper .input-wrapper { width: 47%; float: left; } #overlayChangePassword form .button-wrapper .input-wrapper .close { position: relative; border-left: none; color: #fff; font-size: inherit; height: auto; } .activation-content .intro-header { padding-right: 0; margin-right: -10px; } .activation-content .activation-wrapper { width: 100%; } .activation-content .activation-wrapper .partial-separator { width: auto; margin: 0; padding: 0; border-bottom: 1px solid #a8c9da; color: #004990; } .activation-content .activation-wrapper .accessHealthFile a { display: block; } .activation-content .page-content { margin-top: 20px; } .activation-content .icon-shortcut { background: none; } .activation-content .ficon.bloc-icon { font-size: 1.538em; position: absolute; top: 0; left: 10px; line-height: 42px; } .activation-content .ficon.arrow-icon { position: absolute; top: 0; right: 5px; line-height: 42px; } .activation-content .btn-interface-4-corners { width: auto; } .activation-content .service-activation { width: auto; padding-left: 0; margin-left: 50px; } .activation-content .service-activation .lnkMobile { padding: 13px 0; display: block; } .activation-content .service-activation h2 { padding-bottom: 0; } .activation-content .service-activation p { display: none; } .connectionProblems .intro-header { padding-right: 0; margin-right: -10px; margin-bottom: 20px; } .connectionProblems span.input-wrapper { display: block; } .forgotPassword-Step1 .intro-header { padding-right: 0; margin-right: -10px; margin-bottom: 20px; } .forgotPassword-Step1 .btn-interface-4-corners { width: auto; } .forgotPassword-Step1 .email { width: 100%; } .forgotEmail .intro-header { padding-right: 0; margin-right: -10px; margin-bottom: 20px; } .forgotEmail span.input-wrapper { display: block; } .forgotTensionCode .intro-header { padding-right: 0; margin-right: -10px; margin-bottom: 20px; } .forgotTensionCode span.input-wrapper { display: block; } .change-password-overlay .password { width: 100%; } .forgot-questions .intro-header { padding-right: 0; margin-right: -10px; margin-bottom: 20px; } .forgot-questions .btn-interface-4-corners { width: auto; } .forgot-questions .email { width: 100%; } .mypjcFavoriteStore .mypjc-content.intro-header { padding-right: 0; margin-right: -10px; margin-bottom: 20px; } .mypjcFavoriteStore .mypjc-content .store-search-input-content { position: relative; } .mypjcFavoriteStore .mypjc-content .store-search-input-content #ss_txtStoreSearch { float: none; /*width:98%;*/ max-width: 100% !important; width: 100% !important; } .mypjcFavoriteStore .my-pjc-box { padding: 20px; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mypjcFavoriteStore .my-pjc-box .store-hours { width: 100%; } .mypjcFavoriteStore .my-pjc-box .my-pjc-wrapper .mobile-btn { display: none; } .fn-crawling-data .userInfos .activation-wrapper { width: 100%; } .fn-crawling-data .userInfos .userInfo-perso .section-wrapper { padding: 0; } .fn-crawling-data .userInfos .userInfo-chgPassword .subtitle { display: block; } .fn-crawling-data .userInfos form.two-col .input-wrapper { margin-left: 0; } .fn-crawling-data .userInfos form.two-col input { width: 100%; } .fn-crawling-data .userInfos form.two-col input#dayPhone { width: 65%; box-sizing: border-box; -webkit-box-sizing: border-box; } .fn-crawling-data .userInfos form.two-col input#dayPhoneExt { width: 29%; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; float: right; } .fn-crawling-data .userInfos form.two-col #airMilesNumber { width: 78%; } .fn-crawling-data .userInfos form.two-col .radio-input-wrapper { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fn-crawling-data .userInfos form.two-col .radio-input-wrapper .padded-input { width: 94%; border-top: 1px solid #ccc; padding: 10px 3%; } .fn-crawling-data .userInfos form.two-col .radio-input-wrapper .padded-input:first-child { border: none; } .fn-crawling-data .userInfos form.two-col .radio-input-wrapper .padded-input input { width: auto; } .fn-crawling-data .userInfos form.two-col .radio-input-wrapper .padded-input .input-radio-label { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1.154em; display: inline-block; vertical-align: middle; } /* Newsletter section */ .newsletter .intro-header { padding-right: 0; margin-right: -10px; margin-bottom: 20px; } .newsletter .block-separator { border-bottom: none; padding-bottom: 0; } .newsletter .newsletter-subscribe-icon { display: none; } /* newsletter-confirmation */ .newsletter-confirmation .newsletter-confirm-container .btn-cta { text-align: center; width: 96%; } .myAccount-subscriptions .check-input-wrapper { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .myAccount-subscriptions .check-input-wrapper .padded-input { border-bottom: 1px solid #ccc; padding: 10px; } .myAccount-subscriptions .check-input-wrapper .padded-input .input-wrapper { padding-top: 0px; position: absolute; } .myAccount-subscriptions .check-input-wrapper .padded-input .input-wrapper input { vertival-align: top; } .myAccount-subscriptions .check-input-wrapper .padded-input .field-description { width: 92%; vertical-align: middle; padding: 1px 0 0 25px; } .myAccount-subscriptions .check-input-wrapper .padded-input .field-description .bigLabel { display: block; } .myAccount-subscriptions .divPostalCode .input-wrapper { width: 100%; } .myAccount-subscriptions .divPostalCode .input-wrapper input { width: 100%; } #health-file-account .intro-header { padding-right: 0; margin-right: -10px; margin-bottom: 20px; } #health-file-account #health-file-account-action a { margin-bottom: 10px; } #overlayAddToCart .overlay-checkout .section-wrapper { padding: 20px; } #overlayAddToCart .overlay-checkout .section-wrapper #cart h1 { font-size: 1em; } #overlayAddToCart .overlay-checkout .section-wrapper #cart .add-to-cart-mobile { display: inline-block !important; font-size: 1.692em; vertical-align: middle; } #overlayAddToCart .overlay-checkout .section-wrapper #cart .show-cart { padding-top: 20px; border-top: 1px solid #CCC; } #overlayAddToCart .overlay-checkout .section-wrapper #cart .show-cart .label { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } #overlayAddToCart .overlay-checkout .section-wrapper #cart .show-cart .link { text-decoration: underline; } #overlayAddToCart .overlay-checkout .section-wrapper #cart .cart-resume { padding-top: 10px; } #overlayAddToCart .overlay-checkout .section-wrapper form { background: none; } #overlayAddToCart .overlay-checkout .section-wrapper form .main-side-bar { display: block; } #overlayAddToCart .overlay-checkout .section-wrapper form .btn-cta { text-align: center; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 { width: 100%; float: none; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .checkout-disclaimer { margin: 10px 0; display: block; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .product-item { width: auto; margin-bottom: 10px; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .product-item .product-name { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1.08em; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .product-item .product-brand { font-family: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif; font-size: 0.923em; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .product-item .box-price { color: #000; font-size: 1.23em; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .product-item .box-price.strike { margin-bottom: 0; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .product-item .box-price.discount { color: #e4244d; font-size: 1.923em; font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .product-item .product-preview { width: 27%; margin-right: 3%; float: left; border: 0; background: none; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .product-item .product-preview img { padding-top: 0; max-width: 100%; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .product-item .product-item-link { width: 69%; float: left; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .main-side-bar { width: 100%; float: none; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .main-side-bar .follow-me { width: 100%; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .main-side-bar .follow-me .cart-resume { background: none; border: 0; padding: 25px 0; margin-bottom: 0; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .main-side-bar .follow-me .cart-resume .total-product { float: left; margin-top: 3px; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .main-side-bar .follow-me .cart-resume .total-price { float: right; margin-top: 0; font-size: 1.308em; letter-spacing: -1px; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .main-side-bar .follow-me .cart-resume .total-ecofees { clear: both; margin-top: 4px; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .main-side-bar .follow-me #sidebar-airmiles-count .title { width: 56%; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .main-side-bar .follow-me #sidebar-airmiles-count .airmiles-count { position: absolute; top: 28px; right: 10%; } #overlayAddToCart .overlay-checkout .section-wrapper form .col-layout.cols-2 .main-side-bar .follow-me #sidebar-airmiles-count .lnk-more { margin: 6px 0; } #overlayAddToCart .overlay-checkout .section-wrapper .related-package { margin: 0; } #overlayAddToCart .overlay-checkout .section-wrapper .related-package h2.padded-black { padding-bottom: 0; } #overlayAddToCart .overlay-checkout .section-wrapper .related-package .results .product-item { float: left; width: 100%; margin-left: 0; border-top: 1px solid #ccc; margin: 0; padding: 20px 0; min-height: 75px; } #overlayAddToCart .overlay-checkout .section-wrapper .related-package .results .product-item:first-child { border-top: none; } #overlayAddToCart .overlay-checkout .section-wrapper .related-package .results .product-item .product-preview { display: inline-block; background: none; border: 0; } #overlayAddToCart .overlay-checkout .section-wrapper .related-package .results .product-item .product-item-link { display: inline-block; position: absolute; width: 64%; padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: none; border: none; } #overlayAddToCart .overlay-checkout .section-wrapper .related-package .results .product-item .product-item-link .box-price { display: block !important; } .rounded-button { background: #e4164f; width: 100%; padding-right: 0; padding-left: 0; height: auto; line-height: normal; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border-bottom: 2px solid #989898; } .rounded-button.right-rounded { -webkit-border-top-right-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; padding-right: 0; } .rounded-button.left-rounded { -webkit-border-top-left-radius: 100px; -webkit-border-bottom-left-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomleft: 100px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; } .rounded-button:active, .rounded-button:hover { background-position: 0; } .rounded-button .rounded-button-wrapper { padding-left: 20px; padding-top: 13px; padding-bottom: 13px; display: block; } .rounded-button .rounded-button-wrapper .icon { background: none; position: absolute; color: #fff; right: 0; top: 13px; right: 10px; font-size: 1.538em; } #cart .intro-header { padding-right: 0; margin-right: -10px; margin-bottom: 20px; } #cart .nav-header { padding-bottom: 20px; } #cart .availability .free-shipping { float: left; margin-right: 4px; } #cart .my-products { width: 100%; } #cart .my-products .cart-list-item { padding-top: 0; } #cart .my-products .cart-list-item .select-wrapper { position: relative; } #cart .my-products .cart-list-item .select-wrapper select { width: 100%; height: 34px; text-indent: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid #ccc; background: #fff; padding-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; min-width: 65px; line-height: 32px; } #cart .my-products .cart-list-item .select-wrapper .ficon { display: block; width: 34px; height: 24px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } #cart .my-products table tbody > tr { position: relative; display: block; } #cart .my-products table tbody > tr:first-child { background: none; } #cart .my-products table tbody > tr.button-row { height: 75px; } #cart .my-products table caption, #cart .my-products table thead { display: none; } #cart .my-products table th, #cart .my-products table td { position: relative; } #cart .my-products table td { padding: 20px 0 50px; } #cart .my-products table tr.row-variant .first-cell { height: 155px; } #cart .my-products table tr.row-variant.row-ecofees .first-cell { height: 178px; } #cart .my-products table tr.row-variant.row-ecofees .select-wrapper { top: -48px; } #cart .my-products table .first-cell { width: 100% !important; height: 150px; vertical-align: top; } #cart .my-products table .first-cell .product-preview { width: 90px; border: 0; background: none; } #cart .my-products table .first-cell .product-preview img { width: auto; max-width: 100%; height: auto; } #cart .my-products table .delete-cell { width: auto; } #cart .my-products table .box-price-wrapper > div, #cart .my-products table .box-total-price-wrapper > div { position: absolute; overflow: hidden; text-align: right; } #cart .my-products table .box-price-wrapper > div .box-price-title, #cart .my-products table .box-total-price-wrapper > div .box-price-title { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } #cart .my-products table .box-price-wrapper { position: static; } #cart .my-products table .box-price-wrapper > div { bottom: 20px; left: 95px; text-align: left; } #cart .my-products table .box-price-wrapper > div .box-price-title, #cart .my-products table .box-price-wrapper > div .box-price-content { float: left; margin-top: 2px; } #cart .my-products table .box-total-price-wrapper > div { top: 100px; right: 0; text-align: right; } #cart .my-products table .box-total-price-wrapper > div .box-price-title, #cart .my-products table .box-total-price-wrapper > div .box-price-content { width: 80px; margin-top: 2px; } #cart .my-products table .box-price.strike { margin-bottom: 3px; } #cart .my-products table .box-price.discount { bottom: 20px; } #cart .my-products table .box-price.discount.total { top: 120px; bottom: auto; } #cart .my-products table .qty-label { position: absolute; top: 25px; right: 0; } #cart .my-products table .select-wrapper { position: absolute; top: -36px; right: 0; min-width: 60px; } #cart .my-products table .remove { font-size: 1em; text-indent: 0px; width: auto; height: auto; position: absolute; top: auto; bottom: 20px; right: 0; } #cart .my-products .product-item .product-item-description { left: 95px; top: 8px; width: auto !important; right: 80px; position: absolute; } #cart .my-products .product-item .product-item-description .product-brand { float: none; width: auto; } #cart .my-products .product-item .product-item-description .product-name, #cart .my-products .product-item .product-item-description .product-thumb, #cart .my-products .product-item .product-item-description .product-ecofees { width: auto; float: none; } #cart .infos { width: 100%; padding-bottom: 50px; } #cart .infos .send-by-mail { position: relative; padding: 13px 13px 13px 50px; float: none; text-align: left; margin: 13px 0 0 0; font-size: 1.154em; } #cart .infos .send-by-mail .icon-picto { position: absolute; top: 2px; line-height: 42px; left: 15px; font-size: 1.923em; } #cart .infos .send-by-mail .icon-arrow { position: absolute; right: 5px; top: 0; line-height: 42px; } #cart .infos .faqs-help { border: 1px solid #cbdfe9; } #cart .infos .faqs-help .faqs-help-teaser { margin-left: 10px; color: #004990; padding: 5px 0; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1.23em; } #cart .infos .faqs-help .faqs-help-schedule { margin-left: 10px; margin-bottom: 10px; padding: 0; } #cart .infos .faqs-help .btn-cta { margin-right: 0; border: 0; padding: 13px 13px 13px 50px; position: relative; text-align: left; border-top: 1px solid #cad0d4; font-size: 1.154em; float: none; } #cart .infos .faqs-help .btn-cta .ficon { position: absolute; top: 0; line-height: 42px; left: 15px; font-size: 1.923em; } #cart .infos .questionAndAnswer .btn-cta { width: auto; margin: 30px 0; display: block; float: none; } #cart .infos .questionAndAnswer .infos-links { display: block; width: 100%; background: #f3faff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cad0d4; -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75); -o-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75); } #cart .infos .questionAndAnswer .infos-links .infos-links-wrapper { position: relative; display: block; } #cart .infos .questionAndAnswer .infos-links .infos-links-wrapper .picto { position: absolute; top: 0; left: 12px; font-size: 1.846em; line-height: 48px; color: #004990; } #cart .infos .questionAndAnswer .infos-links .infos-links-wrapper .arrow { position: absolute; top: 0; right: 5px; font-size: 1.154em; color: #004990; line-height: 48px; } #cart .infos .questionAndAnswer .infos-links .infos-links-wrapper a { padding: 13px 13px 13px 50px; border-top: 1px solid #cad0d4; font-size: 1.154em; display: block; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } #cart .infos .questionAndAnswer .infos-links .infos-links-wrapper a:first-child { border-top: none; } #cart .infos .questionAndAnswer .infos-links br { display: none; } #cart h3 { font-size: 1.154em; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; float: none; text-align: left; } #cart .related-package .more-package { margin-top: 0; } #cart .related-package .more-package .sub-title-wrapper { border-bottom: none; } #cart .sub-title-wrapper { margin-bottom: 10px; } #cart .main-content { float: none; } #cart .main-content .details-summary #sidebar-airmiles-count { border-bottom: 2px solid #989898; background-color: #e6f3f9; padding: 10px; } #cart .main-content .details-summary #sidebar-airmiles-count .title { width: 54%; } #cart .main-content .details-summary #sidebar-airmiles-count .airmiles-count { position: absolute; top: 50%; right: 11%; margin-top: -17px; } #cart .main-side-bar.bottom-content.right-sidebar .cart-resume .title { display: block; } #cart .main-side-bar.right-sidebar { display: block; width: 100%; top: 0; } #cart .main-side-bar.right-sidebar .follow-me { width: 100%; } #cart .main-side-bar.right-sidebar .cart-resume { padding: 0; background: none; border: 0; } #cart .main-side-bar.right-sidebar .cart-resume .title { display: none; } #cart .main-side-bar.right-sidebar .cart-resume .total-product { float: left; margin-top: 5px; } #cart .main-side-bar.right-sidebar .cart-resume .total-price { float: right; margin-top: 0; } #cart .main-side-bar.right-sidebar .cart-resume .ecom-button { background: #e2114b; text-align: center; padding: 15px 10px; position: relative; margin-top: 20px; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } #cart .main-side-bar.right-sidebar .cart-resume .ecom-button .ficon { position: absolute; top: 12px; right: 10px; font-size: 1.538em; } #cart .main-side-bar.right-sidebar #sidebar-airmiles-count { border-bottom: 2px solid #989898; background: #e6f3f9; padding: 10px; } #cart .main-side-bar.right-sidebar #sidebar-airmiles-count .title { width: 54%; } #cart .main-side-bar.right-sidebar #sidebar-airmiles-count .airmiles-count { position: absolute; top: 50%; right: 11%; margin-top: -17px; } #saved-address .bt-see-all-addresses.btn-cta { position: relative; margin: 15px; padding-right: 28px; text-align: center; } #saved-address .bt-see-all-addresses.btn-cta .ficon { position: absolute; right: 5px; top: 15px; } #shipping-address { overflow: hidden; } #shipping-address .question.in-overlay { display: none !important; } #shipping-address .intro-header { margin-left: -10px; margin-right: -10px; margin-bottom: 20px; } #shipping-address .btn-add-address { padding: 15px 40px 15px 15px; position: relative; display: block; margin: 0; font-size: 1.154em; } #shipping-address .btn-add-address .arrow-container { left: auto; right: 15px; top: auto; position: absolute; } #shipping-address .checkout-address-block { margin-bottom: 20px; } #shipping-address #saved-address { margin-bottom: 20px; margin-top: 20px; } #shipping-address #saved-address ul { padding-top: 0; } #shipping-address #saved-address ul.user-account-address-block { background: none; padding-bottom: 0; margin-bottom: 0; } #shipping-address #saved-address ul li { width: 100%; padding: 0 0 5px 0; margin: 0 0 20px 0; background: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #b3bfc5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjNmOSIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 243, 249, 0.45)), color-stop(100%, rgba(255, 255, 255, 0.45))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* W3C */ } #shipping-address #saved-address ul li.last { border: none; background: none; } #shipping-address #saved-address ul li form { padding: 15px; } #shipping-address #saved-address ul li form .my-account-user-details { position: relative; padding-top: 0; } #shipping-address #saved-address ul li form .my-account-user-details input[type=radio] { background: #999; margin: 0; top: 50%; position: absolute; left: 0; margin-top: -10px; } #shipping-address #saved-address ul li form .my-account-user-details .my-account-user-details-wrapper { padding: 0 0 0 25px; } #shipping-address #saved-address ul li form .my-account-user-details .my-account-user-details-wrapper .my-account-user-coord br:last-child { display: none !important; } #shipping-address #saved-address ul li form .my-account-box-links .my-account-box-links-wrapper { width: 48%; margin-left: 4%; float: left; } #shipping-address #saved-address ul li form .my-account-box-links .my-account-box-links-wrapper a { display: block; margin: 0; text-align: center; width: auto; } #shipping-address #saved-address ul li form .my-account-box-links .my-account-box-links-wrapper:first-child { margin-left: 0 !important; } #shipping-address #saved-address ul li form .my-account-box-links .my-account-box-links-wrapper.full-width { width: 100% !important; } #shipping-address #saved-address ul li form .ecom-button { background: #e2114b; text-align: center; padding: 15px 10px; position: relative; display: none !important; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; margin: 20px 0 0 0; } #shipping-address #saved-address ul li form .ecom-button .ficon { position: absolute; top: 12px; right: 10px; font-size: 1.538em; } #shipping-address #saved-address ul li form .my-account-box-links { display: none; } #shipping-address .address-form .section-wrapper { padding: 0; } #shipping-address .address-form form.two-col .extra-sep { margin-top: 20px; } #shipping-address .address-form form.two-col .select-wrapper { position: relative; } #shipping-address .address-form form.two-col .select-wrapper select { width: 100%; height: 34px; text-indent: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid #ccc; background: #fff; -webkit-appearance: none; } #shipping-address .address-form form.two-col .select-wrapper .ficon { display: block; width: 34px; height: 24px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } #shipping-address .address-form form.two-col .input-wrapper { margin-left: 0; } #shipping-address .address-form form.two-col .input-wrapper input, #shipping-address .address-form form.two-col .input-wrapper select { width: 100%; } #shipping-address .address-form form.two-col .input-wrapper #dayTimePhone { width: 77%; } #shipping-address .address-form form.two-col .ecom-button { background: #e2114b; text-align: center; padding: 15px 10px; position: relative; display: block; } #shipping-address .address-form form.two-col .ecom-button .ficon { position: absolute; top: 12px; right: 10px; font-size: 1.538em; } #shipping-address .address-form h1, #shipping-address .address-form .close, #shipping-address .address-form .intro-header { display: none !important; } .checkout-shipping h2.sub-title { font-size: 1.154em; } .checkout-shipping .intro-header { margin-left: -10px; margin-right: -10px; margin-bottom: 0; } .checkout-shipping .nav-header { margin-top: 20px; } .checkout-shipping .head-text { margin-top: 20px; } .checkout-shipping .checkbox-wrapper { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; padding: 15px; display: table; margin-top: 10px; } .checkout-shipping .checkbox-wrapper input { display: table-cell; margin-right: 14px; } .checkout-shipping .checkbox-wrapper label { display: table-cell; } .checkout-shipping .shipping-method-wrapper { padding: 0 18px 0 18px; background: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #b3bfc5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjNmOSIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 243, 249, 0.45)), color-stop(100%, rgba(255, 255, 255, 0.45))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(230, 243, 249, 0.45) 0%, rgba(255, 255, 255, 0.45) 100%); /* W3C */ } .checkout-shipping .shipping-method-wrapper .field-row { display: table; margin-left: -18px; padding-left: 18px; margin-right: -18px; padding-right: 18px; padding-bottom: 15px; padding-top: 15px; margin-bottom: 0; position: relative; } .checkout-shipping .shipping-method-wrapper .field-row:first-child { border-bottom: 1px solid #b3bfc5; } .checkout-shipping .shipping-method-wrapper .field-row input[type=radio] { top: 37%; position: absolute; background: #999; margin: 0; } .checkout-shipping .shipping-method-wrapper .field-row label { padding-left: 29px; display: block; } .checkout-shipping .shipping-method-wrapper .field-row .caps { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } .checkout-shipping .rounded-button { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 15px 10px; width: auto; display: block; text-align: center; } .checkout-shipping .rounded-button .ficon { position: absolute; top: 12px; right: 10px; font-size: 1.538em; } .shipping-summary table.total-summary td { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1.154em; color: #333333; } .shipping-summary table.total-summary tr.info-sep { background: none; border-top: 1px solid #000; } .shipping-summary table.total-summary tr.total-sep { width: 100%; height: 10px; display: table-row !important; border-bottom: 1px solid #ccc; } .shipping-summary table.total-summary tr.total-sep td { width: 100%; } .shipping-summary .sixtyPct-wrapper { padding-bottom: 20px; } .shipping-summary .sixtyPct-wrapper .sixtyPct { text-align: center; } .shipping-summary .qty-wrapper { position: absolute; right: 0; } .shipping-summary .price-wrapper { position: absolute; top: 57px; } .shipping-summary .col-1, .shipping-summary .col-2, .shipping-summary .col-3 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #b3bfc5; position: relative; margin-bottom: 43px; margin-top: 26px; } .shipping-summary .col-1 h2, .shipping-summary .col-2 h2, .shipping-summary .col-3 h2 { position: absolute; top: -26px; left: 0; } .shipping-summary .col-1 p, .shipping-summary .col-2 p, .shipping-summary .col-3 p { padding: 15px 10px; margin-bottom: 0; position: relative; min-height: 18px; } .shipping-summary .col-1 p.extra-space, .shipping-summary .col-2 p.extra-space, .shipping-summary .col-3 p.extra-space { margin-bottom: 0; } .shipping-summary .col-1 #air-miles-confirmation, .shipping-summary .col-2 #air-miles-confirmation, .shipping-summary .col-3 #air-miles-confirmation { padding: 0 10px; margin: 0; width: auto; } .shipping-summary .col-1 #air-miles-confirmation .air-miles-box, .shipping-summary .col-2 #air-miles-confirmation .air-miles-box, .shipping-summary .col-3 #air-miles-confirmation .air-miles-box { margin: 0; } .shipping-summary .col-1 #air-miles-confirmation .box-links, .shipping-summary .col-2 #air-miles-confirmation .box-links, .shipping-summary .col-3 #air-miles-confirmation .box-links { min-height: 34px; padding: 10px 63px 10px 0; } .shipping-summary .col-1 #air-miles-confirmation .box-links .air-miles-edit, .shipping-summary .col-2 #air-miles-confirmation .box-links .air-miles-edit, .shipping-summary .col-3 #air-miles-confirmation .box-links .air-miles-edit { width: 100%; } .shipping-summary .col-1 #air-miles-confirmation .box-links .btn-mobile-edit, .shipping-summary .col-2 #air-miles-confirmation .box-links .btn-mobile-edit, .shipping-summary .col-3 #air-miles-confirmation .box-links .btn-mobile-edit, .shipping-summary .col-1 #air-miles-confirmation .box-links .btn-mobile-confirm, .shipping-summary .col-2 #air-miles-confirmation .box-links .btn-mobile-confirm, .shipping-summary .col-3 #air-miles-confirmation .box-links .btn-mobile-confirm { padding: 6px 5px 1px 5px; } .shipping-summary .col-1 #air-miles-confirmation .box-links .number, .shipping-summary .col-2 #air-miles-confirmation .box-links .number, .shipping-summary .col-3 #air-miles-confirmation .box-links .number { font-size: 1.538em; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; line-height: 34px; } .shipping-summary .col-1 .btn-mobile-edit, .shipping-summary .col-2 .btn-mobile-edit, .shipping-summary .col-3 .btn-mobile-edit, .shipping-summary .col-1 .btn-mobile-confirm, .shipping-summary .col-2 .btn-mobile-confirm, .shipping-summary .col-3 .btn-mobile-confirm { font-size: 25px; color: #fff; padding: 8px 4px 6px 6px; background: #0090d2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 2px 0px #000000; -webkit-box-shadow: 0px 1px 2px 0px #000000; -o-box-shadow: 0px 1px 2px 0px #000000; box-shadow: 0px 1px 2px 0px #000000; vertical-align: middle; margin-top: -18px; bottom: 6px; right: 6px; position: absolute; } .shipping-summary #cart .my-products table tbody tr { background: transparent url(Images/Generic/dotted-line.png) repeat-x 0 bottom; margin-bottom: 0; } .shipping-summary #cart .my-products table .box-price { left: auto; right: 0; top: 90px; } .shipping-summary #cart .my-products table .product-item span.product-item-description .product-thumb { margin-top: -7px; } .checkout { z-index: 9997; } .checkout.checkout-disclaimer .disclaimer { width: 100%; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1em; } .checkout.checkout-disclaimer .disclaimer .sml-line { display: none; } .checkout-login { overflow: hidden; margin-bottom: 40px; /*Step1-Login.aspx*/ } .checkout-login input { height: 34px; } .checkout-login .form-error { margin-top: 20px; padding-bottom: 0; } .checkout-login .intro-header { padding-left: 20px; } .checkout-login #divMainLogin.login { min-height: 190px; padding: 0; margin-top: 10px; } .checkout-login #divMainLogin.login .retrieve-password { display: block; text-align: center; text-decoration: underline; margin-top: 15px; } .checkout-login #divMainLogin.login form.two-col .field-row .lbl-wrapper { text-align: left; } .checkout-login #divMainLogin.login .btn-interface-4-corners { width: 100%; padding: 0; } .checkout-login #divMainLogin.login .btn-interface-4-corners .button-wrapper { padding: 10px 20px; display: block; } .checkout-login #divMainLogin.login .btn-interface-4-corners .button-wrapper .phrase { font-family: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif; margin-top: 5px; display: block; } .checkout-login #divMainLogin.login .login-option { padding: 0; } .checkout-login #divMainLogin.login .login-option .login-form { padding: 0 10px 10px 10px; border-right: 1px solid #b0cdd7; border-left: 1px solid #b0cdd7; } .checkout-login #divMainLogin.login .login-option .login-form .fieldset { background: none; padding-top: 10px; } .checkout-login #divMainLogin.login .login-option .title a { position: relative; display: block; width: auto; padding: 0; text-align: center; margin-right: 0; padding: 10px 0 10px 0; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1.154em; } .checkout-login #divMainLogin.login .login-option .title a .ficon { position: absolute; top: 12px; right: 8px; } .checkout-login #divMainLogin.login #divNewClient a.btn-cta { border-bottom: 2px solid #989898; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; text-align: left; padding-left: 13px; } .checkout-login #divMainLogin.login #divAlreadyClient a.btn-cta { border-bottom: 1px solid #b0cdd7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; text-align: left; padding-left: 13px; } .checkout-login.checkout #divMainLogin.login .retrieve-password { margin: 30px 0 40px 0; } .checkout-login.checkout #divMainLogin.login #divNewClient a.btn-cta { border-bottom: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .checkout-login.checkout #divMainLogin.login #divNewClient a.btn-cta.anchor-expanded { border-bottom: 1px solid #b0cdd7; color: #333; } .checkout-login.checkout #divMainLogin.login #divAlreadyClient .login-form { border-bottom: 2px solid #989898; } .checkout-login.checkout #divMainLogin.login #divAlreadyClient a.btn-cta { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .checkout-login.checkout #divMainLogin.login #divAlreadyClient a.btn-cta.anchor-expanded { border-bottom: 1px solid #b0cdd7; color: #333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } fieldset.extra-sep { padding-bottom: 24px; } .input-wrapper.step2 { display: block; } .account-form .forgot-confirmation { margin-top: 20px; } .account-form .form-error { margin-top: 20px; } .account-form.account-form-register legend { margin-top: 20px; float: left; } .account-form.account-form-register fieldset { padding-bottom: 25px; } .account-form.account-form-register .input-wrapper { margin-left: 0; } .account-form.account-form-register .input-wrapper input { width: 100%; } .account-form.account-form-register .input-wrapper input.dayTimePhone { width: 81%; } .account-form.account-form-register .input-wrapper select { width: 100%; } .account-form.account-form-register .input-wrapper .air-miles { width: 81%; } .account-form .intro-header { padding-left: 10px; margin-right: 0px; margin-bottom: 20px; } .account-form #guest-email { background: none; } .account-form #guest-email .input-wrapper { margin-left: 0; } .account-form #guest-email .input-wrapper input.email { width: 100%; } .account-form #guest-email legend { padding-bottom: 10px; color: #333; } .account-form #guest-shippingaddress { margin-top: 0; } .account-form #guest-shippingaddress .province-select-wrapper { position: relative; } .account-form #guest-shippingaddress .province-select-wrapper select { width: 100%; height: 34px; text-indent: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; border: 1px solid #ccc; background: #fff; } .account-form #guest-shippingaddress .province-select-wrapper .ficon { display: block; width: 34px; height: 24px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } .account-form #guest-shippingaddress h1 { font-size: 1.23em; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; color: #333; padding-bottom: 10px; } .account-form #guest-shippingaddress .input-wrapper { margin-left: 0; } .account-form #guest-shippingaddress .input-wrapper input { width: 100%; } .account-form #guest-shippingaddress .input-wrapper input.dayTimePhone { width: 81%; } .account-form #guest-shippingaddress .input-wrapper select { width: 100%; } .account-form #guest-shippingaddress .extra-sep-guest-shippingaddress { margin-top: 10px; } .account-form form.two-col .input-wrapper { margin-left: 0; } .account-form form.two-col .input-wrapper .ecom-button { background: #e2114b; text-align: center; padding: 15px 10px; position: relative; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } .account-form form.two-col .input-wrapper .ecom-button .ficon { position: absolute; top: 12px; right: 10px; font-size: 1.538em; } .profil-RX .register-postit-title { position: relative; right: 0; text-align: left; margin-top: 0px; width: 100%; } .profil-RX .register-postit-content img { width: 100%; height: auto; } .profil-RX form #rxnumber { width: 35% !important; } .profil-RX form #rxstorenumber { width: 36% !important; } .profil-RX .form-with-side { width: 100%; } .profil-create .page-content { margin-bottom: 0; } .profil-create .page-content .btn-cta { width: 100%; padding: 0; margin-top: 20px; } .profil-create .page-content .btn-cta .btn-wrapper { padding: 14px 10px; display: block; } .profil-security .page-content { margin-top: 20px; margin-bottom: 0; } .profil-security .healthsecurity-name { width: 100% !important; } .profil-security .healthsecurity-image-layer { padding: 5px 0 5px 0; } .sheet-wrapper.wide .sheet-textbox { padding: 0; } .sheet-wrapper.wide .sheet-textbox .page-content { margin-bottom: 0; } .sheet-wrapper.wide .sheet-textbox input { width: 100%; } .sheet-wrapper.wide .sheet-textbox .article-layout.half-sep { background: none; } .sheet-wrapper.wide .sheet-textbox .health-file-ctn:first-child { margin-bottom: 20px; } .sheet-wrapper.wide .sheet-textbox .health-file-ctn .input-wrapper { width: 100%; } .sheet-wrapper.wide .sheet-textbox .health-file-ctn .input-wrapper .icon.help-dark { position: relative; } .sheet-wrapper.wide .sheet-textbox .health-file-ctn .health-file-subtitle { margin-bottom: 20px; } .sheet-wrapper.wide .sheet-textbox .health-file-ctn .nip { width: 50%; } .health-record-login .page-content-zero-padding-bottom { margin-bottom: 20px; } .health-record-login .intro-header { margin-right: -10px; } .health-record-login #health-file #divConnect .btn-interface-4-corners { margin-bottom: 10px; } .health-record-login #section-ds-icon ul li { position: relative; float: none; width: 100%; } .health-record-login #section-ds-icon ul li .icon-anim { position: absolute; left: 0; top: 7px; font-size: 3.462em; } .health-record-login #section-ds-icon ul li .icon-anim .icon-tension, .health-record-login #section-ds-icon ul li .icon-anim .icon-glycemie, .health-record-login #section-ds-icon ul li .icon-anim .icon-corpo, .health-record-login #section-ds-icon ul li .icon-anim .icon-rappel { position: absolute; color: #fff; } .health-record-login #section-ds-icon ul li .icon-anim .icon-tension { top: 2px; left: 2px; } .health-record-login #section-ds-icon ul li .icon-anim .icon-circle { color: #15c377; } .health-record-login #section-ds-icon ul li .icon-anim .icon-glycemie { top: 3px; left: 5px; font-size: 0.769em; } .health-record-login #section-ds-icon ul li .icon-anim .icon-corpo { top: 6px; left: 9px; font-size: 0.615em; } .health-record-login #section-ds-icon ul li .icon-anim .icon-rappel { top: 6px; left: 9px; font-size: 0.615em; } .health-record-login #section-ds-icon ul li .content { text-align: left; margin-left: 60px; } .health-record-login .RxAdditionnal { width: 100%; } .health-record-login .RxAdditionnal .RxGridHeader, .health-record-login .RxAdditionnal .RxGrid { width: 100%; } .health-record-login .Rx-service-notification .RxGridHeader { width: 100%; height: auto; position: relative; } .health-record-login .Rx-service-notification .RxGridHeader .NotifyMe { position: absolute; left: 6px; top: 3px; } .health-record-login .Rx-service-notification .RxGridHeader .NotifyMe2 { width: auto; padding-left: 30px; } .health-record-login .Rx-service-notification .RxGridHeader .NotifyMe2 div { float: none; line-height: 1.5em; padding: 7px 15px 10px 0; } .health-record-login .Rx-service-notification .NotifyInfoDiv { width: 100%; max-height: 100%; padding-bottom: 0; padding-top: 0; } .health-record-login .Rx-service-notification .NotifyInfoDiv .notification-warning { width: 100% !important; margin-top: 8px; padding: 0 10px; box-sizing: border-box !important; } .health-record-login .Rx-service-notification .NotifyInfoDiv .rx-notification-label { width: auto; padding-right: 20px; padding-bottom: 5px; float: none !important; } .health-record-login .Rx-service-notification .NotifyInfoDiv .rx-notification-input-wrapper { width: 100%; } .health-record-login .Rx-service-notification .NotifyInfoDiv .rx-notification-input-wrapper input { width: 100%; } .health-record-login .Rx-service-notification .NotifyInfoDiv .divLine1, .health-record-login .Rx-service-notification .NotifyInfoDiv .divLine2 { width: 100%; padding: 15px 0; } .health-record-login .Rx-service-notification .NotifyInfoDiv .divLine1 .labelStandardFirst, .health-record-login .Rx-service-notification .NotifyInfoDiv .divLine2 .labelStandardFirst, .health-record-login .Rx-service-notification .NotifyInfoDiv .divLine1 .labelStandardSecond, .health-record-login .Rx-service-notification .NotifyInfoDiv .divLine2 .labelStandardSecond { width: 94%; padding: 10px; } .health-record-login .Rx-service-notification .NotifyInfoDiv .divLine2 { border-top: 1px solid #ccc; } .health-record-login .Rx-service-notification .NotifyInfoDiv .NotifyInfoBtn { width: 100%; } .health-record-login .Rx-service-notification .NotifyInfoDiv .NotifyInfoBtn .labelStandardFirst, .health-record-login .Rx-service-notification .NotifyInfoDiv .NotifyInfoBtn .labelStandardSecond { float: none; padding: 0; } .overlayMed { width: 100%; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .overlayMed section { padding: 0; border: 0; overflow-x: hidden; overflow-y: hidden; margin: 13px; background-color: White; } .overlayMed section > h1 { background: #0090d2; border-bottom: 1px solid #005d95; padding: 18px; color: #fff; } .overlayMed section #printClose, .overlayMed section #printButton { display: none; } .overlayMed section .med-file { padding: 20px; overflow-y: auto; position: absolute; top: 56px; bottom: 0; left: 0; right: 0; } .sante #prescription-renewal .renew .notes { width: 100%; margin-top: 20px; } .sante .icon-shortcuts-wrapper ul li .content { margin-left: 60px; padding-right: 25px; } .sante .icon-shortcuts-wrapper ul li .content h2.title a { margin-left: 0; } .sante .icon-shortcuts-wrapper ul li .sante-icon-mobile .ficon-circle, .sante .icon-shortcuts-wrapper ul li .sante-icon-phone .ficon-circle, .sante .icon-shortcuts-wrapper ul li .sante-icon-preautorise .ficon-circle, .sante .icon-shortcuts-wrapper ul li .sante-icon-dossiersante-2014 .ficon-circle { top: 10px; left: 0; font-size: 45px; color: #15c377; } .sante .icon-shortcuts-wrapper ul li .sante-icon-mobile .ficon-circle .ficon, .sante .icon-shortcuts-wrapper ul li .sante-icon-phone .ficon-circle .ficon, .sante .icon-shortcuts-wrapper ul li .sante-icon-preautorise .ficon-circle .ficon, .sante .icon-shortcuts-wrapper ul li .sante-icon-dossiersante-2014 .ficon-circle .ficon { top: 0; color: #fff; } .sante .icon-shortcuts-wrapper ul li .sante-icon-mobile .ficon-circle .ficon { left: 7px; font-size: 0.692em; } .sante .icon-shortcuts-wrapper ul li .sante-icon-phone .ficon-circle .ficon { left: 8px; font-size: 0.615em; } .sante .icon-shortcuts-wrapper ul li .sante-icon-preautorise .ficon-circle .ficon { left: 10px; font-size: 0.615em; } .sante .icon-shortcuts-wrapper ul li .sante-icon-dossiersante-2014 .ficon-circle .ficon { left: 12px; font-size: 0.692em; } /*** Layout de type Article - icones avec ficelle **/ #contest-element .article-layout header, .article-layout header.newsletter-subscribe-spacer { padding: 0; margin-bottom: 26px; background: none; } .article-layout header .contest-postit { display: none; } #air-miles-section .section-wrapper .page-content { margin-right: 0; } #air-miles-section .intro-header { margin-right: -10px; margin-bottom: 10px; } #air-miles-section .carousel-type-promo .carousel-element { width: 100%; } #air-miles-section .carousel-type-promo.carousel-wrapper { width: 100%; } #air-miles-section .carousel-type-promo .carousel-text { left: 0; } /* ---[ Mobile Detection ]------------------------------- */ .mobile-detection .rounder-box .rounder-box-content.text-on-left .promo-text { width: 55%; } /* ---[ Curculaire ]------------------------------- */ .flyer-section #tab-search-container { margin-bottom: 0; } .flyer-section .flyer-element { width: 100%; padding: 0 0 20px 0; } .flyer-section .flyer-element .flyer-image img { margin: 0 auto 0 auto; } .flyer-section .title table { width: 100%; } .flyer-section .flyer-container-header { padding: 0; } /* ---[ Coupons ]------------------------------- */ .coupons-section #tab-search-container { margin-bottom: 0; } .coupons-section .coupons-element { width: 100%; padding: 0; } .coupons-section .coupons-element .coupons-image img { margin: 0 auto 0 auto; } .coupons-section .title table { width: 100%; } .coupons-section .coupons-container-header { padding: 0; } /* ---[ Concours ]------------------------------- */ .contest-links-list li { padding: 0; } .contest-links-list li a.btn-cta { border-bottom: none; } .contest-links-list .winners { display: inline-block; } .contest-links-list .btn-cta { position: relative; display: block; padding-right: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .contest-links-list .btn-cta .ficon { position: absolute; line-height: 42px; right: 5px; top: 0; } .contest-links-list li:first-child a { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .contest-links-list li:last-child a { -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .contest-links-list li:last-child a.btn-cta { border-bottom: 1px solid #989898; } .link-wdigets-list li { float: none; clear: both; width: 100%; padding-left: 0; margin-bottom: 15px; overflow: hidden; } .link-wdigets-list li:first-child { width: 100%; padding-left: 0; } .link-wdigets-list li img, .link-wdigets-list li .widget-content-wrapper { position: relative; float: left; display: block; } .link-wdigets-list li img { width: 24.9%; left: 0; } .link-wdigets-list li .widget-content-wrapper { padding-bottom: 48px; width: 74.9%; } .link-wdigets-list li .widget-content-wrapper .btn-cta { position: absolute; right: 0; bottom: 0; left: 0; } .link-wdigets-list li p { margin-bottom: 0; } #faqOverlay .overlay-faq-group h1 { font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.308em; padding: 18px 18px 16px 18px; } #faqOverlay .overlay-faq-group .close { color: #c7edff; background: none; height: auto; width: auto; padding: 12px; z-index: 999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 2.153em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; right: 0; border-left: 1px solid #027bb9; position: absolute; cursor: pointer; } #faqOverlay .overlay-faq-group .close:hover { text-decoration: none; } #faqOverlay .overlay-faq-group .faq-cartes { padding-right: 0; } .product-details .product-photo { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: auto; } .unsalable .product-details .unsalable-info a.ecom-button { position: relative; float: left; clear: both; margin-top: 15px; } .rounder-box-titlebar.servicesSuccTitle, .rounder-box-titlebar.servicesOnline { width: 100%; } .delete-address-overlay .field-row { padding: 10px; } .delete-address-overlay .field-row .lbl-wrapper { width: 100%; } .delete-address-overlay .field-row .input-wrapper { margin-left: 0; } .checkout-summary .order-button-box { background: none; border: none; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; padding: 0; } .checkout-summary #cart .price-wrapper { float: left; } .checkout-summary #cart .price-wrapper .gray { display: none !important; } .checkout-summary #cart .product-price-quantity, .checkout-summary #cart .product-ecofees-quantity { position: absolute; right: 0px; top: 53px; } .checkout-summary #cart .product-price-quantity .gray, .checkout-summary #cart .product-ecofees-quantity .gray { display: none !important; } .checkout-summary #cart .product-preview { padding: 20px 0; } .checkout-summary #cart .my-products .ecom-button .ficon { top: 10px; } .checkout-summary #cart .my-products .ecom-button.order-button { display: none !important; } .checkout-summary #cart .my-products .cart-list-item { background: url("Images/Generic/dotted-line.png") repeat-x bottom left; } .checkout-summary #cart .my-products h2 { background: url("Images/Generic/dotted-line.png") repeat-x bottom left; padding-bottom: 10px; } .checkout-summary #cart .my-products table .product-item span { display: inline-block; } .checkout-summary #cart .my-products table .product-item .product-preview { padding: 0 0 25px 0; height: 109px; } .checkout-summary #cart .my-products table .product-item span.product-item-description { right: 60px; top: 0; } .checkout-summary #cart .my-products table .product-item span.product-item-description .product-price-quantity, .checkout-summary #cart .my-products table .product-item span.product-item-description .product-ecofees-quantity { left: 0; } .checkout-summary #cart .my-products table .product-item span.product-item-description .product-thumb .hd-color-text { width: 125px; margin: 4px 0 0 0; float: none; font-size: 0.9em; } .checkout-summary #cart .my-products table .product-item span.product-item-description .price-wrapper { padding: 0; position: absolute; } .checkout-summary #cart .my-products table .product-item span.product-item-description .price-wrapper.force-display { display: block !important; } .checkout-summary #cart .my-products table tr.row-ecofees .first-cell { height: 155px; } .checkout-summary #cart .my-products table tr.row-ecofees .first-cell .product-item span.product-item-description .product-price-quantity .price-wrapper { top: 58px; } .checkout-summary #cart .my-products table tr.row-ecofees .first-cell .product-item span.product-item-description .product-ecofees-quantity .price-wrapper { top: 90px; } .checkout-summary #cart .my-products table tr.row-gift .first-cell { height: 80px; } .checkout-summary #cart .my-products table tr.row-gift .first-cell .product-item .product-preview { height: 80px; padding: 0; } .checkout-summary #cart .my-products table tr.row-gift .first-cell .product-item span.product-item-description .price-wrapper { top: 168px; } .checkout-summary #cart .my-products table tr.row-variant .first-cell { height: 155px; } .checkout-summary #cart .my-products table tr.row-variant .first-cell .product-item span.product-item-description .price-wrapper { top: 144px; } .checkout-summary #cart .my-products table tr.row-variant.row-ecofees .first-cell { height: 175px; } .checkout-summary #cart .my-products table tr.row-variant.row-ecofees .first-cell .product-item span.product-item-description .price-wrapper { top: 131px; } .checkout-summary #cart .my-products table tr.row-variant.row-ecofees .first-cell .product-item span.product-item-description .product-ecofees-quantity .price-wrapper { top: 109px; } .checkout-summary #cart .my-products table .first-cell { height: 110px; width: 100%; } .checkout-summary #cart .my-products table .first-cell .product-item span.product-item-description .price-wrapper { top: 68px; } .checkout-summary #cart .my-products table .first-cell .product-name { font-size: 1em; } .checkout-summary #cart .my-products table tbody tr { background: url("Images/Generic/dotted-line.png") repeat-x top left; } .checkout-summary #cart .my-products table tbody tr:first-child { background: none; } .checkout-summary #cart .my-products table td { vertical-align: top; padding: 20px 0 20px 0; } .checkout-summary #cart .my-products table td .box-price { display: block; text-align: right; right: 0; left: auto; } .checkout-summary #cart .my-products table td.last-cell { vertical-align: bottom; } .checkout-summary #cart .my-products table td.last-cell .qty-wrapper { padding-top: 5px; width: 60px; text-align: right; } .checkout-summary #cart .my-products .select-wrapper { top: 10px; } .hsep-top-shadow { width: 100%; left: 0; right: 0; } /* MAGASINER - BLOCK CATEGORIES3 */ .theme-package .theme-package-wrapper .theme-package-content { /* PageCategoryHubWithImages.ascx PageHubWithImagesAndDescription.ascx */ } .theme-package .theme-package-wrapper .theme-package-content .product-category-hub, .theme-package .theme-package-wrapper .theme-package-content .product-sub-category-hub { border: 1px solid #ccc; background-color: #f3faff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 0; } .theme-package .theme-package-wrapper .theme-package-content .product-category-hub .theme-name.cats-hub-responsive { display: block; padding: 0 0 0 12px; } .theme-package .theme-package-wrapper .theme-package-content .product-sub-category-hub .other-links .strong a { padding-left: 12px; font: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; font-size: 1.154em; color: #004990; line-height: 3em; border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .theme-package .theme-package-wrapper .theme-package-content .product-sub-category-hub .other-links .cats-hub-responsive { display: block; } .theme-package .theme-package-wrapper .theme-package-content .product-sub-category-hub > li { padding-left: 0; } .theme-package .theme-package-wrapper .theme-package-content .cats-hub-responsive { height: 42px; line-height: 2.3; border-top: 1px solid #ccc; } .theme-package .theme-package-wrapper .theme-package-content li:first-child .cats-hub-responsive:first-child { border-top: none; } /* ---[ Le CSS suivant sert pour la Solution du DossierPatient (Dossier Santé) ]------------------------------- */ .htmlCMS.htmlCMS-DefaultContent, .htmlCMS.htmlCMS-ProfileContent { padding: 0; width: 100%; } .ds-index-intro, .dossier-sante.main-content, .dossier-sante .grid-view-div, .GridTable, .RxGridHeader, #faqOverlay { width: 100%; } .RxGridHeader .check-all { width: 20px; padding: 6px 5px 5px 12px; } .RxGridHeader .ordonnance { width: 90px; } .RxGridHeader .medicaments { width: auto; } .RxGridHeader .restants { width: 100px; border-right: 0; } .RxGridHeader .rappels-de-renouvellement { width: auto; } .RxGridCells.check { width: 20px; padding: 6px 5px 5px 12px; } .RxGridCells.medicaments { width: auto; } .RxGridCells.restants { width: auto; border-right: 0; } .RxGridCells.ordonnance, .RxGridCells.rappels-de-renouvellement, .RxGridCells.rappels-de-renouvellement { width: auto; } .RxGridCells.RxGridCellsNoBorder.rappels-de-renouvellement { width: auto; } .field-zone-responsive { display: inline-block; float: none; padding: 0; width: 95%; text-align: left; } .field-zone-addrx-responsive { display: inline-block; float: none; width: 95%; } .FieldZone .txtNoPrescription { width: 100px; } .FieldZone .txtNoMagasin { width: 70px; } .renew-btn-container { float: none; padding: 0; } .lblDisclaimerContainer { width: 100%; padding: 0; padding-top: 10px; } .ds-index-modal-popup { display: none; width: 95%; } .htmlCMS.profile_content.htmlCMS-ProfileContent .btn-vertical-align .btn-interface-4-corners { width: 75%; } .htmlCMS.profile_content.htmlCMS-ProfileContent .btn-add-container { float: none; } /* *********************************** * [ pc.less ] * **************************************/ .promo-burst { top: -45px !important; } .order-data { padding: 3px 0 5px 0; display: block; } .block-separator { padding-bottom: 26px; } /*Photo Passeport*/ #photo-section .block-separator { padding-bottom: 0; border-bottom: 0; } .brand-media-flag { height: 44px; width: 33px; } .stack-burst { display: none; } .faq-block p { margin: 0 20px 10px 20px; padding-top: 15px; } .faq-question { padding: 15px 22px 15px 14px; margin-bottom: 0; } .faq-question.btn-cta { text-align: left; margin-right: 0; } .faq-question.anchor-expanded { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .faq-block { margin: 0 0 20px 0; } .faq-block .faq-element { padding: 0; background: none; } .faq-block .faq-element .toggle-block { -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #b0cdd7; border-bottom: 1px solid #b0cdd7; border-left: 1px solid #b0cdd7; } .faq-block .arrow-container { left: auto; right: 0; top: auto; background: none; } /* ---[ Template Template 54000 - Customer Service - Landing.aspx ]------------------------------- */ .customer-service-wrapper { overflow: visible; } .customer-service-wrapper .sub-title-wrapper { margin-bottom: 22px; text-align: left; line-height: 1.4em; } .customer-service-coord.left, .customer-service-coord.right { float: none; width: 100%; height: auto; } .customer-service-coord.left { border: none; } .customer-service-coord.right { margin-top: 20px; } .customer-service-coord.rounder-box { background: none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; } .customer-service-coord .customer-service-coord-text { width: 100%; } .customer-service-coord .customer-service-coord-text p.customer-service-coord-btn { padding: 0; } .customer-service-coord .customer-service-coord-teaser { color: #004990; margin-left: 10px; } .customer-service-coord .customer-service-coord-schedule { margin-left: 10px; margin-bottom: 10px; padding: 0; } .customer-service-coord .icon-anim { display: none; } .customer-service-coord.right { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .customer-service-coord.right .btn-cta { border: 0; border-top: 1px solid #cad0d4; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .customer-service-coord .btn-cta { margin-right: 0; padding: 13px 13px 13px 50px; position: relative; font-size: 1.154em; text-align: left; } .customer-service-coord .btn-cta .icon-picto { font-size: 1.692em; left: 10px; right: 0 !important; } .customer-service-coord .btn-cta .ficon { position: absolute; right: 5px; top: 2px; line-height: 42px; } /* ---[ Dossier Santé ]------------------------------- */ #health-file .sheet-wrapper { margin: 0; } #health-file .section-wrapper .page-content { margin: 0; } #health-file .section h2.health-file-subtitle { padding-bottom: 0; } #health-file .sheet-wrapper.wide .sheet-textbox .health-file-ctn .health-file-subtitle { margin-bottom: 4px; } #health-file .sheet-wrapper.wide .sheet-textbox .health-file-ctn form .health-file-subtitle { margin-bottom: inherit; padding-bottom: 10px; } #health-file .sheet-wrapper .sheet-textbox p { margin-bottom: 0; } .health-file-intro { width: 100%; } .health-file-intro .intro { margin-bottom: 10px !important; } .health-file-cols { width: 100%; float: none; } .health-file-cols.health-file-cols:first-child, .health-file-cols.health-file-ctn { padding: 0; } .health-file-ctn .field-row .input-wrapper { position: relative; margin: 0; } .health-file-ctn .field-row .input-wrapper .nip { width: 87%; } .health-file-ctn .field-row .input-wrapper .icon.help-dark { margin: 0; position: absolute; right: 0; top: 0; width: 33px; } .health-file-ctn .field-row .input-wrapper .icon.help-dark .hidden-text { display: block; } .health-file-ctn .btn-cta { text-align: center !important; font-size: 1em !important; padding: 15px !important; } .healthsecurity .loginPassword form.two-col .input-wrapper { margin-left: 0; width: 100%; } .healthsecurity .loginPassword form.two-col .input-wrapper input { width: 100%; } .healthsecurity .loginPassword .lpConnectionProblems { width: 100%; text-align: center; padding-top: 20px; padding-bottom: 20px; } .healthsecurity .loginPassword .lpSecretQuestion .lpSecretQuestionChange a { width: 96%; padding: 14px 2%; } .healthsecurity .hsSecurity form.two-col input { width: 100% !important; } .healthsecurity .hsSecurity .security-spacer { padding-top: 0; } .healthsecurity .hsSecurity .error-wrapper .err-desc .err-exclam { top: -10px; right: -10px; } .healthsecurity .hsSecurity .usPersonnalImage { /*position:relative;*/ margin: 40px 0; } .healthsecurity .hsSecurity .usPersonnalImage .usPersonnalImageCarousel { width: auto; line-height: normal; height: 124px; margin-bottom: 0; margin-left: -15px; margin-right: -15px; } .healthsecurity .hsSecurity .usPersonnalImage .usPersonnalImageCarousel .slider-nav { margin: 0 22px 0 24px; } .healthsecurity .hsSecurity .usPersonnalImage .usPersonnalImageCarousel .slider-nav .slick-list { margin: 0 3px 0 0; } .healthsecurity .hsSecurity .usPersonnalImage .usPersonnalImageCarousel .slider-nav .slick-list .slick-track .slick-slide { margin-left: 0; } .healthsecurity .hsSecurity .usPersonnalImage .usPersonnalImageCarousel .slick-slider { margin-bottom: 10px; } .healthsecurity .hsSecurity .usPersonnalImage .usPersonnalImageCarousel .controls-prev { left: -17px; } .healthsecurity .hsSecurity .usPersonnalImage .usPersonnalImageCarousel .controls-next { right: -17px; } .healthsecurity .hsSecurity .usQuestion .usQuestionList { position: relative; } .healthsecurity .hsSecurity .usQuestion .usQuestionList select { width: 100%; height: 34px; -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #ffffff; } .healthsecurity .hsSecurity .usQuestion .usQuestionList .mobile-select { display: block; width: 34px; height: 24px; padding-top: 10px; position: absolute; right: 0; text-align: center; font-size: 1.384em; color: #fff; background-color: #0090d2; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; pointer-events: none; display: none\9; } .healthsecurity .hsSecurity .usQuestion .usQuestionField input { width: 100%; } .overlay-custom-select { padding: 0; overflow: hidden; margin: 13px; border: 0; min-height: 100px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; z-index: 9999; } .overlay-custom-select .section-wrapper { padding: 20px; background: #FFF; position: absolute; top: 53px; bottom: 0; left: 0; right: 0; height: auto; width: auto; overflow-x: hidden; overflow-y: scroll; -webkit-transform: scale3d(1, 1, 1); } .overlay-custom-select .section-wrapper .err-desc .err-exclam { top: -10px; right: -10px; } .overlay-custom-select > h1 { background: #0090d2; border-bottom: 1px solid #005d95; padding: 16px 60px 16px 18px; color: #fff; font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.462em; } .overlay-custom-select .close { font-family: pjc-pictosregular, Verdana, Arial, Sans-Serif; color: #c7edff; background: none; height: 24px; width: auto; padding: 14px; z-index: 999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 2.153em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; right: 0; border-left: 1px solid #027bb9; position: absolute; top: 0px; cursor: pointer; cursor: hand; text-decoration: none; } /*.overlay { header h1 { background: #0090d2; border-bottom: 1px solid #005d95; padding: 16px 18px 16px 18px; color: #fff; } > a.close { display: none; } }*/ .my-account-block-content { position: relative; padding: 0; } .my-account-block-content .user-account-address-block li { background: none; display: block; width: 100%; margin: 0; padding: 15px; border-bottom: none; box-sizing: border-box; } .my-account-block-content .user-account-address-block li.last { border-left: none; border-right: none; padding: 0; } .my-account-block-content .user-account-address-block li input { float: left; margin: 3px 0 0 0; } .my-account-block-content .user-account-address-block li .my-account-user-details-wrapper { margin: 0 0 0 25px; } .my-account-block-content .user-account-address-block li .my-account-box-links { padding-top: 20px; width: 100%; text-align: center; padding-bottom: 15px; overflow: hidden; } .my-account-block-content .user-account-address-block li .my-account-box-links .my-account-box-links-wrapper { margin: 0 2px; } .my-account-block-content .user-account-address-block li .btn-modify-responsive, .my-account-block-content .user-account-address-block li .btn-remove-responsive { width: 37%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; text-align: center; padding: 15px; -moz-box-shadow: 0px 1px 1px 0px #bbbbbb; -webkit-box-shadow: 0px 1px 1px 0px #bbbbbb; -o-box-shadow: 0px 1px 1px 0px #bbbbbb; box-shadow: 0px 1px 1px 0px #bbbbbb; min-width: 60px; } .my-account-block-content .user-account-address-block li .btn-modify-responsive { display: inline-block; background: #0090d2; color: #fff; width: auto !important; } .my-account-block-content .user-account-address-block li .btn-remove-responsive { display: inline-block; background: #f3faff; color: #245a98; width: auto !important; } /* ------------------ [Order Details - Cancel Order] ------------ */ .user-account-cancelorder.form-error { padding-bottom: 40px; } .user-account-address-block .my-account-user-details .my-account-user-coord { font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } .user-account-address-block .my-account-box-links a { width: auto; display: block; } .brands-list .intro-header { display: none; } .brand-nav .brand-item { padding: 0 2% 4% 2%; width: 45%; height: auto; float: none; position: relative; display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; } .brand-nav .brand-item .brand-box img, .brand-nav .brand-item .brand-box a.preview:hover img { width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .brand-nav .brand-item .brand-box.no-details a.preview img { background-color: transparent; } /* ---[ Nous joindre - ContactUs.aspx ]------------------------------- */ .contactus-content { /*.page-content:first-child { h1 { padding: 0; } > p { display:none; } } */ } .contactus-content.article-layout header { background: none; } .contactus-content .intro-header { background: #f3faff; margin-left: -10px; margin-right: -10px; border-bottom: 1px solid #cad0d4; margin-bottom: 0; } .contactus-content .intro-header p, .contactus-content .intro-header ul { display: none; } .contactus-content .intro-header > div { display: none; } .contactus-content .intro-content { padding-top: 20px; } .contactus-content .intro-content h1, .contactus-content .intro-content ul.intro-anchor { display: none; } .contactus-content .contactus-content .page-content h2.title { padding-bottom: 0; } .contactus-content .result-panel { padding: 20px 0; } .contactus-content header { padding: 0; margin-bottom: 20px; } .contactus-content .contactus-postit { display: none; } .contactus-content .block-service { position: relative; overflow: visible; border-bottom: 0; } .contactus-content .block-service.hq-content { padding-bottom: 5px; } .contactus-content .block-service.hq-content .title strong { font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.308em; } .contactus-content .block-service .block-content { margin-bottom: 10px; } .contactus-content .block-service .social-image { position: absolute; right: -12px; top: 0; font-family: pjc-pictosregular, Verdana, Arial, Sans-Serif; font-size: 9.23em; color: #004990; overflow: hidden; } .contactus-content .block-service .social-image .img-in { position: relative; left: 20px; } .contactus-content .block-service .btn-cta { position: relative; padding: 13px 13px 13px 50px; font-size: 1.154em; font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } .contactus-content .block-service .btn-cta .icon-picto { font-size: 1.692em; left: 10px; right: auto !important; } .contactus-content .block-service .btn-cta .ficon { position: absolute; top: 0; right: 5px; line-height: 42px; } .contactus-content .btn-phone .icon-picto { border-right: 1px solid #cad0d4; padding-right: 7px; } .contactus-content .icon-shortcuts-wrapper .icon-anim .icon-shortcut .ficon-circle { left: 0; } .contactus-content .icon-shortcuts-wrapper .icon-anim .icon-shortcut .ficon-circle .ficon { top: 10px; font-size: 1em; } /* ---[ Kiosque Photo - Compatible List ]------------------------------- */ h2.compatible-title { font-size: 1.384em; } .rounder-box .compatible-4columns-icon li { padding: 0; margin: 0; width: 49.9%; } /* ---[ Photo ]------------------------------- */ .icon-shortcut-teaser.localisation-icon, .icon-shortcut-teaser.print-photo { display: none; } .photo-teaser-box.border-on-bottom { padding-bottom: 20px; border-bottom: none; } .photo-teaser-box.border-on-top { padding-bottom: 20px; border-top: none; } .photo-teaser-pic { position: relative; } .photo-teaser-text { margin-left: 0; } .photo-teaser-text .photo-teaser-title { padding-bottom: 15px; font-size: 1.308em; } .teaser-block { margin-top: 0; /*22px*/ margin-bottom: 0; width: 100%; } .teaser-block h2 { font-size: 1.308em; } .video-cta { display: none; } .product-4-items .brand-focus-product, .product-5-items .brand-focus-product { width: 100%; position: relative; text-align: left; } .product-4-items .brand-focus-product .product-preview, .product-5-items .brand-focus-product .product-preview { width: 19%; margin-right: 3%; margin-left: 2%; float: left; } .product-4-items .brand-focus-product .product-preview img, .product-5-items .brand-focus-product .product-preview img { max-height: 60px; max-width: 100%; } .product-4-items .brand-focus-product .product-item-link, .product-5-items .brand-focus-product .product-item-link { float: left; width: 76%; } .product-4-items .brand-focus-product .box-price, .product-5-items .brand-focus-product .box-price { position: relative; bottom: 0; width: auto; } .product-4-items .brand-focus-product .product-item-description .product-brand, .product-5-items .brand-focus-product .product-item-description .product-brand { padding-left: 0; } .product-4-items .brand-focus-product .product-item-description .product-name, .product-5-items .brand-focus-product .product-item-description .product-name { padding-left: 0; } .brand-focus .controls-nav { display: block; } .brand-focus .flyer-focus-title-bar .flyer-focus-view-all.btn-cta { bottom: 15px; left: 10px; right: 10px; top: auto; text-align: center; z-index: 1; color: #004990; } .brand-focus .controls-prev, .brand-focus .controls-next { display: none; } .brand-focus.with-see-all-link-title .controls-nav { bottom: 20px; } .brand-focus.with-see-all-link-title .carousel-element { padding-bottom: 60px; } .brand-focus.product-4-items .carousel-element, .brand-focus.product-5-items .carousel-element { width: 100%; background: none; } .brand-focus.product-3-items .carousel-element { background: none; } .brand-focus.product-3-items .brand-focus-product { width: 100%; position: relative; text-align: left; } .brand-focus.product-3-items .brand-focus-product .product-preview { width: 19%; margin-right: 3%; margin-left: 2%; float: left; } .brand-focus.product-3-items .brand-focus-product .product-preview img { height: 60px; width: auto; } .brand-focus.product-3-items .brand-focus-product .product-item-link { float: left; width: 76%; } .brand-focus.product-3-items .brand-focus-product .product-item-link .box-price { position: relative; bottom: 0; width: 100%; } .brand-focus.product-3-items .brand-focus-product .product-item-link .product-item-description .product-name { padding-left: 0; } .my-pjc-box .article-layout.half-sep { height: auto !important; } .my-pjc-box .search-store .copy { width: 100%; max-width: 100%; height: 100% !important; } .my-pjc-box .search-store .copy p { display: block; margin-right: 76px; } .my-pjc-box .search-store .copy .btn-interface { height: 11px; } .my-pjc-box .store-hours { width: 100%; } .flyer-content { width: 300px; } .flyer-image.regular-flyer { background: none; } .flyer-section .flyer-element .flyer-image img { width: 100%; } .register-content .register-postit .register-postit-content { padding: 20px; } .register-content .register-postit .register-postit-content p { padding: 5px 0 5px 0; } /* START SERVICE INFO (ServiceInfos.ascx) : /photo/photos-identite/ */ #service-info-main-div.rounder-box { border: none; background: none; border-radius: 0; } #service-info-main-div.rounder-box .rounder-box-content { padding: 0; } #service-info-main-div .arrow-container { left: auto; right: 10px; top: auto; position: absolute; } #service-info-main-div .toggle-description { border: 1px solid #ccc; margin-bottom: 10px; } #service-info-main-div .fn-toggle-block > div { margin: 10px 10px 10px 10px; } #service-info-main-div h2.title { padding-bottom: 0; } #service-info-main-div .btn-cta { border-color: #cccccc; display: block; text-align: left; padding: 15px 22px 15px 14px; } #service-info-main-div .btn-cta.anchor-expanded { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom: none; } #service-info-main-div .btn-cta-expanded { border-radius: 3px 3px 0 0; border-bottom: 1px solid #8ba1b5; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #service-info-main-div .fn-content-not-expanded { /* USED TO DISPLAY THE DESCRIPTION BOX */ border: 0; } #service-info-main-div #service-info-toggle-block.content.center { padding: 0; } /* END SERVICE INFO*/ /* ---[ Template Template 58000 - My Acount - Landing.aspx ]------------------------------- */ #order-list.rounder-box, #my-pjc.rounder-box, #order-address-list.rounder-box, #subscription-info-list.rounder-box, #personal-information.rounder-box, .my-pjc-box { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; background: none; } #order-list .my-account-block-content, #my-pjc .my-account-block-content, #order-address-list .my-account-block-content, #subscription-info-list .my-account-block-content, #personal-information .my-account-block-content { padding: 0; margin: 0; } .my-account-block-content .btn-cta a { font: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif; } #order-list .arrow-container, #my-pjc .arrow-container, #order-address-list .arrow-container, #subscription-info-list .arrow-container, #personal-information .arrow-container, .my-pjc-box .arrow-container { left: auto; right: 15px; top: auto; position: absolute; } #order-list .btn-cta, #my-pjc .btn-cta, #order-address-list .btn-cta, #subscription-info-list .btn-cta, #personal-information .btn-cta, .my-pjc-box .mobile-btn .btn-cta { background: none; padding: 15px 40px 15px 15px; background-color: #f3faff; margin: 0; font-size: 1.23em; text-align: left; line-height: 1.2em; box-shadow: none; } /* USED TO DISPLAY THE DESCRIPTION BOX */ #order-list .fn-content-not-expanded, #my-pjc .fn-content-not-expanded, #order-address-list .fn-content-not-expanded, #subscription-info-list .fn-content-not-expanded, #personal-information .fn-content-not-expanded, .my-pjc-box .fn-content-not-expanded { border: 0; } /* USED TO DISPLAY THE DESCRIPTION BOX */ #order-address-list .fn-content-expanded { border: 1px solid #ccc; } #order-list .fn-content-expanded, #my-pjc .fn-content-expanded, #subscription-info-list .fn-content-expanded, #personal-information .fn-content-expanded, .my-pjc-box .fn-content-expanded, #shipping-address .fn-content-expanded { padding: 15px; border: 1px solid #ccc; } #order-list .anchor-expanded, #my-pjc .anchor-expanded, #order-address-list .anchor-expanded, #subscription-info-list.anchor-expanded, #personal-information .anchor-expanded, .my-pjc-box .mobile-btn .anchor-expanded { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #order-list .btn-interface-4-corners, #subscription-info-list .btn-interface-4-corners, #personal-information .btn-interface-4-corners { -moz-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.75); -o-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.75); } #order-list .my-account-block-content .toggle-block .btn-cta { position: relative; margin-top: 15px; padding-right: 12px; padding-left: 12px; text-align: center; font-size: 1em; } #order-list .my-account-block-content .toggle-block .btn-cta .ficon { position: absolute; right: 5px; top: 15px; } /*MY PJC*/ #my-pjc .article-layout.half-sep { background: none; } .faq-cartes { padding-right: 10px; padding-top: 15px; } .my-pjc-box { height: auto; padding: 0; } .my-pjc-box .my-pjc-wrapper { padding: 0; height: auto; } .my-pjc-box .my-pjc-wrapper .sub-title { margin: 0; } .my-pjc-box .my-pjc-wrapper .icon-section.store { display: none; } .my-pjc-box .my-pjc-wrapper .modify { display: none; } .my-pjc-box .my-pjc-wrapper .mobile-btn, .my-pjc-box .my-pjc-wrapper .phone-call-middle, .my-pjc-box .my-pjc-wrapper .modify-my-pjc { display: block; } .my-pjc-box .my-pjc-wrapper .phone-call-middle { font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif; font-size: 1.154em; } .my-pjc-box .my-pjc-wrapper .phone-call-middle .btn-cta { display: inline-block; text-align: left; } .my-pjc-box .my-pjc-wrapper .phone-call-middle .ficon { margin-right: 9px; padding-right: 9px; font-size: 1.384em; border-right: 1px solid #b0cdd7; vertical-align: middle; } .my-pjc-box .my-pjc-wrapper .proposed-link-img-box .proposed-links-picture { max-width: 90px; } /* ORDER LIST IN MY ACCOUNT */ .order-list-info { font-weight: bold; width: 50%; display: inline-block; height: 25px; margin-right: 13px; text-align: right; } .order-list-info .help-order-list-header { vertical-align: middle; } .order-list-info-content { width: 44%; display: inline-block; vertical-align: top; } .order-list li { padding: 4px; } .help-order-list-header { font-size: 20px; color: #0090d2; } .order-list-seperator { background: url("Images/Generic/dotted-line.png") repeat-x scroll left bottom transparent; position: relative; display: block; height: 5px; margin-bottom: 5px; } /* ORDER LIST ADDRESS */ #order-address-list .user-account-address-block li { display: block; background: none; width: 100%; padding: 0; margin: 0; } #order-address-list ul { width: auto; } #order-address-list form { padding: 15px; border-bottom: 1px solid #ccc; } #order-address-list li:last-child form { border: none; } #order-address-list .my-account-user-details { padding-top: 0; } #order-address-list .my-account-user-details input { float: left; margin-top: 3px; background: #999; } #order-address-list .my-account-user-details .my-account-user-details-wrapper { margin-left: 25px; display: block; } #order-address-list .my-account-box-links { display: none; padding-top: 20px; width: 100%; text-align: center; padding-bottom: 15px; overflow: hidden; } #order-address-list .my-account-box-links .my-account-box-links-wrapper { margin: 0 5px; } #order-address-list .btn-modify-responsive, #order-address-list .btn-remove-responsive { width: 37%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; text-align: center; padding: 15px; -moz-box-shadow: 0px 1px 1px 0px #bbbbbb; -webkit-box-shadow: 0px 1px 1px 0px #bbbbbb; -o-box-shadow: 0px 1px 1px 0px #bbbbbb; box-shadow: 0px 1px 1px 0px #bbbbbb; } #order-address-list .btn-modify-responsive { float: left; background: #0090d2; color: #fff; width: 70%; } #order-address-list .btn-remove-responsive { float: right; background: #f3faff; color: #245a98; width: 70%; } #order-address-list .view-all-wrapper { position: relative; display: block; padding-bottom: 1px; } /* SUBSCRIPTION LIST */ .icon-ctn { width: auto; height: auto; } #subscription-info-list .health-file-note-responsive { display: none; } #subscription-info-list .health-file-note { padding: 20px; } #subscription-info-list .icon-responsive { left: 0; } #subscription-info-list .icon-responsive .ficon-circle { font-size: 4.345em; } #subscription-info-list .icon-responsive .ficon-circle .ficon { top: 10px; } #subscription-info-list .icon-responsive.icon-static { top: 10px; left: 0; } #subscription-info-list .icon-responsive.icon-static .shadow { display: none; } #subscription-info-list .subscription-content { padding-left: 75px; width: 155px; height: auto; line-height: inherit; margin-bottom: 20px; } #subscription-info-list .subscription-content h2.title { padding-bottom: 0; padding-top: 10px; display: inherit; } #subscription-info-list .subscription-cols { width: 100%; } #subscription-info-list .btn-interface-4-corners { margin-top: 6px; } /* PERSONAL INFORMATION - SECTION MY ACCOUNT*/ #personal-information #customerInfoAndPassword { padding: 15px; } #personal-information .health-file-note { padding-top: 15px; } /* Concours Details */ #contest-element .article-layout header { margin-bottom: 5px; } #contest-element article.article-layout .contest-content h2, #contest-element article.article-layout .contest-content p, #contest-element article.article-layout .contest-content ul { margin-bottom: 15px; } #contest-element #contest-rules .rules-section { padding: 0 0 20px 0; } #contest-element #contest-rules .rules-expand-btn { display: block; box-sizing: border-box; } #contest-element #contest-rules .rules-expand-btn .ficon { float: right !important; } #contest-element #contest-rules .rules-expand-btn.fn-expanded { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom: 1px solid #b0cdd7; } #contest-element #contest-rules .rules-content { padding: 0; } #contest-element #contest-rules .rules-content h3 { margin-bottom: 10px; } #contest-element #contest-rules .rules-content > div { padding: 15px 15px 10px 15px; border-right: 1px solid #b0cdd7; border-left: 1px solid #b0cdd7; border-bottom: 1px solid #b0cdd7; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .infos-title { max-width: 50%; } .infos-title.right { text-align: right; } .infos-title.fixed-height .infos-row { min-height: 25px; } .legal ul, .legal ol { padding: .5em 20px; } /* ----------- [SECTION 1 - PROMO TOP ] ----------------------*/ .brand-product-tag { margin: 0 auto; padding-bottom: 12px; } /*------------------------SECTION 4 VIDEO FOCUS ----------------------------------------*/ /* Détail d'une marque */ .brand-video-wrapper { padding-bottom: 0; } .brand-video-player, .brand-video-text { display: inline-block; float: none; clear: both; width: 100%; } .gjc-tab .brand-video-player { width: 100%; } .brand-video-text { margin-top: 26px; background: none; } .brand-video-textbox, .brand-video-effect { border: none; min-height: inherit !important; } .brand-video-title { padding: 0; } .brand-video-teaser { padding: 12px 0 0 0; } .brand-video-effect { display: none; } .mobile-videoplayer-wrapper { position: relative; z-index: 10; display: block; left: 0; right: 0; top: 0; bottom: 0; } .mobile-videoplayer-wrapper iframe { max-width: 100%; } /* DICTIONNAIRE DES MEDICAMENTS */ .btn-print { display: none; } /* *********************************** * [ searchstore.less ] * **************************************/ /*Google places - texte de l'auto-complete*/ .pac-container { min-width: 76% !important; } .mapPopup { display: none !important; } /* Modifier le left de la classe mapPopup lorsque la width est modifiée */ .store-search-container { display: none; width: 100%; } .store-search-content .store-select-action { padding: 0; } .store-search-content .store-select-action.hidden-store-select { padding: 0; } .store-search-content .store-no-result { text-align: center; line-height: normal; display: none; padding: 20px 0; } .store-search-content .store-result .store-item-result { padding: 15px 3%; } .store-search-container .store-select-pager { padding: 15px 0; text-align: center; } .store-search-container .store-select-pager a { cursor: pointer; padding: 0 3px; } .store-search-container .store-select-pager a.jp-disabled { color: #BBB; text-decoration: none; pointer: none; } .store-search-input .store-search-input-content { position: relative; } .store-search-input .store-search-input-content .header-search-button { position: absolute; right: -2px; } .store-search-input .error-wrapper { padding-right: 40px; } .store-search-input .error-wrapper .err-exclam { top: -10px; right: -9px; } .saveStoreButton { padding: 6px 12px 0px 18px; } .saveStoreButton .store-selector-link { width: 100%; } /* ---[ Page de support - Support.aspx ]------------------------------- */ #support-page form.two-col .input-wrapper { margin-left: 0; } #support-page .system-info-row, #support-page .javascript-info-row { margin-bottom: 0; } #support-page .system-info-row .support-box-info, #support-page .javascript-info-row .support-box-info { width: auto; margin: 10px 0; float: none; } #support-page .ua-info-row { margin: 0 0 10px; } #support-page .js-info-row { margin: 0; } /*Fix BUG de rendu*/ .mypjcFavoriteStore .mypjc-content .error-wrapper .store-search-input-content { max-width: 100% !important; width: 100% !important; } #storeSearchContainer .store-search-content #ss-store-result #search-store-ul { min-height: 0 !important; } #contact-form-wrapper form .store-search-container .store-select-container input { width: auto !important; } /* DOSSIER SANTÉ - MODIFIEZ VOTRE NIP */ .nonDisplayedRXDiv { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .empty-rx-grid-inner { width: 100% !important; } .ds-nip-popup { left: 0 !important; top: 0 !important; width: auto !important; bottom: 0 !important; right: 0 !important; padding-bottom: 0 !important; min-width: 320px !important; } .ds-nip-popup .overlay-dossier-sante { position: relative; width: 100%; height: 100%; } .ds-nip-popup .overlay-dossier-sante header { margin-bottom: 20px; } .ds-nip-popup .overlay-dossier-sante header h1 { background: #0090d2; border-bottom: 1px solid #005d95; padding: 16px 18px 16px 18px; color: #fff; } .ds-nip-popup .overlay-dossier-sante header .shared-item { padding: 20px 13px 20px 13px; } .ds-nip-popup .overlay-dossier-sante header .shared-item hgroup { padding-left: 0; } .ds-nip-popup .overlay-dossier-sante .section-wrapper { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; top: 0; padding: 0 0 20px 0; overflow-y: scroll; overflow-x: hidden; } .ds-nip-popup .overlay-dossier-sante .overlay-dossier-sante-form { margin: 0; padding: 0 13px 0 13px; } .ds-nip-popup .overlay-dossier-sante .overlay-dossier-sante-form .page-content { margin-top: 12px; } .ds-nip-popup .overlay-dossier-sante .overlay-dossier-sante-form div.two-col .input-wrapper { margin-left: 50%; } .ds-nip-popup .overlay-dossier-sante .overlay-dossier-sante-form div.two-col .field-row .lbl-wrapper { width: 45%; } .ds-nip-popup .overlay-dossier-sante .overlay-dossier-sante-form div.two-col .field-row:last-child { padding-top: 20px; } .ds-nip-popup .overlay-dossier-sante .overlay-dossier-sante-form div.two-col .field-row:last-child > div.input-wrapper { margin: 0; } /* Coupons */ .coupons-selection #coupons-container { margin: auto; text-align: center; } .coupons-selection #coupons-container .coupon-thumbnail { margin: 15px; } /* ---[ Bandeau promotionnel - PromotionBand.aspx ]------------------------------- */ .bandeau-promotion .content-promo { padding: 10px 4px 20px 18px; } .bandeau-promotion .content-promo div { display: inline; height: auto; line-height: normal; } .bandeau-promotion .content-promo .logo-promo { top: 0px; float: right; margin: 0px; padding: 0px; } .bandeau-promotion .content-promo .nbr-promo { line-height: normal; } .bandeau-promotion .content-promo .date { line-height: normal; margin-bottom: 8px; padding-right: 0; font-size: 1.462em; padding-top: 10px; } .bandeau-promotion .content-promo .date div.table-cell { display: inline; line-height: normal; } .bandeau-promotion .content-promo .txt-promo { margin-left: 0; } .bandeau-promotion .content-promo .extra-txt-promo { margin-left: 0; } .bandeau-promotion .content-promo .nbr-promo { margin-left: 0; font-size: 4.615em; } .bandeau-promotion.carte-cadeau .content-promo .date { border-right: none; } .bandeau-promotion.argent-am-rabais .content-promo .logo-promo, .bandeau-promotion.argent-am-prime .content-promo .logo-promo { float: none; margin: 0px; padding: 0px; top: 0px; } .forget-password .question-answer input { width: 100%; } .forget-password .secret-question .secret-question-change a { width: 96%; padding: 14px 2%; } } /*End media-queries-mobile*/