/*suppression odr homepage .cms-home .slider .odr{display: none;}*/ /*suppression sticker energy sur les pages listes*/ /*.catalog-category-view #stickerEnergy{display: none;}*/ /*Message d'information pour formulaire de contact KO body.contacts-index-index #main #contactForm fieldset > .small-12 > .row:first-child:after {content:"Chers Clients, Nos services téléphoniques seront exceptionnellement fermés le 16/06/2022 de 10h30 à 16h. Si vous le pouvez, merci de nous joindre en dehors de ces horaires. Nos équipes seront disponibles de 8h à 10h30 et de 16h à 19h. En cas d'urgence SAV, merci de nous contacter par email à l'aide de notre formulaire de contact. Nous vous prions de nous excuser pour la gêne occasionnée et vous remercions pour votre compréhension"!important;margin-left: 0.9375rem; margin-right: 0.9375rem; padding:15px; border:solid 1px #f27857; color:#f27857; } */ /*Bandeau d'information #main:before {content:"Nos conseillers sont disponibles par téléphone au 03 20 49 58 87 du lundi au samedi de 9h à 19h."; background-color:#517f9b; width:100%; display:block; text-align:center; padding:10px 20px; color:#ffffff; z-index: 1; position: relative;font-size:12px;} body[class*="customer-"] #main:before, body[class*="pcontrats-"] #main:before, body[class*="newsletter-manage-index"] #main:before, body[class*="sales-order-history"] #main:before, body[class*="sales-order-view"] #main:before { content:none;} body[class*="customer-"] #main .box > .head:before, body[class*="pcontrats-"] #main .box > .head:before, body[class*="newsletter-manage-index"] #main .box > .head:before, body[class*="sales-order-history"] #main .box > .head:before, body[class*="sales-order-view"] #main .box > .head:before{content:"Nos conseillers sont disponibles par téléphone au 03 20 49 58 87 du lundi au samedi de 9h à 19h."; background-color:#517f9b; width:100%; display:block; text-align:center; padding:10px 20px; color:#ffffff; z-index: 1; position: relative; font-size:12px;} .cms-home #main:before {display:none;} .cms-home .bandeau{background-color:#d14600; width:100%; display:block; text-align:center; padding:10px 20px; color:#ffffff; position: relative;} .cms-home .bandeau p {color:#ffffff;font-size: 15px; margin-bottom:0!important;} .cms-home .bandeau a{color:#ffffff} .checkout-onepage-index #main:before { content:none;} END Bandeau d'information*/ .cms-home #main:before {content:"Retrouvez la location dans 10 magasins Boulanger : Beauvais (60), Englos (59), Dunkerque (59), Lens (59), Wasquehal (59), Noyelles Godault (62), Pau (64), Fléville (54), La Vigie (67), Montparnasse (75)."; background-color:#517f9b; width:100%; display:block; text-align:center; padding:10px 20px; color:#ffffff; z-index: 1; position: relative; font-size:12px;} /*cacher besoin d'aide dans le Menu .cms-home #main:before {content:"Nos conseillers sont disponibles par téléphone au 03 20 49 58 87 du lundi au samedi de 9h à 19h."; background-color:#517f9b; width:100%; display:block; text-align:center; padding:10px 20px; color:#ffffff; z-index: 1; position: relative; font-size:12px;} #univers1 #menu .navigation_reassurance .besoin_aide:last-child {display:none;}*/ .tc-privacy-overlay {z-index: 9999998!important;} .tc-privacy-center-container {z-index: 9999999!important;} #privacy-cat-modal .modal-dialog { top:10px!important; transform: inherit!important;} #layer_cookies_publicitaires { display:none!important;} @media (max-height: 655px){ #univers1.full .sticky {overflow-y: initial!important;} } .catalog-product-view .product-info-box #services_inclus li:last-child {display:none; visibility:0,} /*menu - desk*/ #univers1 #nav2 > li p { line-height: 25px!important; padding: 13px;} #univers1.layer #nav2 > li p { padding-right: 42px;} #univers1 .navigation .velo {display:none!important;} /* --------------------------------------------------------------------------------------------- -------------------------------------- B U T T O N S -------------------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .button-green {background-color:#aac2a8;color:#ffffff;min-width:200px;overflow:hidden;font-size:13px;font-weight:bold;text-transform: uppercase;padding:16px 25px;display:inline-block;text-align:center;text-decoration:none;border-radius: 30px;} .button-border-white { cursor:pointer; color:#ffffff; text-decoration:none; min-width:200px; border: solid 2px #ffffff; overflow:hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.2s;transition-duration: 0.2s; -webkit-transition-property:background;border-radius:30px; font-size:13px; font-weight:bold; text-transform:uppercase; padding: 16px 25px; display: inline-block; text-align: center;text-decoration:none;} .button-border-white:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; color:#f27857; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .button-border-white:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);} .button-border-white:hover { color:#f27857; text-decoration:none;} .button-full-white { color:#797979!important; text-decoration:none!important;min-width:200px; overflow:hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.2s;transition-duration: 0.2s; -webkit-transition-property:background;border-radius:30px; font-size:13px; font-weight:bold; text-transform:uppercase; padding: 16px 25px; background: #ffffff; display: inline-block; text-align: center;text-decoration:none;} .button-full-white:hover:before { text-decoration:none; background: -moz-linear-gradient(top, #fdfdfd 1%, #dedede 100%);background: -webkit-linear-gradient(top, #fdfdfd 1%,#dedede 100%);background: linear-gradient(to bottom, #fdfdfd 1%,#dedede 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dedede',GradientType=0 );} .button-full-white:active {background: -moz-linear-gradient(top, #dedede 1%, #fdfdfd 100%);background: -webkit-linear-gradient(top, #dedede 1%,#fdfdfd 100%);background: linear-gradient(to bottom, #dedede 1%,#fdfdfd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede ', endColorstr='#fdfdfd',GradientType=0 );} .button-full-white:before {content: ""; position: absolute; z-index: -1;top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; border-radius: 100px; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .button-full-white:active:before { -webkit-transform: scale(0); transform: scale(0); } .button-petit { min-width:165px; font-size:11px; padding: 10px 20px; text-align:center; text-transform:uppercase; text-decoration:none; font-weight: bold;} .button-normal { min-width:200px;font-size:13px; padding:16px 25px; text-align:center; text-transform:uppercase; font-weight: bold;} .buttoncolor-green-eco, .buttoncolor-green-eco:before { background-color:#67B290; } .button-full-green-eco { background: #67B290; color:#ffffff!important; text-decoration:none!important;min-width:200px; overflow:hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.2s;transition-duration: 0.2s; -webkit-transition-property:background;border-radius:30px; display: inline-block;} .button-full-green-eco:hover:before { text-decoration:none; background: -moz-linear-gradient(top, #5da082 1%, #6bb594 100%);background: -webkit-linear-gradient(top, #5da082 1%,#6bb594 100%);background: linear-gradient(to bottom, #5da082 1%,#6bb594 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da082', endColorstr='#6bb594',GradientType=0 );} .button-full-green-eco:active {background: -moz-linear-gradient(top, #6bb594 1%, #5da082 100%);background: -webkit-linear-gradient(top, #6bb594 1%,#5da082 100%);background: linear-gradient(to bottom, #6bb594 1%,#5da082 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb594 ', endColorstr='#5da082',GradientType=0 );} .button-full-green-eco:before {content: ""; position: absolute; z-index: -1;top: 0; left: 0; right: 0; bottom: 0; background: #67B290; border-radius: 100px; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .button-full-green-eco:active:before { -webkit-transform: scale(0); transform: scale(0); } .button-border-green-eco { cursor:pointer; color:#67B290; text-decoration:none; min-width:200px; border: solid 2px #67B290; overflow:hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.2s;transition-duration: 0.2s; -webkit-transition-property:background;border-radius:30px; display: inline-block; text-align: center;text-decoration:none;} .button-border-green-eco:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #67B290; color:#ffffff; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .button-border-green-eco:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);} .button-border-green-eco:hover { color:#ffffff; text-decoration:none;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- -------------------------------------- I C O M O O N -------------------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .icomoon_dedie_lokeo{ font-family: 'icomoon_dedie_lokeo'; font-size:70px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* @media screen and (min-width:40em){ .icomoon_dedie_lokeo { font-size:85px;} } @media screen and (min-width:64em){ .icomoon_dedie_lokeo { font-size:100px;} } */ /*#endregion*/ /* --------------------------------------------------------------------------------------------- --------------------------------- P A G E P R O D U I T --------------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .fprod .product-collateral .collateral-box .attribute-specs td.specs-group { margin-top:10px!important;} .fprod .product-collateral .collateral-box .attribute-specs .ligues_caracteristiques td {padding: 8px!important;} .fprod .product-collateral .collateral-box .desclong > h3 {clear: left;} .catalog-product-view .product-info-box .specificites a {border: solid 1px #ccc; padding: 5px 8px; margin-top: 5px; margin-bottom: 8px; display: inline-block; text-decoration: none; font-weight: bold;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ------------------------------ P A G E S NOUVEAUTES - PROMOS ------------------------------ --------------------------------------------------------------------------------------------- */ .category-nouveautes .facetting {display:none;} .category-bons-plans .facetting {display:none;} /* --------------------------------------------------------------------------------------------- -------------------- P A G E S C O N T E N U S D Y N A M I Q U E S -------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ /*Générique*/ #page_contenu_dynamique {position: relative;} #page_contenu_dynamique .breadcrumbs-scroll {position: absolute;left: 0;right: 0;} #page_contenu_dynamique .breadcrumbs-scroll li, #page_contenu_dynamique .breadcrumbs-scroll a {color: #fff;} #page_contenu_dynamique .breadcrumbs-scroll li:last-child a {text-decoration: none;} #page_contenu_dynamique .backimg {min-height: 250px;background-position: bottom center;background-repeat: no-repeat;background-size: cover;padding-top: 40px;padding-bottom: 40px;} #page_contenu_dynamique .center {text-align: center;} #page_contenu_dynamique .column-main {margin-top: 60px;margin-bottom: 20px;} #page_contenu_dynamique .column-main > div > li > a {text-decoration: none;} #page_contenu_dynamique .column-main .align-center > li {display: inline-block;margin: 0 8px;} /*Page ODR*/ #page_contenu_dynamique .filet h2 {padding-top: 60px;} #page_contenu_dynamique .filet > div {margin-top: 10px;margin-bottom: 10px; } #page_contenu_dynamique.page_odr .backimg {background-image: url('../../../../../../media/page_contenu/odr_automatique/odr_photo_hero.jpg');} #page_contenu_dynamique.page_odr .column-main { margin-bottom:70px; margin-top:0; } #page_contenu_dynamique.page_odr .column-main > div:first-child { padding-bottom: 30px; padding-top: 30px; background-image: url(/media/coaching-smartphone/old_wall.png); background-repeat: repeat; width: 100%; margin-top: -60px; } #page_contenu_dynamique.page_odr .align-center > li a{ cursor:pointer; color:#f27857; min-width:200px; border-radius:40px; font-size:13px; font-weight:bold; text-transform:uppercase; padding:16px 25px; border: solid 2px #f27857; display: inline-block; text-align: center;text-decoration:none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; overflow:hidden;} #page_contenu_dynamique.page_odr .align-center > li a:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, #f27857 0%, #ef8b50 100%); background: -webkit-linear-gradient(top, #f27857 0%,#ef8b50 100%); background: linear-gradient(to bottom, #f27857 0%,#ef8b50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8b50', endColorstr='#ed8d55',GradientType=0 ); color:#ffffff; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} #page_contenu_dynamique.page_odr .align-center > li a:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);} #page_contenu_dynamique.page_odr .align-center > li a:hover { color:#ffffff; text-decoration:none;} #page_contenu_dynamique.page_odr .listing-item { background-color:#ffffff; padding:20px; padding-top:0px; width:100%!important;} #page_contenu_dynamique.page_odr .listing-item .odr .columns { margin-top:20px;} #page_contenu_dynamique.page_odr .listing-item .odr .marque img {margin-top:50px;} #page_contenu_dynamique.page_odr .listing-item .odr .texte p { margin-bottom:8px;} #page_contenu_dynamique.page_odr .listing-item .odr .texte p:first-child span { font-weight:bold; font-size:17px; color:#f27857; display:block;} #page_contenu_dynamique.page_odr .listing-item .odr .texte b { margin-top:20px; display:block;} #page_contenu_dynamique.page_odr .listing-item .odr .texte ul li { display:inline-block; padding:0 10px 0 12px; border-left:solid 1px #cccccc;} #page_contenu_dynamique.page_odr .listing-item .odr .texte ul li:first-child {border:none; padding-left:0;} #page_contenu_dynamique.page_odr .listing-item .odr .lien a { display:table; margin:auto;} @media screen and (max-width: 39.9375em) { #page_contenu_dynamique .column-main .align-center > li {padding: 4px 12px;margin: 5px;} #page_contenu_dynamique .column-main .align-center > li > a {font-size:12px;} } /*#endregion*/ /*#region*/ /* --------------------------------------------------------------------------------------------- ---------------------- C O M M U N P A G E D E C O N T E N U ------------------------ --------------------------------------------------------------------------------------------- */ /*#region*/ @font-face { font-family: 'icomoon_dedie_lokeo'; src: url('/media/font/icomoon.eot?2kjpeu'); src: url('/media/font/icomoon.eot?2kjpeu#iefix') format('embedded-opentype'), url('/media/font/icomoon.ttf?2kjpeu') format('truetype'), url('/media/font/icomoon.woff?2kjpeu') format('woff'), url('/media/font/icomoon.svg?2kjpeu#icomoon') format('svg'); font-weight: normal; font-style: normal; } #hautpage {width: 36px; height: 36px; bottom: 100px; right: 15px !important; background: url('../../../../../../media/generique/hautpage_fleche.png') no-repeat top left;} /* .icon-x2:before { content: "\e900";} .icon-tel_esthetiques:before { content: "\e901";} .icon-tel_dommages:before { content: "\e902";} */ .icon-ampoule:before { content: "\e903";} .icon_assistance:before{content:"\e95c"!important; color:#fd5300;} .cms-page-view #main { position:relative;} .cms-page-view:not(.cms-newsletter) .breadcrumbs-scroll {position: absolute; left:0; right:0;} .align-middle { -webkit-box-align: center;-webkit-align-items: center;align-items: center;} #page_contenu .hero {background-position: bottom center; background-repeat: no-repeat; background-size: cover; padding-top:40px; padding-bottom:40px;} #page_contenu .br {display: inline-block;} #page_contenu .text-center {text-align: center;} #page_contenu h1 {font-weight: 500; line-height: 0.8em; } #page_contenu h2 {font-family: 'robotocondensed-regular', sans-serif; font-size: 27px; color: #517f9b; margin: 2em auto 20px auto; text-align: center; font-weight: 200; line-height: 1em;} #page_contenu h3 {font-family: 'open_sansregular', sans-serif; font-size: 17px; font-weight: bold; color: #f27857;} #page_contenu .ligne_2 {font-family: 'open_sansregular', sans-serif; font-size: 23px; font-weight: bold; display: block;} #page_contenu .border-deform {border: solid 1.3px #c9cec4; border-radius: 200px 5px 200px 5px/5px 200px 5px 200px;} #page_contenu .align-middle { -webkit-box-align: center;-webkit-align-items: center;align-items: center;} #page_contenu .texture-papier {background-image:url('../../images/old_wall.png'); background-repeat:repeat;} #page_contenu .icon-service.center-icon { width:50%; height: auto;} #page_contenu .icon-service p {text-align: center; font-weight: 700; line-height: 16px;} #page_contenu .icon-service p span.br{ font-weight: 500; font-size: 13px;} #page_contenu .icon-service p span.st {font-size: 10px!important;} #page_contenu .icon-service a {text-decoration: none;} #page_contenu .icon-service {margin-top: 20px; padding: 0px 5px;} #page_contenu .animation_concept { display: block; margin: auto; overflow: hidden; position: relative;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- -------------------- P A G E D E C O N T E N U C L A S S I Q U E -------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ #page_contenu.classique { padding-bottom:70px;} #page_contenu.classique h1 { color:#f27857; margin-top: 70px;} /*#page_contenu.classique h2 { color: #f27857; font-size: 25px; font-weight: 100; text-align:left;}*/ #page_contenu.classique h2 { text-align:left; margin-top:0; color:#f27857; font-size:30px;font-family: 'robotocondensed-regular'; margin-bottom:40px; font-weight:100; position:relative; padding-top:70px;} #page_contenu.classique h2:after { content:""; height:2px; width:30px; background-color:#f27857; position:absolute; bottom:-13px; left:0;} #page_contenu.classique h3 { color:#686a6b; margin-top: 40px;} #page_contenu.classique p { margin-bottom: .8em;} #page_contenu.classique ul, #page_contenu.classique ol {padding-left:35px; margin-bottom:15px;} #page_contenu.classique ol {list-style-type: decimal;} #page_contenu.classique ul li {list-style:initial; font-size:15px;} #page_contenu.classique ol li {font-size:15px;} #page_contenu.classique span { font-size-adjust:15px!important;} #page_contenu.classique .text-right { text-align:right;} #page_contenu.classique #navigation > div { padding:20px; background-image:url('../../images/old_wall.png'); background-repeat:repeat;margin-bottom:30px;} #page_contenu.classique #navigation p { font-family: 'open_sansbold'; font-size: 20px;font-weight: 100;text-transform: uppercase;} #page_contenu.classique #navigation ul { padding-left:0;} #page_contenu.classique #navigation ul li { list-style:none;} #page_contenu.classique #navigation ul li a{ text-decoration:none; margin-bottom:15px; display:block;} #page_contenu.classique > .large-9 > h2:first-child { margin-top:0;padding-top:0;} /*--CGV--*/ #page_contenu.classique .text-right { text-align:right;} #page_contenu.classique .border { padding:10px 10px 0 10px; margin-bottom:10px; border:solid 1px #867e81;} #page_contenu.classique .annexes { border-top: solid 1px #867e81; padding-top:20px; margin-top:100px;} #page_contenu.classique .annexe_cgv { border-top: solid 1px #867e81; padding-top:20px; margin-top:100px;} #page_contenu.classique .display_none { display:none;} /*Information_cookies*/ #page_contenu.classique table { font-size:15px; border: solid 1px #cccccc; width:100%;} #page_contenu.classique table th { border: solid 1px #cccccc; padding:10px; font-weight:bold;} #page_contenu.classique table td { border: solid 1px #cccccc; padding:10px;} /*#endregion*/ .cms-tarifs-accessoires tr:hover td:nth-last-child(-n+2) {background: #EDEDED;} .cms-tarifs-accessoires h3 {margin-top: unset!important;} /* --------------------------------------------------------------------------------------------- ------------------------------------ A C C O R D I O N ------------------------------------ --------------------------------------------------------------------------------------------- */ /*#region*/ /*FAQ*/ #page_contenu.classique .accordion_faq { margin-bottom:120px;} #page_contenu.classique .accordion_faq .accordion-container .set a.accordion_lien { text-transform:none; font-family:inherit; text-align:left; width:100%; margin-bottom:15px;} #page_contenu.classique .accordion_faq .accordion-container .set a.accordion_lien > b { margin-right:15px;} #page_contenu.classique .accordion_faq .accordion-container .set .accordion_panel { margin-top:0; margin-bottom:50px;} #page_contenu.classique .accordion_faq .accordion-container .set a.accordion_lien.active { background: #c9cec3; color: #ffffff;} .accordion-container .set a.accordion_lien { text-decoration: none; display:table; margin:auto; cursor:pointer; position:relative; padding-right:50px;} .accordion-container .set a.accordion_lien span { position:absolute; right:2px; top:2px; transform: rotate(90deg); font-size:20px;} .accordion-container .set > a.accordion_lien.active span{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);top: 2px;} .accordion-container .set .accordion_panel{ display:none; margin-top:25px;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ------------------------------------ F O O T E R ------------------------------------ --------------------------------------------------------------------------------------------- */ .footer-container .footer .texture-papier .services .icon-service .icomoon_dedie_lokeo {color: #EF7958; margin: auto; display: block; width: 100%; margin-bottom: 0;font-size: 8vw;} @media screen and (max-width: 39.9375em){.footer-container .footer .texture-papier .services .icon-service .icomoon_dedie_lokeo { font-size: 10vw!important;}} @media screen and (min-width: 64em) {.footer-container .footer .texture-papier .services .icon-service .icomoon_dedie_lokeo { margin-bottom: 10px; font-size: 50px;}} /* --------------------------------------------------------------------------------------------- ------------------------------------ H O M E P A G E ------------------------------------ --------------------------------------------------------------------------------------------- */ /*#region*/ #page_contenu.home-page .hero-home-page p.profitez_ete { font-family: 'robotocondensed-bold', 'open_sansregular'; text-transform:uppercase; font-size:60px;line-height: 70px; margin-bottom: 30px;} #page_contenu.home-page .hero-home-page {background-image:url('/media/home-page/offre/backhero_homepage.jpg');background-position: center top; background-repeat: no-repeat; background-size: cover; padding: 60px 45px; position:relative;} #page_contenu.home-page .hero-home-page:before { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu.home-page .hero-home-page h1 {text-align: center;line-height: 45px; margin-top:0; margin-bottom:10px;text-transform: lowercase; position:relative; z-index:1;} #page_contenu.home-page .hero-home-page h1::first-letter {text-transform: uppercase;} #page_contenu.home-page .hero-home-page p {font-family: 'robotocondensed-regular', 'open_sansregular';color:#ffffff;font-weight: 300;font-size: 18px;text-align: center; position:relative; z-index:1;} #page_contenu.home-page .hero-home-page .icon-categorie {margin: auto; display: block;} #page_contenu.home-page .hero-home-page .icon-categorie div a {padding-left: 5px;padding-right: 5px; text-decoration:none; position:relative;} #page_contenu.home-page .hero-home-page .icon-categorie div a .iconmoon_lok {font-size:60px; color:#ffffff; margin-top: 15px; display: block; margin-bottom: 20px;} #page_contenu.home-page .hero-home-page .icon-categorie div a p {font-family: 'open_sansregular'; font-size:15px; position: absolute; top: 80%; opacity:0; width: 92%;-webkit-transition: top 0.5s linear, opacity 0.5s ease-in; -moz-transition: top 0.5s linear, opacity 0.5s ease-in; -o-transition: top 0.5s linear, opacity 0.5s ease-in; transition: top 0.5s linear, opacity 0.5s ease-in;} #page_contenu.home-page .video {overflow:hidden;} #page_contenu.home-page .service { margin-top:0px; padding-bottom:40px; padding-top:40px;background-image: url('/media/coaching-smartphone/old_wall.png'); background-repeat:repeat;} #page_contenu.home-page .service h2 { color:#797979; margin:0; margin-bottom:15px;} #page_contenu.home-page .service .titre{padding:0;} #page_contenu.home-page .service .icon-service {margin-top: 20px;} #page_contenu.home-page .service .icon-service .iconmoon_lok {color: #797979; font-size: 40px;} #page_contenu.home-page .service .icon-service p {color:#797979;} #page_contenu.home-page .service .icon-service:hover .iconmoon_lok {color:#f27857;} #page_contenu.home-page .service .icon-service:hover p {color:#f27857;} #page_contenu.home-page .offre h2 { margin-bottom:5px; } #page_contenu.home-page .offre .encart {height: 300px;padding:20px;position:relative;background-position: center; background-size: cover;background-repeat: no-repeat;} #page_contenu.home-page .offre .encart a { position:absolute; top:0; bottom:0; right:0; left:0; z-index:2;} #page_contenu.home-page .offre .encart:hover .button_plus::before {background-color:#c95b48;} #page_contenu.home-page .offre .button_plus{position: absolute;right: 20px;bottom: 30px;} #page_contenu.home-page .offre .encart-3 {overflow: hidden; background-color:#131218; text-align: center;} #page_contenu.home-page .offre .encart-4 .accroche{color:#fff;font-size:1.5em;line-height:1.2em;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #page_contenu.home-page .offre .encart-4 {height: 400px;} #page_contenu.home-page .offre .encart-5 {height: 200px;} #page_contenu.home-page .offre .encart p {font-size: 20px;background: #ffffff; padding: 5px; line-height: 23px; display: table;} #page_contenu.home-page .offre .encart-3 p { color: #ffffff; font-size: 28px;line-height: 30px; background: unset;position: unset;text-align: left; position:absolute; top: 50%; transform: translate(0%,-50%);} #page_contenu.home-page .offre .encart-3 .small-8 { position:relative; height:100%;} #page_contenu.home-page .offre .encart img.samsung {position: absolute;bottom: 20px;color: #FFFFFF; font-size: 20px;font-weight: bolder;letter-spacing: 3px;} #page_contenu.home-page .offre .encart p span {font-weight: bold; display: block;} #page_contenu.home-page .offre .encart-5 p {display: block;margin: auto;margin-top: 5px;background-color: unset;text-align: center;color: #FFFFFF;width: 200px; width: 100% !important; position: relative; top: 50%; transform: translateY(-65%);} #page_contenu.home-page .offre .columns {padding: 0;} #page_contenu.home-page .offre .columns.titre { padding-left: 0.9375rem; padding-right: 0.9375rem;} #page_contenu.home-page .offre .column {padding: 0.9375rem;} /*Promotions*/ #page_contenu.home-page {background-color: #F9F9F9;} #page_contenu.home-page .promotions h2 {text-align:left;} #page_contenu.home-page .promotions .column-block > div{ background:#ffffff; padding:17px; position:relative; margin-bottom:30px; min-height: 224px;} #page_contenu.home-page .promotions .column-block > div > a {position:absolute; top:0; bottom:0; left:0; right:0;} #page_contenu.home-page .promotions .column-block .contenu {padding-right:0;} #page_contenu.home-page .promotions .column-block .button-full-orangepetit { margin: auto; display: table; margin-top:20px;} #page_contenu.home-page .promotions .first > div {height:540px;} #page_contenu.home-page .promotions .column-block.first p {font-size: 18px;} #page_contenu.home-page .promotions .column-block p { color: #797979; font-family: 'open_sanssemibold'; font-weight: 100; font-size: 16px;} #page_contenu.home-page .promotions .column-block .image { padding:0;padding-left: 7px;} #page_contenu.home-page .promotions .column-block .image img {display:block; margin:auto; margin-top:15px;} #page_contenu.home-page .promotions .large-up-2 .column-block .logo_marque {max-width:125px; margin:10px 0;} #page_contenu.home-page .promotions .column-block .formule.encart-1 {margin-top:5px;} #page_contenu.home-page .promotions .column-block .flap{position:absolute; top: -4px; left: 10px; transform: rotate(-5deg);z-index: 1;} #page_contenu.home-page .promotions .column-block .container img {position: absolute;max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;display: inline-block;vertical-align: middle;} #page_contenu.home-page .promotions .offre-1 .first .image {position: relative;} #page_contenu.home-page .promotions .offre-4 .contenu .logo_marque{margin-bottom: 2px;} #page_contenu.home-page .promotions .offre-3 .image{margin-top: 10px;} #page_contenu.home-page .promotions .garantie-casse-vol::before{background-image: url('https://media.location.boulanger.com/media/page_liste/reassurance/pictos-garantie.jpg'); background-repeat: no-repeat; z-index: 1; position: absolute; content: " "; width: 100%; height: 30px;left:-20px;bottom:20px} #page_contenu.home-page .promotions .column-block .formule .reduction_pourcentage{ display: block; float: left; margin-right: 10px; color: #ff5c00; border: 1px solid #ff5c00; border-radius: 3px; padding: 4px 6px;} #page_contenu.home-page .promotions .column-block .formule .a-partir-de {font-size:12px; display: block; margin-top:15px;} #page_contenu.home-page .promotions .column-block .formule span.odr { font-size:12px; padding:2px 5px; border:solid 1px #cccccc; margin-top:10px; display:table;} #page_contenu.home-page .promotions .offre-4 .prix{margin-left:60px!important} #page_contenu.home-page .promotions .offre-4 .premier-versement{margin-left:60px!important} #page_contenu.home-page .promotions .column-block .formule .prix_barre {font-size: 13px; text-decoration: line-through; line-height: 10px; text-align: left; color: #797979; font-family: 'open_sansregular';} #page_contenu.home-page .promotions .column-block .formule .prix {font-family:'open_sansbold'; color:#f27857;margin-bottom: 5px;} #page_contenu.home-page .promotions .column-block .formule .prix .price { font-size:35px; display:inline-block; line-height:40px; margin-right:3px;} #page_contenu.home-page .promotions .column-block .formule .prix div { display: inline-block;} #page_contenu.home-page .promotions .column-block .formule .prix div sup{color:#f27857; font-size:14px;display:block;} #page_contenu.home-page .promotions .column-block .formule .prix div span.parmois { font-size:12px; line-height: 18px; display:block; color:#797979; font-family:'open_sansregular'; } #page_contenu.home-page .promotions .column-block .formule .premier-versement { font-family:'open_sanssemibold';color:#797979;font-size:10px;line-height:11px;clear:both;} #page_contenu.home-page .promotions .column-block .formule .premier-versement span { color:#f27857;} #page_contenu.home-page .promotions .column-block .formule .premier-versement sup {font-size:7px;} #page_contenu.home-page .promotions .column-block .boutique { background:#517f9b; height:224px;} #page_contenu.home-page .promotions .column-block .boutique:hover { background:#4a738b;} #page_contenu.home-page .promotions .column-block .boutique .textebtn { padding:20px; width: 100% !important;position: relative;top: 50%;transform: translateY(-50%); } #page_contenu.home-page .promotions .column-block .boutique .textebtn p { color:#ffffff; text-align:center; } #page_contenu.home-page .promotions .column-block .boutique .textebtn .button-full-orange { margin: auto; display: table; margin-top:20px;} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant {background-position: bottom left; background-repeat: no-repeat; background-size: cover; position:relative;} #page_contenu.home-page .promotions .column-block .boutique.boutique1{background-image:url('/media/home-page/offre/backboutique1.jpg');} #page_contenu.home-page .promotions .column-block .boutique.boutique2{background-image:url('/media/home-page/offre/backboutique2.png');} #page_contenu.home-page .promotions .column-block .boutique.boutique3{background-image:url('/media/home-page/offre/backboutique3.jpg');} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant:before { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn p {font-size:30px; font-family: 'robotocondensed-bold', 'open_sansregular';} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn.background {background:white; clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%); position:absolute; width:70%!important; right:-1px; height:100%} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .surligner {background:#f27857} #page_contenu.home-page .promotions .column-block .boutique.boutique2.special_etudiant{background-position: -110px 0px;} #page_contenu.home-page .promotions .column-block .boutique p span::before {color:#ffffff;} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .surligner.premier, #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .surligner.second {line-height: 20px;text-align: left; font-size:30px;margin-left: auto;width:80%;padding:7px;} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .surligner.second {margin-top:5px; margin-right:auto; width:60%} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .troisieme {color:#f27857; font-size:17px;width:80%;;margin-top: 5px; margin-left: auto; text-align: left; line-height:23px; font-family: 'robotocondensed-regular', 'open_sansregular';} @media (max-width:380px){ #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .surligner.second {width:80%!important; margin-right: 0!important;} } @media (max-width:320px){ #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .surligner.premier {line-height: 26px!important;} } @media (max-width:1220px) and (min-width:771px){ #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .surligner.premier, #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .surligner.second {line-height: 13px!important;font-size:20px!important;} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .textebtn .troisieme {line-height:20px!important; font-size:16px!important;} #page_contenu.home-page .promotions .column-block .boutique.special_etudiant .button-full-orange.velo {margin-top:13px!important;} } #page_contenu.home-page .offre .coutour { border: solid 4px #ffffff; position:absolute; top:7px; bottom:7px; left:7px; right:7px;} #page_contenu.home-page .offre .coutour p {width: 100% !important;position: relative;top: 50%;transform: translateY(-65%);} /*Animation snake autours de l'encart nouveauté.*/ #page_contenu.home-page .offre .bb::before, #page_contenu.home-page .offre .bb::after, #page_contenu.home-page .offre .bb {position: absolute;top: 0;bottom: 0;left: 0;right: 0;} /*#page_contenu.home-page .offre .bb p {width: 100% !important;position: relative;top: 50%;transform: translateY(-65%);}*/ #page_contenu.home-page .offre .bb::before {content: "";color: white;box-shadow: inset 0 0 0 4px;margin: 7px;animation: Snake 4s linear infinite;} #page_contenu.home-page .offre .encart-5 {background: #b8c2b1;} #page_contenu.home-page .offre .encart-5:hover{background: rgba(131, 148, 123, 1);} @keyframes Snake {0%,100%{clip-path: inset(100% 0px 0px 0px);-webkit-clip-path: inset(100% 0px 0px 0px);} 25% {clip-path: inset(0px 100% 0px 0px);-webkit-clip-path: inset(0px 100% 0px 0px);}50% {clip-path: inset(0px 0px 100% 0px);-webkit-clip-path: inset(0px 0px 100% 0px);}75% {clip-path: inset(0px 0px 0px 100%);-webkit-clip-path: inset(0px 0px 0px 100%);}} #page_contenu.home-page .rp-trust .button-border-vert {color:#ffffff; border-color:#ffffff; max-width: 200px;border-radius: 30px;font-size: 13px;padding: 16px 25px;margin: 30px auto 0 auto;display: block; font-weight:bold;} #page_contenu.home-page .rp-trust .button-border-vert:before{background:#ffffff;} #page_contenu.home-page .rp-trust .button-border-vert:hover {color:#c9cec3;} #page_contenu.home-page .blog {padding-bottom: 70px;} #page_contenu.home-page .blog .article {margin-bottom: 20px;} #page_contenu.home-page .blog img{margin:auto; display: block;} #page_contenu.home-page .blog p.date {text-align: center; color: #aac2a8; font-weight: bold; margin-top: 20px;} #page_contenu.home-page .blog p.date::after {content: "";position: relative;display: inline-block;height: 8px; width: 60px; margin-top: 8px; margin-left: 10px;background: url("data:image/svg+xml;utf8,") no-repeat;} #page_contenu.home-page .blog p.date::before {content: "";position: relative; display: inline-block; height: 8px; width: 60px; margin-top: 8px; margin-right: 10px;background: url("data:image/svg+xml;utf8,") no-repeat;} #page_contenu.home-page .blog h5 {font-size: 17px; color: #517f9b;font-weight: 700;margin-top: 20px; text-align: center; text-transform: uppercase;} #page_contenu.home-page .blog p.intro{padding: 20px;} #page_contenu.home-page .blog a.button-border-vert{margin: auto;display: table;} /* Slider - rp */ #page_contenu.home-page .rp-trust {background-image:linear-gradient(to right, #e0e2de, #c9cec3);padding-top: 70px; padding-bottom: 70px; background:white;margin-top: 70px;} #page_contenu.home-page .rp-trust .background_slider { min-height: 500px; padding-bottom: 30px; background:#ffffff;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.15);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.15);box-shadow:0 3px 7px rgba(0,0,0,0.15) } #page_contenu.home-page .rp-trust .background_slider h3 { padding-top: 40px;font-family: 'something_wildregular', 'open_sansregular'; font-size:75px; font-weight:100; color:#c9cec3; text-align:center; margin-bottom: 10px;line-height: 80px;} #page_contenu.home-page .rp-trust .one-time .slick-prev{ border-radius: 7px; position:absolute;z-index:2000;bottom:37px;display:block;text-indent:9999px;width:45px;background-color:#ffffff;height:45px;transform: rotate(180deg); background-image:url('../../images/fleche_cabin_green.png'); background-position: center; background-repeat: no-repeat; left:calc(50% - 140px);; border:solid 2px #c9cec3; } #page_contenu.home-page .rp-trust .one-time .slick-next{ border-radius: 7px; position:absolute; z-index: 1; bottom:37px;display:block;text-indent:-9999px;width:45px;height:45px; background-color:#ffffff; background-image:url('../../images/fleche_cabin_green.png'); background-position: center; background-repeat: no-repeat; right:calc(50% - 140px); border:solid 2px #c9cec3; } #page_contenu.home-page .rp-trust .one-time p { text-align:center; margin-bottom:10px; width:50%; margin:auto;} #page_contenu.home-page .rp-trust .one-time p.slider-single-title { width:70%; margin-bottom: 10px;} #page_contenu.home-page .rp-trust .one-time span.nb {color:#f27857; font-size:48px; font-family: 'gunny_rewrittenregular', 'open_sansregular'; display:block; text-align:center; margin-top:35px;} #page_contenu.home-page .rp-trust .one-time span.nb span { font-size:38px;} #page_contenu.home-page .rp-trust .slick-slider{ position: relative; overflow:hidden;display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} #page_contenu.home-page .rp-trust .slick-list{ position: relative; display: block; overflow: hidden; margin: 0;padding: 0;} #page_contenu.home-page .rp-trust .slick-list:focus{outline: none;} #page_contenu.home-page .rp-trust .slick-list.dragging{cursor: pointer; cursor: hand;} #page_contenu.home-page .rp-trust .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} #page_contenu.home-page .rp-trust .slick-track{ position: relative; top: 0; left: 0; display: block;} #page_contenu.home-page .rp-trust .slick-track:before,#page_contenu.home-page .rp-trust .slick-track:after{ display: table; content: '';} #page_contenu.home-page .rp-trust .slick-track:after{ clear: both;} #page_contenu.home-page .rp-trust .slick-loading .slick-track{visibility: hidden;} #page_contenu.home-page .rp-trust .slick-slide{ display: none;float: left; height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} #page_contenu.home-page .rp-trust .slick-slide img{display: block; margin:auto;margin-bottom:20px;} #page_contenu.home-page .rp-trust .slick-slide.slick-loading img{display: none;} #page_contenu.home-page .rp-trust .slick-slide.dragging img{ pointer-events: none;} #page_contenu.home-page .rp-trust .slick-initialized .slick-slide{display: block;} #page_contenu.home-page .rp-trust .slick-loading .slick-slide{ visibility: hidden;} #page_contenu.home-page .rp-trust .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;} #page_contenu.home-page .rp-trust .slick-arrow.slick-hidden { display: none;} #page_contenu.home-page .rp-trust .slick-dots {text-align:center;} #page_contenu.home-page .rp-trust .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;height: 15px; width: 15px;} #page_contenu.home-page .rp-trust .slick-dots li button {background-color:#c9cec3; text-indent: -99999px; height: 8px; width: 8px; border-radius:8px; position:absolute;left: 2px; top: 4px;} #page_contenu.home-page .rp-trust .slick-dots li.slick-active { border:solid 1px #c9cec3;border-radius:15px; height: 14px; width: 14px;} #page_contenu.home-page .rp-trust .slick-dots li.slick-active button { top:2px;} /* ----------- ENCART NOUVEAUTE ------------ */ body[class*="category-location-nouveautes"] .category-head{background:url('/media/home-page/nouveaute/headerboutique_nouveaute.jpg') no-repeat top!important; background-size: cover!important;} #page_contenu.home-page .nouveaute { padding: 0; position:relative; margin-top:70px; margin-bottom: -70px;} #page_contenu.home-page .nouveaute .background{background: #f27857; clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%); float: left; width: 100%; margin-top: -50px;} #page_contenu.home-page .nouveaute .background .titre { margin-top: 60px; margin-bottom: 30px; } #page_contenu.home-page .nouveaute .background .titre p {text-align: center; font-family: 'robotocondensed-bold';color:#f7f7f7;font-size:50px; line-height: 40px;} #page_contenu.home-page .nouveaute .background .titre p span{font-family: 'robotocondensed-regular'; font-size:30px; display:block;} #page_contenu.home-page .nouveaute .image {background: url('/media/home-page/nouveaute/photo.jpg'); height: 300px;position:relative; background-position: left center; background-size: cover; background-repeat: no-repeat;} #page_contenu.home-page .nouveaute .image img { width:65%; position: absolute; bottom: 9px; z-index: 1; right: 10px; max-width: 400px;} #page_contenu.home-page .nouveaute .button-border-white {display:table; margin:auto; margin-top:15px;} #page_contenu.home-page .nouveaute > a {position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;} #page_contenu.home-page .nouveaute:hover .button-border-white:before {-webkit-transform: scaleY(1); transform: scaleY(1);} #page_contenu.home-page .nouveaute:hover .button-border-white { color:#f27857; text-decoration:none;} /*tablette & desktop*/ @media (min-width: 770px) { #page_contenu.home-page .nouveaute .background {clip-path:polygon(33% 0, 100% 0, 100% 100%, 25% 100%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-top:0;} #page_contenu.home-page .nouveaute .background .titre { margin-top: 150px; transform: translateY(-50%); width: 50%;} } /*tablette*/ @media (min-width: 770px) and (max-width:1400px) { #page_contenu.home-page .nouveaute .background .titre p {font-size: 55px; line-height: 43px;} #page_contenu.home-page .nouveaute .background .titre p span { font-size: 30px;} #page_contenu.home-page .nouveaute .image img {position: relative; left: 35%; width: auto; max-width: 100%; margin-top: 150px; transform: translateY(-50%);} #page_contenu.home-page .nouveaute .image { width:40%; } } /*desktop*/ @media (min-width: 1401px) { #page_contenu.home-page .nouveaute .background .titre p {font-size: 78px;line-height: 60px;} #page_contenu.home-page .nouveaute .background .titre p span { font-size: 44px;} #page_contenu.home-page .nouveaute .image img { right: -65%; top: -15px; width: auto; max-width: 100%;} } /* --------------------------------------------------------------------------------------------- ------------------------ P O U R Q U O I Q U O I C O M M E N T ------------------------ --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-pourquoi-quoi-comment .breadcrumbs li a, .cms-pourquoi-quoi-comment .breadcrumbs li.gt.active, .cms-pourquoi-quoi-comment .breadcrumbs li.active { color:#ffffff;} #page_contenu.pourquoi-quoi-comment .hero {background-image:url('/media/qui-comment-pourquoi/qcp_photo_hero.jpg');} #page_contenu.pourquoi-quoi-comment h2 { margin-top:70px;} #page_contenu.pourquoi-quoi-comment .pourquoi_4 {text-align: center; margin: auto;} #page_contenu.pourquoi-quoi-comment .pourquoi_4 .numero {font-size: 24px; color: #f27857; font-weight: bold; padding: 0 10px 10px 10px; position: relative; margin-top: -10px; top: -10px; background-color: #ffffff; display: inline-block;} #page_contenu.pourquoi-quoi-comment .pourquoi_4 .numero_contenu {font-size: 14px; color: #797979; padding-bottom: 60px; max-width: 500px; margin: auto;} #page_contenu.pourquoi-quoi-comment .pourquoi_4 .numero_title {font-family: 'something_wildregular', 'open_sansregular'; font-size: 50px; color: #c9cec4; margin: auto; position: relative; top: -220px; background-color: #ffffff; display: inline-block; padding: 10px;} #page_contenu.pourquoi-quoi-comment .pourquoi_4 .columns {border-top: solid 1px #e6e6e6;} #page_contenu.pourquoi-quoi-comment .pourquoi_4 .lineR {border-right: solid 1px #e6e6e6;} #page_contenu.pourquoi-quoi-comment .pourquoi_4 .lineB {border-bottom: solid 1px #e6e6e6;} #page_contenu.pourquoi-quoi-comment .pourquoi_4 .line {border: none;} #page_contenu.pourquoi-quoi-comment .animation {margin: auto; text-align: center; overflow:hidden;} #page_contenu.pourquoi-quoi-comment .guide {margin: auto; margin-bottom:70px;} #page_contenu.pourquoi-quoi-comment .guide h3 {color: #f27857; margin:12px auto 12px auto;} #page_contenu.pourquoi-quoi-comment .guide p { padding-bottom: 30px; text-align:left;} #page_contenu.pourquoi-quoi-comment .guide .column { margin-top:15px;} #page_contenu.pourquoi-quoi-comment .form h2 { margin-top:50px;} #page_contenu.pourquoi-quoi-comment .form {background-color: #c9cec4; padding-top: 45px; padding-bottom: 70px;} #page_contenu.pourquoi-quoi-comment .form .formTitle {margin: auto; padding-bottom: 50px; text-align: center;} #page_contenu.pourquoi-quoi-comment .form h2 {color: #ffffff; text-align: center; margin-bottom: 10px;} #page_contenu.pourquoi-quoi-comment .form button {color: #ffffff; border: solid 2px #ffffff; margin-top: 20px; padding: 20px 50px;} #page_contenu.pourquoi-quoi-comment .form .backWhite {background-color: #ffffff; padding: 30px; margin-top:15px;} #page_contenu.pourquoi-quoi-comment .form p {color: #797979; text-align: center; font-size: 13px; padding: 20px;} #page_contenu.pourquoi-quoi-comment .form .formName {color: #c9cec4; font-family: 'something_wildregular', 'open_sansregular'; font-size: 85px; line-height: 60px; position: relative; top: -50px; background-color: white; display: inline-block; padding: 15px 15px 0 15px;} #page_contenu.pourquoi-quoi-comment .form .formTime {font-size: 16px; color: #517f9b; font-weight: bold; position: relative; margin-top: -32px;} #page_contenu.pourquoi-quoi-comment .form .formNew {position: relative;} #page_contenu.pourquoi-quoi-comment .form .formNew:before {content: ""; background-image:url('/media/qui-comment-pourquoi/produits_neufs.png'); position: absolute; width: 45px; height: 45px; background-repeat: no-repeat; display: inline-block; background-size: contain; margin: -16px -48px;} #page_contenu.pourquoi-quoi-comment .form .formPrice {font-size: 16px; color: #f27857; font-weight: bold;} #page_contenu.pourquoi-quoi-comment .form .formTechno, .formZen {margin: 0 15px; padding-bottom: 20px;} #page_contenu.pourquoi-quoi-comment .form .formFill {border: solid 1.3px #c9cec4; border-radius: 200px 5px 200px 5px/5px 200px 5px 200px; text-align: center; margin-top: 30px;} #page_contenu.pourquoi-quoi-comment .form .choice { position:relative;height: 60px; margin-bottom:30px;margin-bottom:10px;max-width: 300px;} #page_contenu.pourquoi-quoi-comment .form .choice > div > sup { position: absolute; right: -9px; bottom: 37px; top: auto;} #page_contenu.pourquoi-quoi-comment .form .choice > div > div { background:#517f9b; color:#ffffff;} #page_contenu.pourquoi-quoi-comment .form .formBloc .small {font-size: 10px; display: block;} #page_contenu.pourquoi-quoi-comment .form .formYear {text-align: center; margin: auto; padding-bottom: 20px;} #page_contenu.pourquoi-quoi-comment .form p.formYear {display: inline-block; font-size: 9px; padding: 0 5px; font-size: 9px; color: #a2a2a2;} #page_contenu.pourquoi-quoi-comment .form p.formTime::after {content: ""; height: 1px; background: #e6e6e6; width: 140px; position: absolute; bottom: 0; left: calc(50% - 70px);} #page_contenu.pourquoi-quoi-comment .form p.formNew::after {content: ""; height: 1px; background: #e6e6e6; width: 140px; position: absolute; bottom: 0; left: calc(50% - 70px);} #page_contenu.pourquoi-quoi-comment .button-border-vert {color:#ffffff; border-color:#ffffff; max-width: 200px;border-radius: 30px;font-size: 13px;padding: 16px 25px;margin: 30px auto 0 auto;display: block; font-weight:bold;} #page_contenu.pourquoi-quoi-comment .button-border-vert:before{background:#ffffff;} #page_contenu.pourquoi-quoi-comment .button-border-vert:hover {color:#c9cec3;} #page_contenu.pourquoi-quoi-comment .services h3 {font-family: 'robotocondensed-regular', 'open_sansregular'; font-size: 30px; font-weight: 500; line-height:5px; margin-bottom:25px; } #page_contenu.pourquoi-quoi-comment .services h3 span.numero-service {font-family: 'robotocondensed-regular', 'open_sansregular'; color:#aac2a8; font-weight: 300; font-size: 35px; text-align: right; line-height: 65px;} #page_contenu.pourquoi-quoi-comment .services p { padding-bottom:30px;} #page_contenu.pourquoi-quoi-comment .services a {display:block; margin-top:10px;} #page_contenu.pourquoi-quoi-comment .services .small-12:last-child { padding-bottom:0;} #page_contenu.pourquoi-quoi-comment .services .numberLeft, #page_contenu.pourquoi-quoi-comment .services .numberRight {padding-bottom: 80px;} #page_contenu.pourquoi-quoi-comment .mentions {padding:70px 0;} #page_contenu.pourquoi-quoi-comment .mentions .mention { font-size:12px; margin-top:50px; text-align:left;} /*#endregion*/ .cms-offre-etudiant .breadcrumbs li a, .cms-offre-etudiant .breadcrumbs li.gt.active, .cms-offre-etudiant .breadcrumbs li.active { color:#ffffff;} #page_contenu.offre-etudiant .hero {background-image:url('/media/page_contenu/offre-etudiant/header.jpg');} #page_contenu.offre-etudiant h1 { line-height: 1em;} #page_contenu.offre-etudiant h2 { margin-top:80px;} #page_contenu.offre-etudiant .services h3 {margin-bottom:.4em; font-size: 30px; font-weight: 500; line-height:1em; } #page_contenu.offre-etudiant .services p { padding-bottom:30px;} #page_contenu.offre-etudiant .services .numberLeft, #page_contenu.offre-etudiant .services .numberRight {padding-bottom: 80px;} #page_contenu.offre-etudiant p.intro {text-align: center; max-width: 70em; margin: 20px auto;} #page_contenu.offre-etudiant .cartouche {background-color:#f27857; margin: 60px auto; padding: 10px 50px;} #page_contenu.offre-etudiant .cartouche p {text-align: center; color: #ffffff; word-spacing: 3px;} #page_contenu.offre-etudiant .services h3 { margin-bottom:.4em;} #page_contenu.offre-etudiant .services .numberLeft {text-align: left;} #page_contenu.offre-etudiant .services .numberRight {text-align: right;} #page_contenu.offre-etudiant .services .numberLeft h3 {text-align: left;} #page_contenu.offre-etudiant .services .numberRight h3 {text-align: right;} #page_contenu.offre-etudiant .services p {padding-bottom: 0;} #page_contenu.offre-etudiant .bloc_services{text-align: center;color: white; margin:auto; margin-bottom:40px;} #page_contenu.offre-etudiant .bloc_services > div {padding:10px;background-image:url('/media/page_contenu/offre-etudiant/besoin-aide.jpg');background-size: cover;} #page_contenu.offre-etudiant .bloc_services > div > div {border: 2px solid #fff;height: 100px;padding: 10px;} #page_contenu.offre-etudiant .bloc_services p {font-size: 18px;line-height: 33px;} /* --------------------------------------------------------------------------------------------- --------------------------------- N O S S E R V I C E S --------------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-nos-services .breadcrumbs li a, .cms-nos-services .breadcrumbs li.gt.active, .cms-nos-services .breadcrumbs li.active { color:#ffffff;} #page_contenu.nos-services .hero {background-image:url('/media/nos-services/service_photo_hero.jpg');} #page_contenu.nos-services h2 {margin-bottom: 0px;} #page_contenu.nos-services h3 {font-family: 'robotocondensed-regular', 'open_sansregular';color:#f27857;font-weight: 300;font-size: 45px; position:relative;} #page_contenu.nos-services h4 {font-size: 17px; color: #517f9b;font-weight: 700;margin-top: 20px;} #page_contenu.nos-services .acces-service { margin-bottom:70px;} #page_contenu.nos-services .service { margin-top:70px; margin-bottom:70px;} #page_contenu.nos-services .numero-service {font-family: 'robotocondensed-regular', 'open_sansregular';color:#aac2a8;font-weight: 300;font-size: 35px;line-height: 65px; left: -50px; margin-right: 10px;} #page_contenu.nos-services .service img.right { margin-left:30px; margin-bottom:30px;} #page_contenu.nos-services .large-up-2 {margin-top:30px; margin-bottom:30px;} #page_contenu.nos-services .large-up-2 .iconmoon_lok { font-size:60px; color:#aac2a8; margin-bottom:5px; display:block;} #page_contenu.nos-services .large-up-2 .titre-categorie-produit{color:#aac2a8;text-transform: uppercase;font-size: 17px;font-weight:bold;margin-bottom:15px;} #page_contenu.nos-services .column-block { margin-top:30px;} #page_contenu.nos-services img.center { display:block; margin:auto;} #page_contenu.nos-services .button-border-orange, #page_contenu.nos-services .button-border-vert { margin-top:15px;} #page_contenu.nos-services center { margin-bottom:40px;} #page_contenu.nos-services .service-2 .border-deform { padding:20px; padding-top:0; text-align:center;} #page_contenu.nos-services .service-2 .border-deform .titre-hop { display: table; margin: auto; margin-top: -22px; margin-bottom: 20px; background:#ffffff; padding:10px;} #page_contenu.nos-services .service-2 .border-deform p span {font-family:'open_sanssemibold'; } #page_contenu.nos-services .service-4 .column-block { text-align:center;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ------------------------ Mentions légales ------------------------ --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-mentions-legales .tableau {width: 100%;table-layout: fixed;} @media screen and (max-width:63.9375em) { .cms-mentions-legales .scroll-horizontal {overflow: hidden;overflow-x: auto;clear: both;width: 100%} .cms-mentions-legales .tableau {width: 600px !important;table-layout: fixed;} } /*#endregion*/ /* --------------------------------------------------------------------------------------------- ------------------------ C O A C H I N G I N F O R M A T I Q U E ------------------------ --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-coaching-ordinateur .breadcrumbs li a, .cms-coaching-ordinateur .breadcrumbs li.gt.active, .cms-coaching-ordinateur .breadcrumbs li.active { color:#ffffff;} #page_contenu.coaching-ordi { padding-bottom:100px;} #page_contenu.coaching-ordi .hero {background-image:url('/media/coaching-ordi/coaching-ordi_hero.jpg');} #page_contenu.coaching-ordi p.intro {text-align: center; max-width: 70em; margin: 20px auto;} #page_contenu.coaching-ordi p.coach_title {font-family: 'something_wildregular', 'open_sansregular'; font-size: 50px; color: #f27857; font-weight: 500; margin: 50px 0; line-height: 40px;} #page_contenu.coaching-ordi h3 {font-size: 17px; font-weight: bold; text-align: left;} #page_contenu.coaching-ordi .coach p {font-size: 13px; color: #797979; margin: auto; text-align: left;} #page_contenu.coaching-ordi .coach {margin:auto; max-width: 90em;} #page_contenu.coaching-ordi .coach .column {padding: 0 30px;} #page_contenu.coaching-ordi .item span {font-size: 13px; color: #ffffff; background-color: #c9cec4; border-radius: 50px; padding: 15px 30px; text-align: center; display: inline-block; margin: 10px;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- --------------- C O A C H I N G S M A R T P H O N E & T A B L E T T E --------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-coaching-smartphone-tablette .breadcrumbs li a, .cms-coaching-smartphone-tablette .breadcrumbs li.gt.active, .cms-coaching-smartphone-tablette .breadcrumbs li.active { color:#ffffff;} #page_contenu.coaching-smartphone-tablette { padding-bottom:100px;} #page_contenu.coaching-smartphone-tablette .hero {background-image:url('/media/coaching-smartphone/coaching-smartphone_hero.jpg');} #page_contenu.coaching-smartphone-tablette p.intro {text-align: center; max-width: 70em; margin: 20px auto;} #page_contenu.coaching-smartphone-tablette p.coach_title {font-family: 'something_wildregular', 'open_sansregular'; font-size: 50px; color: #f27857; font-weight: 500; margin: 50px 0; line-height: 40px; text-align: center;} #page_contenu.coaching-smartphone-tablette .coach p {font-size: 13px; color: #797979; margin: auto; text-align: left;} #page_contenu.coaching-smartphone-tablette .coach {margin:auto; max-width: 90em;} #page_contenu.coaching-smartphone-tablette .coach .column {padding: 0 30px;} #page_contenu.coaching-smartphone-tablette .item span {font-size: 13px; color: #ffffff; background-color: #c9cec4; border-radius: 50px; padding: 15px 30px; text-align: center; display: inline-block; margin: 10px;} #page_contenu.coaching-smartphone-tablette .columns.comment {text-align: left; margin: auto; background-color: #c9cec4; padding: 50px 30px; margin-top: 50px; background-image: url('/media/coaching-smartphone/old_wall.png'); background-repeat:repeat;} #page_contenu.coaching-smartphone-tablette .columns.comment .columns {padding: 20px 0;} #page_contenu.coaching-smartphone-tablette .columns.comment p, h3 {text-align: left;} #page_contenu.coaching-smartphone-tablette p.garantie { font-size: 17px; font-weight: bold; color: #f27857; text-align: center;} #page_contenu.coaching-smartphone-tablette .three {max-width: 50em; margin: auto;} #page_contenu.coaching-smartphone-tablette .three .columns {margin-top: 30px;} #page_contenu.coaching-smartphone-tablette .three .columns p {font-size: 13px;} #page_contenu.coaching-smartphone-tablette .three .columns svg {fill: #797979;} #page_contenu.coaching-smartphone-tablette .conv .columns {position:relative; margin-bottom:30px;} #page_contenu.coaching-smartphone-tablette .conversation {width:215px;position: absolute;top:120px;left:50%; margin-left:-107px;} #page_contenu.coaching-smartphone-tablette .conversation > div { clear:both;} #page_contenu.coaching-smartphone-tablette .conversation div p { max-width:140px; float: left;font-size:12px; margin:0;border-radius:10px 10px 10px 10px;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px; display:inline-block; padding:4px 8px; line-height:16px;} #page_contenu.coaching-smartphone-tablette .conversation div.question p { background:#e7e6ec; float:right; margin-bottom:6px;} #page_contenu.coaching-smartphone-tablette .columns.first .conversation div.reponse p{ background:#5794f1; color:#ffffff; text-align:left;} #page_contenu.coaching-smartphone-tablette .conversation div.question p:before { content:''; background:url('/media/garantie_smartphone/conversation_question.jpg') no-repeat bottom right; position: absolute; bottom:0; right:-3px; height:10px; width:10px;} #page_contenu.coaching-smartphone-tablette .columns.first .conversation div.reponse p:before { content:''; background:url(../../../../../../media/garantie_smartphone/conversation_reponse_blue.jpg) no-repeat bottom left; position: absolute; bottom:0; left:-3px; height:10px; width:10px;} #page_contenu.coaching-smartphone-tablette .columns .conversation div.reponse p{ background:#65c757; color:#ffffff; margin-bottom:6px; text-align:left;} #page_contenu.coaching-smartphone-tablette .columns .conversation div.reponse p:before { content:''; background:url('/media/garantie_smartphone/conversation_reponse_green.jpg') no-repeat bottom left; position: absolute; bottom:0; left:-3px; height:10px; width:10px;} #page_contenu.coaching-smartphone-tablette .columns .type-wrap { font-size: 12px; position:absolute; bottom:76px; left:50%; margin-left:-75px;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ----------------------------------- I N F O - B U L L E ----------------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ #page_contenu .tooltip-group .tooltip { display: block; position: absolute; bottom: -55px;line-height: 18px; left: 50%; padding: 0.8rem 1rem; border-radius: 3px; font-size: 0.8rem; background:#dddbe0; color:#434343; opacity: 0; pointer-events: none; text-align:center; width:260px; transform: translate(-50%, -70px); transition: all 0.3s ease; z-index: 1; -webkit-box-shadow: 0px -10px 30px -13px rgba(67,67,67,0.45); -moz-box-shadow: 0px -10px 30px -13px rgba(67,67,67,0.45); box-shadow: 0px -10px 30px -13px rgba(67,67,67,0.45); } #page_contenu .tooltip-group .tooltip:after { display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; content: ""; border: solid; border-width: 10px 10px 0 10px; border-color: transparent; transform: translate(-50%, 100%); border-top-color:#dddbe0;} #page_contenu .tooltip-group .item { position:relative; cursor:pointer; display: inline-block;} #page_contenu .tooltip-group .item:hover .tooltip { visibility: visible; opacity: 1; transform: translate(-50%, -120px);} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ---------------------------------- N O T R E O F F R E ---------------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-notre-offre .breadcrumbs-scroll { z-index:1;} .cms-notre-offre .breadcrumbs li a, .cms-notre-offre .breadcrumbs li.gt.active, .cms-notre-offre .breadcrumbs li.active { color:#ffffff; z-index:1;} #page_contenu.nos-formules-nos-offres { padding-bottom:100px;} #page_contenu.nos-formules-nos-offres .hero { position:relative;background-image:url('/media/nos-formules_nos-offres/photo_hero.jpg');} #page_contenu.nos-formules-nos-offres .hero:before { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu.nos-formules-nos-offres h1 { position:relative; z-index:1;} #page_contenu.nos-formules-nos-offres .categorie-produit {font-size: 16px;color: #f27857;font-weight: bold;text-transform: inherit; margin: 15px auto 15px auto;} #page_contenu.nos-formules-nos-offres .icon-categorie {margin-bottom: 60px;} #page_contenu.nos-formules-nos-offres .icon-categorie span { color:#f27857;} #page_contenu.nos-formules-nos-offres .icon-categorie span.iconmoon_lok {padding: 30px 10px 10px 10px; font-size:70px; display:inline-block; margin-bottom:10px;} #page_contenu.nos-formules-nos-offres .form {padding:40px 0;} #page_contenu.nos-formules-nos-offres .form h2 {color: #ffffff; text-align: center; margin-bottom: 10px;} #page_contenu.nos-formules-nos-offres .form .formTitle {margin: auto; padding-bottom: 50px; text-align: center;} #page_contenu.nos-formules-nos-offres .form h2 {color: #ffffff; text-align: center; margin-bottom: 10px;} #page_contenu.nos-formules-nos-offres .form .backWhite {background-color: #ffffff; margin-top:15px;} #page_contenu.nos-formules-nos-offres .form p {color: #797979; text-align: center;padding: 20px;} #page_contenu.nos-formules-nos-offres .form .formName {color: #f27857; font-family: 'robotocondensed-regular', 'open_sansregular'; font-size: 50px; line-height: 60px; position: relative; top: -50px; background-color: white; display: inline-block; padding: 15px 15px 0 15px;} #page_contenu.nos-formules-nos-offres .form .formTime { position: relative; margin-top: -32px;} #page_contenu.nos-formules-nos-offres .form .formNew {position: relative;} #page_contenu.nos-formules-nos-offres .form p span {font-weight: bold; color:#517f9b; text-transform:uppercase;} #page_contenu.nos-formules-nos-offres .form .formNew span::before {font-size: 25px;} #page_contenu.nos-formules-nos-offres .form .formFill { padding:0 10px; border: solid 1.3px #c9cec4; border-radius: 200px 5px 200px 5px/5px 200px 5px 200px; text-align: center; margin-top: 30px;} #page_contenu.nos-formules-nos-offres .form .formBloc .small {font-size: 10px; display: block;} #page_contenu.nos-formules-nos-offres .form p.formTime::after {content: ""; height: 1px; background: #e6e6e6; width: 140px; position: absolute; bottom: 0; left: calc(50% - 70px);} #page_contenu.nos-formules-nos-offres .form p.formNew::after {content: ""; height: 1px; background: #e6e6e6; width: 140px; position: absolute; bottom: 0; left: calc(50% - 70px);} #page_contenu.nos-formules-nos-offres .form .formFin { position:relative; margin-bottom: 20px;} #page_contenu.nos-formules-nos-offres .form .formFin::before {content: ""; height: 1px; background: #e6e6e6; width: 140px; position: absolute; top: 0; left: calc(50% - 70px);} #page_contenu.nos-formules-nos-offres .form .formTechno { margin-bottom:50px;} #page_contenu.nos-formules-nos-offres .fin-contrat {text-align: center; margin: auto; padding-bottom:50px;} #page_contenu.nos-formules-nos-offres .fin-contrat div.icon-titre{position: relative;} #page_contenu.nos-formules-nos-offres .fin-contrat .titre {font-size: 24px; color: #f27857; font-weight: bold; padding: 0 10px 05px 10px; position: relative;} #page_contenu.nos-formules-nos-offres .fin-contrat .texte_contenu {color: #797979; padding-bottom: 60px; max-width: 500px; margin: auto;} #page_contenu.nos-formules-nos-offres .fin-contrat .texte_title {font-family: 'something_wildregular', 'open_sansregular'; font-size: 50px; color: #c9cec4; margin: auto; position: relative; top: -220px; background-color: #ffffff; display: inline-block; padding: 10px;} #page_contenu.nos-formules-nos-offres .fin-contrat .lineR {border-right: solid 1px #e6e6e6;} #page_contenu.nos-formules-nos-offres .fin-contrat .texte_end {max-width: 70em;margin: 20px auto; float:none; margin-top:40px; } #page_contenu.nos-formules-nos-offres .fin-contrat .iconmoon_lok { color:#f27857;} #page_contenu.nos-formules-nos-offres .raisons { margin-bottom: 50px;} #page_contenu.nos-formules-nos-offres .raisons .iconmoon_lok { font-size:50px; } /*Offres*/ #page_contenu.nos-formules-nos-offres .offress h3 { font-family: 'robotocondensed-regular', 'open_sansregular'; font-size: 40px; text-align:center;font-weight: 100;margin-top: 50px; margin-bottom: 30px; text-transform: lowercase;} #page_contenu.nos-formules-nos-offres .offress { padding-left:0.9375rem; padding-right:0.9375rem;} #page_contenu.nos-formules-nos-offres .offress .offre_pack .img { background-image:url('/media/nos-formules_nos-offres/offre_pack.jpg'); background-repeat:no-repeat; background-size: cover; background-position:center; height:100px;} #page_contenu.nos-formules-nos-offres .offress .offre_parrainage .img { background-image:url('/media/nos-formules_nos-offres/offre_parrainage.jpg'); background-repeat:no-repeat; background-size: cover; background-position:center; height:100px;} #page_contenu.nos-formules-nos-offres .offress .offre { padding:20px 0;padding-top: 30px;} #page_contenu.nos-formules-nos-offres .offress p.nom { font-size:30px; line-height: 15px; } #page_contenu.nos-formules-nos-offres .offress p.nom span { font-size:15px;} #page_contenu.nos-formules-nos-offres .offress p.offert {color:#517f9b;font-size: 25px; text-transform: uppercase;} #page_contenu.nos-formules-nos-offres .offress p.mention { font-size:13px; margin-top:20px;} #page_contenu.nos-formules-nos-offres .offress .right .offre:first-child { border-bottom: solid 1px #c9cec4; } /*encart eco-responsable*/ #page_contenu.nos-formules-nos-offres .offre_ecoresponsable h2 {color:#67B290;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable h2 + p {text-align:center; padding-left:0.9375rem; padding-right:0.9375rem;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .small-centered .encart { overflow: hidden; margin-top:30px; padding:30px 45px; position:relative;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .small-centered .encart:before {content:""; background-color:#67B290; position:absolute; top:0; left:0.9375rem; right:0.9375rem; bottom:0;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart * {position:relative; color:#ffffff;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart p { margin-bottom:10px;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart p span { font-size:15px;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart svg { display:block; margin:auto; font-family: 'robotocondensed-regular', 'open_sansregular'; width:100%; max-width:450px;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart ul {padding-left:20px; } #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart ul li {list-style: disc; margin-bottom:5px;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart:first-child:before { overflow: hidden; -webkit-border-bottom-left-radius: 40px;-moz-border-radius-bottomleft: 40px;border-bottom-left-radius: 40px; } #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart:last-child:before{ overflow: hidden; -webkit-border-bottom-right-radius: 40px;-moz-border-radius-bottomright: 40px;border-bottom-right-radius: 40px; } #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart:last-child:after {content:""; position:absolute; bottom: -75px;right: -33px; opacity: 0.2; font-size: 170px;font-family: 'icomoon_dedie_lokeo';} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart .button-full-white {display:table; z-index:1;margin:auto; margin-top:30px;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .encart .button-full-white + span {display:block; z-index:1; font-size:13px; text-align:center; margin-top:5px;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .back-eco {position:relative; padding-bottom:50px;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .back-eco:before { content:""; opacity: 0.7; background-image:url('/media/nos-formules_nos-offres/back-eco.jpg'); background-repeat:no-repeat; background-size: cover; background-position:top center; position:absolute; top:80px; left:0; right:0; bottom:0;} @media (min-width: 64em) and (max-width:87.5em) { #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .back-eco .large-8 { width:100%;} } @media (min-width: 64em) { #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .small-centered { display:table;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .small-centered .encart { float:inherit; display:table-cell;} #page_contenu.nos-formules-nos-offres .offre_ecoresponsable .back-eco { margin-top:30px;} } /*#endregion*/ /* --------------------------------------------------------------------------------------------- ---------------------------- Q U I S O M M E S N O U S ? ---------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-notre-histoire .breadcrumbs li a, .cms-notre-histoire .breadcrumbs li.gt.active, .cms-notre-histoire .breadcrumbs li.active { color:#ffffff;} #page_contenu.qui-sommes-nous .hero {background-image:url('/media/qui-sommes-nous/qsn_photo_hero.jpg');} #page_contenu.qui-sommes-nous p.intro {text-align: center; max-width: 70em; margin: 20px auto;} #page_contenu.qui-sommes-nous .adn .categorie { position:relative; margin-bottom:15px;} #page_contenu.qui-sommes-nous .adn .categorie:before { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu.qui-sommes-nous .adn .categorie1 {background-image:url('/media/qui-sommes-nous/646860750.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;} #page_contenu.qui-sommes-nous .adn .categorie2 {background-image:url('/media/qui-sommes-nous/engagement.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;} #page_contenu.qui-sommes-nous .adn .categorie3 {background-image:url('/media/qui-sommes-nous/concept.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;} #page_contenu.qui-sommes-nous .adn h3 {color: #ffffff; padding: 20px; font-size: 23px; z-index: 1; position: relative;} #page_contenu.qui-sommes-nous .adn p {padding: 20px; color: #ffffff; text-align: left;z-index: 1; position: relative;} #page_contenu.qui-sommes-nous p.title {font-family: 'something_wildregular', 'open_sansregular'; font-size: 50px; color: #f27857; font-weight: 500; margin: 30px 0; line-height: 40px; text-align: center;} #page_contenu.qui-sommes-nous .texture {text-align: left; margin: auto; background-color: #c9cec4; padding: 25px 30px; margin-top: 50px; background-image: url('/media/coaching-smartphone/old_wall.png'); background-repeat:repeat;} #page_contenu.qui-sommes-nous .texture p {font-family: 'gunny_rewrittenregular', sans-serif; font-size: 27px; color: #a2a2a2;} #page_contenu.qui-sommes-nous .texture p.number { font-size: 30px; font-weight: bold; color: #f27a5a;} #page_contenu.qui-sommes-nous .texture .column {padding: 20px;} #page_contenu.qui-sommes-nous .groupe {margin-bottom:100px;} #page_contenu.qui-sommes-nous .groupe p {font-size: 13px; color: #797979; margin: auto; text-align: left;} #page_contenu.qui-sommes-nous .groupe .iconmoon_lok {color: #c0c7b8; font-size:140px;} #page_contenu.qui-sommes-nous .groupe h3 {padding: 0 0 20px 0;} #page_contenu.qui-sommes-nous .groupe .column {padding: 0 30px;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ---------------------------- E S P A C E P R O ---------------------------- --------------------------------------------------------------------------------------------- */ #page_contenu.espace-pro a { display:table; margin:auto; margin-top:50px;} /* --------------------------------------------------------------------------------------------- ---------------------------- C H A N G E M E N T D E N O M ---------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-lokeo-change-de-nom .breadcrumbs li a, .cms-lokeo-change-de-nom .breadcrumbs li.gt.active, .cms-lokeo-change-de-nom .breadcrumbs li.active { color:#ffffff;} #page_contenu.changement_nom .hero {background-image:url('/media/page_contenu/changement_nom/photo_hero.jpg');} #page_contenu.changement_nom .groupe .icomoon_dedie_lokeo {color: #c0c7b8;font-size: 120px; margin-bottom: 20px; display: block;} /*#endregion*/ /*#endregion*/ /* --------------------------------------------------------------------------------------------- ---------------------------- 4 0 4 ---------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .content-404 {text-align: center;margin-bottom: 70px;} .content-404 svg { max-height:250px;} .content-404 span {font-weight: bold; color: #f27857; font-size: 30px; display:block;} .content-404 p {margin-bottom: 30px;} @media (min-width: 64em) { .content-404 svg { max-height:400px;} .content-404 span {font-size: 90px;line-height:50px;} .content-404 p {margin:45px 0;} } /*#endregion*/ /*#endregion*/ /* --------------------------------------------------------------------------------------------- ----------------------- P A G E C O N S E I L S A R T I C L E S ----------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-conseils-articles .breadcrumbs li a, .cms-conseils-articles .breadcrumbs li {color:#fff!important;} #page_contenu.conseils_articles h2 {font-size: 2em;font-family: 'open_sanssemibold';color: #797979;margin-bottom: 5px;} #page_contenu.conseils_articles h3 {text-align: center;padding-top: 1em;color: #fff;text-transform: uppercase;font-size: 2em;} #page_contenu.conseils_articles h4 {margin: 0;font-weight: unset;font-size: 2em;} #page_contenu.conseils_articles .hero {background-image: url('/media/page_conseils_entretien/page_liste_article/photo_hero.jpg');} #page_contenu.conseils_articles .trio {margin-top: 30px;} #page_contenu.conseils_articles .trio > div {margin-bottom: 20px;} #page_contenu.conseils_articles .trio > div:last-child {display: none;} #page_contenu.conseils_articles .trio .blocs_consultes {background-color: #f7f7f7;display: inline-block;width: 100%;} #page_contenu.conseils_articles .trio .blocs_consultes p {margin: 20px;} #page_contenu.conseils_articles .trio .blocs_consultes a {font-weight: bold;} #page_contenu.conseils_articles .trio .blocs_consultes > div:last-child {margin: 20px;padding:20px;background-color: #fff;} #page_contenu.conseils_articles .trio .titres_consultes {background-size: cover;min-height: 100px;} #page_contenu.conseils_articles .trio .backimg_conseils {background-image: url('/media/page_contenu/conseils_articles/conseils.jpg');} #page_contenu.conseils_articles .trio .backimg_articles {background-image: url('/media/page_contenu/conseils_articles/articles.jpg');} #page_contenu.conseils_articles .trio .backimg_guides {background-image: url('/media/page_contenu/conseils_articles/guides.jpg');} @media screen and (max-width: 64em) { #page_contenu.conseils_articles .trio > div {margin-bottom: 20px;} } @media screen and (min-width: 64em) { #page_contenu.conseils_articles .trio > .large-4 {width: 50%;} #page_contenu.conseils_articles .trio {width: 66.666%;margin: 30px auto 0;} } /*#endregion*/ /* --------------------------------------------------------------------------------------------- ----------------------- P A G E AVIS PRODUITS ----------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .cms-avis-produits .breadcrumbs li a, .cms-avis-produits .breadcrumbs li.gt.active, .cms-avis-produits .breadcrumbs li.active {color: #ffffff;} #page_contenu.avis_produits h3 {text-align: center;padding: 2em;color: #fff;text-transform: uppercase;font-size: 1,8em;} #page_contenu.avis_produits .hero {background-image: url('/media/page_contenu/avis_produits/header.jpg');min-height: 250px;} #page_contenu.avis_produits .trio {margin-top: 30px; margin-bottom: 80px;} #page_contenu.avis_produits .trio .blocs {background-color: #f9f9f9;margin-bottom: 30px;padding-bottom: 20px;} #page_contenu.avis_produits .trio .blocs p {margin: 20px;} #page_contenu.avis_produits .trio .blocs ul {margin: 20px;} #page_contenu.avis_produits .trio .blocs li {margin: 20px;list-style: initial;} #page_contenu.avis_produits .trio .titres {background-size: cover;min-height: 100px;vertical-align: middle;line-height: 100px;} #page_contenu.avis_produits .trio .backimg_avis {background-image: url('/media/page_contenu/avis_produits/encart-01.jpg');} #page_contenu.avis_produits .trio .backimg_moderation {background-image: url('/media/page_contenu/avis_produits/encart-02.jpg');} #page_contenu.avis_produits .trio .backimg_engagement {background-image: url('/media/page_contenu/avis_produits/encart-03.jpg');} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ------------------------ C O N S E I L S E T E N T R E T I E N ------------------------ --------------------------------------------------------------------------------------------- */ /*#region*/ /* --------------------------------------------------------------------------------------------- --------------------------- P A G E L I S T E A R T I C L E --------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ #page_contenu.conseils_entretien_liste .hero {background-image:url('/media/page_conseils_entretien/page_liste_article/photo_hero.png');} #page_contenu.conseils-entretien.lave-linge .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_lave-linge.jpg');} #page_contenu.conseils-entretien.seche-linge .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_seche-linge.jpg');} #page_contenu.conseils-entretien.lave-vaisselle .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_lave-vaisselle.jpg');} #page_contenu.conseils-entretien.refrigerateur .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_refrigerateur.jpg');} #page_contenu.conseils-entretien.congelateur .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_congelateur.jpg');} #page_contenu.conseils-entretien.cave-vin .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_cave-vin.jpg');} #page_contenu.conseils-entretien.cuisiniere .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_cuisiniere.jpg');} #page_contenu.conseils-entretien.four .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_four.jpg');} #page_contenu.conseils-entretien.table-cuisson .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_table-cuisson.jpg');} #page_contenu.conseils-entretien.micro-ondes .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_micro-ondes.jpg');} #page_contenu.conseils-entretien.expresso .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_expresso.jpg');} #page_contenu.conseils-entretien.aspirateur .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_aspirateur.jpg');} #page_contenu.conseils-entretien.centrale-vapeur .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_centrale-vapeur.jpg');} #page_contenu.conseils-entretien.aspirateur-robot .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_aspirateur-robot.jpg');} #page_contenu.conseils-entretien.ordinateur-portable .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_ordinteaur-portable.jpg');} #page_contenu.conseils-entretien.ordinateur-fixe .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_ordinateur-fixe.jpg');} #page_contenu.conseils-entretien.smartphone-tablette .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_smartphone-tablette.jpg');} #page_contenu.conseils-entretien.tv .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_tv.jpg');} #page_contenu.conseils-entretien.videoprojecteur .hero {background-image:url('/media/page_contenu/conseils_entretien/article/hero_videoprojecteur.jpg');} #page_contenu.conseils_entretien_liste .intro h2 { font-family:'open_sanssemibold'; color:#797979;margin-bottom: 5px;} #page_contenu.conseils_entretien_liste .intro p {text-align:center; font-size:15px; } #page_contenu.conseils_entretien_liste .intro .filtre { margin-top:50px; margin-bottom:50px; text-align: center;} #page_contenu.conseils_entretien_liste .intro .filtre p { font-family:'open_sanssemibold';text-align:center;font-size:15px; margin-bottom:10px; } /*BOUTON*/ #page_contenu.conseils_entretien_liste .intro .filtre .filterButton { cursor:pointer; color:#f27857; min-width:200px; border-radius:40px; font-size:13px; font-weight:bold; text-transform:uppercase; padding:16px 25px; border: solid 2px #f27857; display: inline-block; text-align: center;text-decoration:none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; overflow:hidden;} #page_contenu.conseils_entretien_liste .intro .filtre .filterButton:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, #f27857 0%, #ef8b50 100%); background: -webkit-linear-gradient(top, #f27857 0%,#ef8b50 100%); background: linear-gradient(to bottom, #f27857 0%,#ef8b50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8b50', endColorstr='#ed8d55',GradientType=0 ); color:#ffffff; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} #page_contenu.conseils_entretien_liste .intro .filtre .filterButton:hover:before, #page_contenu.conseils_entretien_liste .intro .filtre .filterButton.actif:before {-webkit-transform: scaleY(1); transform: scaleY(1);} #page_contenu.conseils_entretien_liste .intro .filtre .filterButton:hover, #page_contenu.conseils_entretien_liste .intro .filtre .filterButton.actif { color:#ffffff; text-decoration:none;} #page_contenu.conseils_entretien_liste .intro .filtre .ss-filtre ul li a { cursor:pointer; color:#797979; min-width:150px; border-radius:30px; font-size:11px;font-weight:bold; text-transform:uppercase; padding:10px; border: solid 1px #cccccc; display: inline-block; text-align: center;text-decoration:none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; overflow:hidden;} #page_contenu.conseils_entretien_liste .intro .filtre .ss-filtre ul li a:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, #cccccc 0%, #c0c3bd 100%); background: -webkit-linear-gradient(top, #cccccc 0%,#c0c3bd 100%); background: linear-gradient(to bottom, #cccccc 0%,#c0c3bd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c3bd', endColorstr='#ed8d55',GradientType=0 ); color:#ffffff; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} #page_contenu.conseils_entretien_liste .intro .filtre .ss-filtre ul li a:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);} #page_contenu.conseils_entretien_liste .intro .filtre .ss-filtre ul li a:hover { color:#ffffff; text-decoration:none;} #page_contenu.conseils_entretien_liste .intro .filtre .ss-filtre { position:relative; padding:21px 0; margin-top:15px; display:none;} #page_contenu.conseils_entretien_liste .intro .filtre .ss-filtre.actif { display:block;} #page_contenu.conseils_entretien_liste .intro .filtre .ss-filtre:before {content: ""; height: 1px; background: #e6e6e6; width: 90%; position: absolute; top: 0; left: calc(50% - 45%);} #page_contenu.conseils_entretien_liste .filtre_all {text-align:center;} #page_contenu.conseils_entretien_liste .filtre_all a { cursor:pointer; color:#517f9b; min-width:200px; border-radius:40px; font-size:13px; font-weight:bold; text-transform:uppercase; padding:16px 25px; border: solid 2px #517f9b; display: inline-block; text-align: center;text-decoration:none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; overflow:hidden;} #page_contenu.conseils_entretien_liste .filtre_all a:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#517f9b; color:#ffffff; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} #page_contenu.conseils_entretien_liste .filtre_all a:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);} #page_contenu.conseils_entretien_liste .filtre_all a:hover { color:#ffffff; text-decoration:none;} #page_contenu.conseils_entretien_liste .filtre_all .actif {display:none;} #page_contenu.conseils_entretien_liste .filtre input { display:none;} #page_contenu.conseils_entretien_liste .filtre ul { text-align:center;} #page_contenu.conseils_entretien_liste .filtre ul li { display:inline-block;margin: 0 5px;} #page_contenu.conseils_entretien_liste .grid { margin-bottom:70px;} #page_contenu.conseils_entretien_liste .grid .masque { display:block; opacity:1; } #page_contenu.conseils_entretien_liste .grid .masque.none { display:none; opacity:0;} #page_contenu.conseils_entretien_liste .grid .masque > div { background-color:#f7f7f7; margin-bottom:30px; position:relative; height:290px;} #page_contenu.conseils_entretien_liste .grid .masque > div p {text-align:center; font-family:'open_sanssemibold'; color:#517f9b; padding:15px;margin-top: 15px;position: absolute; bottom:0; left:0; right:0;} #page_contenu.conseils_entretien_liste .grid .masque > div p span {display:none; height:50px; width:50px; text-align:center; color:#ffffff; border-radius:50px; border:solid 1px #ffffff; font-size:36px; line-height:45px; font-family:'open_sansregular'; margin:auto; margin-top:15px; } #page_contenu.conseils_entretien_liste .grid .masque > div p span.nom-produit {display:none; height:auto; width:auto;text-align:center; color:#ffffff; font-size:20px; line-height:45px; border:none;font-family:'open_sansregular'; margin:auto; margin-top:15px; } #page_contenu.conseils_entretien_liste .grid .masque > div p:before {content: ""; height: 1px; background: #e6e6e6; width: 140px; position: absolute; top: 0; left: calc(50% - 70px);} #page_contenu.conseils_entretien_liste .grid .masque > div img {display:block; margin:auto; max-width: 200px; width: 100%; padding-top: 10px;} #page_contenu.conseils_entretien_liste .grid .masque a { position:absolute; top:0; left:0; right:0; bottom:0;} #page_contenu.conseils_entretien_liste .grid .masque > div:hover { background-color:#517f9b; display:table;} #page_contenu.conseils_entretien_liste .grid .masque > div:hover p{ color:#ffffff; position:relative; display:table-cell; vertical-align:middle; width:100%;} #page_contenu.conseils_entretien_liste .grid .masque > div:hover p:before{display:none;} #page_contenu.conseils_entretien_liste .grid .masque > div:hover p span { display:block;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ------------------------- P A G E A R T I C L E / P R O D U I T ------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ body[class*="cms-conseils-entretien"] .breadcrumbs li a, body[class*="cms-conseils-entretien"] .breadcrumbs li.gt.active, body[class*="cms-conseils-entretien"] .breadcrumbs li.active { color:#ffffff;} #page_contenu.conseils-entretien .hero {background-image:url('/media/nos-services/service_photo_hero.jpg');} #page_contenu.conseils-entretien h1.titre {font-family:'open_sanssemibold'; font-size:30px; margin-top: 60px;margin-bottom:70px;color: #517f9b;text-align: center; line-height: 1em;} #page_contenu.conseils-entretien .hero h2 {font-family: 'robotocondensed-regular', 'open_sansregular';font-weight: 500;font-size: 50px;color: #FFFFFF;line-height: 0.8em;margin: 0.67em auto 1em auto;} #page_contenu.conseils-entretien h2 {font-family: 'something_wildregular', 'open_sansregular';color:#f27857;font-weight: 300;font-size: 45px; position:relative; text-align: left; line-height: 1.3em;margin: unset;margin-bottom: .4em;} #page_contenu.conseils-entretien h2.conseils {margin-top:unset;margin-bottom: .4em;} #page_contenu.conseils-entretien .para:first-child h2:before{content: "01.";font-family: 'gunny_rewrittenregular', 'open_sansregular';color:#aac2a8;font-weight: 300;font-size: 35px;line-height: 65px; left: -70px; margin-right: 10px;position:absolute;} #page_contenu.conseils-entretien .para:nth-child(2) h2:before{content: "02.";font-family: 'gunny_rewrittenregular', 'open_sansregular';color:#aac2a8;font-weight: 300;font-size: 35px;line-height: 65px; left: -70px; margin-right: 10px;position:absolute;} #page_contenu.conseils-entretien .para:nth-child(3) h2:before{content: "03.";font-family: 'gunny_rewrittenregular', 'open_sansregular';color:#aac2a8;font-weight: 300;font-size: 35px;line-height: 65px; left: -70px; margin-right: 10px;position:absolute;} #page_contenu.conseils-entretien .para:nth-child(4) h2:before{content: "04.";font-family: 'gunny_rewrittenregular', 'open_sansregular';color:#aac2a8;font-weight: 300;font-size: 35px;line-height: 65px; left: -70px; margin-right: 10px;position:absolute;} #page_contenu.conseils-entretien .para:nth-child(5) h2:before{content: "05.";font-family: 'gunny_rewrittenregular', 'open_sansregular';color:#aac2a8;font-weight: 300;font-size: 35px;line-height: 65px; left: -70px; margin-right: 10px;position:absolute;} /* #page_contenu.conseils-entretien h2 .numero-service {font-family: 'gunny_rewrittenregular', 'open_sansregular';color:#aac2a8;font-weight: 300;font-size: 35px;line-height: 65px; left: -70px; margin-right: 10px;position:absolute;visibility:hidden} */ #page_contenu.conseils-entretien h3 {font-weight: 200;line-height: 1em; font-family: 'robotocondensed-regular', sans-serif;font-size: 30px;color: #ffffff;margin-bottom: 30px;text-align: center;} #page_contenu.conseils-entretien h3 .ligne_2 {font-size:30px;} #page_contenu.conseils-entretien .para {margin-bottom:30px;} #page_contenu.conseils-entretien .para img {display:block; margin:auto;} #page_contenu.conseils-entretien .para .ampoule img { max-width:60px;} #page_contenu.conseils-entretien .para .img img { max-width:200px; margin-top:15px;} #page_contenu.conseils-entretien .para p { margin-bottom:10px;} #page_contenu.conseils-entretien .lien_vers_autres_articles { background-color:#f27857; padding:50px 0; padding-bottom:20px;} #page_contenu.conseils-entretien .lien_vers_autres_articles h2 { color:#ffffff; margin-top:0; margin-bottom:30px;} #page_contenu.conseils-entretien .lien_vers_autres_articles .petit_bloc { padding:0;} #page_contenu.conseils-entretien .lien_vers_autres_articles .petit_bloc .columns > div, #page_contenu.conseils-entretien .lien_vers_autres_articles .article_1 > div { background-color:#ffffff; margin-bottom:30px; position:relative;} #page_contenu.conseils-entretien .lien_vers_autres_articles .petit_bloc .columns > div > a, #page_contenu.conseils-entretien .lien_vers_autres_articles .article_1 > div > a { position:absolute; top:0; left:0; right:0; bottom:0;} #page_contenu.conseils-entretien .lien_vers_autres_articles .article_1 > div { position:relative;height:300px;} #page_contenu.conseils-entretien .lien_vers_autres_articles .petit_bloc .columns > div { height:200px; position:relative;} #page_contenu.conseils-entretien .lien_vers_autres_articles .columns > div .img { height:140px;background-position:center; background-repeat: no-repeat; background-size: cover;} #page_contenu.conseils-entretien .lien_vers_autres_articles .columns > div .nom { background-color:#f7f7f7; padding:10px 15px; position:absolute; bottom:0; left:0; right:0;min-height: 60px;} #page_contenu.conseils-entretien .lien_vers_autres_articles .columns > div .nom p { font-weight:bold;float: left; margin-right: 50px;} #page_contenu.conseils-entretien .lien_vers_autres_articles .columns > div .nom a.plus{ position: absolute; right: 15px; min-width: 40px; font-size: 24px; font-weight: bold; line-height: 16px;} #page_contenu.conseils-entretien .lien_vers_autres_articles .article_1 > div .nom p { font-size:30px; margin-bottom: 25px; line-height: 35px;} #page_contenu.conseils-entretien .lien_vers_autres_articles .article_1 > div .nom a { float:none;} #page_contenu.conseils-entretien .lien_vers_autres_articles .article_1 > div .img { height:220px; } #page_contenu.conseils-entretien .lien_vers_autres_articles .columns > div .savoirplus { background-color:#f7f7f7; padding:15px; } #page_contenu.conseils-entretien .lien_vers_autres_articles .columns > div .savoirplus p { margin-right:0; text-align:center;margin-bottom:10px;} #page_contenu.conseils-entretien .lien_vers_autres_articles .columns > div .savoirplus a.button-border-orange { margin: auto; display: table;} #page_contenu.conseils-entretien .lien_vers_autres_articles .columns > div:hover .button-border-orange:before {-webkit-transform: scaleY(1); transform: scaleY(1);} #page_contenu.conseils-entretien .lien_vers_autres_articles .columns > div:hover .button-border-orange { color:#ffffff; text-decoration:none;} /*#endregion*/ /*#endregion*/ /* --------------------------------------------------------------------------------------------- -------------------- E N C A R T P A G E L I S T E P R O D U I T -------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .conseils_entretien.page_liste {padding:0px!important;} .conseils_entretien.page_liste .texte {padding:20px;} .conseils_entretien.page_liste .texte.bleu {background-color: #517e9b;} .conseils_entretien.page_liste .texte img{ display:block; margin:auto; height:90px;padding-bottom: 10px;} .conseils_entretien.page_liste .texte p {text-align:center;font-size:20px;} .conseils_entretien.page_liste .texte.bleu .ligne_1 {color:#FFFFFF;} .conseils_entretien.page_liste .texte p.ligne_2 {color:#b8c2b1;font-weight:bold;} .conseils_entretien.page_liste .texte .ligne_2.gunny {color:#FFFFFF;font-family: 'gunny_rewrittenregular',sans-serif;} .conseils_entretien.page_liste .texte a.button-border-vert {margin: auto;display: table; margin-top:20px;} .conseils_entretien.page_liste .texte a.button-border-vert.blanc {color:#FFFFFF;border:solid 2px #FFFFFF;} .conseils_entretien.page_liste .texte a.button-border-vert.blanc::before{background-color: #FFFFFF;} .conseils_entretien.page_liste .texte a.button-border-vert.blanc:hover {color:#517e9b;background-color:#FFFFFF;border:solid 2px #FFFFFF;} .conseils_entretien.page_liste .visuel {background-repeat: no-repeat; background-size: cover; background-position: right; position:absolute; top:0; bottom:0;} .conseils_entretien.page_liste .visuel.arrondi{border-bottom-left-radius: 40px;} .conseils_entretien.page_liste .lave-linge.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-lave-linge.jpg'); } .conseils_entretien.page_liste .aspirateur.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-aspirateur.jpg'); } .conseils_entretien.page_liste .aspirateur-robot.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-aspirateur-robot.jpg');} .conseils_entretien.page_liste .cave-vin.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-cave-vin.jpg'); } .conseils_entretien.page_liste .centrale-vapeur.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-centrale-vapeur.jpg'); } .conseils_entretien.page_liste .congelateur.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-congelateur.jpg'); } .conseils_entretien.page_liste .cuisiniere.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-cuisiniere.jpg'); } .conseils_entretien.page_liste .expresso.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-expresso.jpg');} .conseils_entretien.page_liste .four.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-four.jpg'); } .conseils_entretien.page_liste .lave-vaisselle.visuel {background-position: left;background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-lave-vaisselle.jpg');} .conseils_entretien.page_liste .micro-ondes.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-micro-ondes.jpg'); } .conseils_entretien.page_liste .ordi-fixe.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-ordi-fixe.jpg'); } .conseils_entretien.page_liste .ordi-portable.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-ordi-portable.jpg');} .conseils_entretien.page_liste .plaque-cuisson.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-plaque-cuisson.jpg'); } .conseils_entretien.page_liste .refrigerateur.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-refrigerateur.jpg'); } .conseils_entretien.page_liste .seche-linge.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-seche-linge.jpg'); } .conseils_entretien.page_liste .smartphone-tablette.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-smartphone-tablette.jpg'); } .conseils_entretien.page_liste .tv.visuel {background-position: center;background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-tv.jpg'); } .conseils_entretien.page_liste .videoprojecteur.visuel {background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-videoprojecteur.jpg'); } .conseils_entretien.page_liste .expresso-broyeur.visuel {background-position: center;background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-expresso-broyeur.jpg'); } .conseils_entretien.page_liste .ordi.visuel {background-position: center;background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-ordi.jpg'); } .conseils_entretien.page_liste .tablette.visuel {background-position: center;background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-tablette.jpg'); } .conseils_entretien.page_liste .four.visuel {background-position: center;background-image: url('/media/page_conseils_entretien/encart_page_liste/conseil-four.jpg'); } /*#endregion*/ /* --------------------------------------------------------------------------------------------- ---------------------------------------- P O P I N ---------------------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999992; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center; } .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em;} .blocker.behind { background-color: transparent;} .modal { display: none; vertical-align: middle; position: relative; z-index: 10002; padding: 45px;} .modal iframe { max-width:100%;} .modal a.close-modal {font-size: 0;text-decoration:none;} .modal a.close-modal:before {content:'\e934'; top:-15px; right:10px; font-size:50px; color:#ffffff; position: absolute; display: block; width: 30px; height: 30px;font-family: 'icomoon' !important;} .modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px;} .modal-spinner > div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ----------------------------------- P A G E L I S T E ----------------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .catalog-category-view .listing-item .description a {border: solid 1px #ccc; padding: 5px 8px; margin-top: 5px; display: inline-block; text-decoration: none; font-weight: bold;} /*** Encart Reassurance Smartphone et TV ***/ .reassurance_smartphone_et_tv .visuel {position: relative;padding: 20px;background-size:cover;} .reassurance_smartphone_et_tv.tv .visuel {height: 338px;background-image: url('/media/page_liste/reassurance/reassurance-tv.jpg');background-color: #efedf8;} .reassurance_smartphone_et_tv.smartphone .visuel {height: 376px;background-image: url('/media/page_liste/reassurance/reassurance-smartphone.jpg');background-color: #FFFFFF;} .reassurance_smartphone_et_tv.tv .right {height: 338px;background-color: #a2c3a6;} .reassurance_smartphone_et_tv.smartphone .right {height: 376px;background-color: #a2c3a6;} .reassurance_smartphone_et_tv img {display: block; margin: auto;margin-top: 25px;margin-bottom: 20px;} .reassurance_smartphone_et_tv.smartphone img {margin-top: 20%;} .reassurance_smartphone_et_tv p {color:white;text-align: center;font-size: 18px;line-height: 1.3em;} .reassurance_smartphone_et_tv.smartphone p {line-height: 1.7em;} .reassurance_smartphone_et_tv .sautMoyen {line-height: 1.5em;} .reassurance_smartphone_et_tv .sautPlusGrand {line-height: 2em;} .reassurance_smartphone_et_tv.smartphone .sautPlusGrand {line-height: 2em;} .reassurance_smartphone_et_tv.tv p:last-child {margin-top: 27px;} .reassurance_smartphone_et_tv b.txtPlusGrand {font-size: 24px;} .reassurance_smartphone_et_tv a {position:absolute; top: 0; bottom: 0; left: 0; right: 0;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- --------------------------- E N C A R T À R E P R E N D R E --------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ /*Encart Offre*/ .tunnel_commande_offres .columns > div { border:solid 1px #cccccc; position:relative; padding:15px; padding-bottom:20px; margin-bottom:20px;} .tunnel_commande_offres p { font-size:15px; text-transform:uppercase; font-weight:bold; text-align: left;} .tunnel_commande_offres p span { color:#9fc724;} .tunnel_commande_offres p.mentions { font-size:11px; text-align:right;text-transform:initial; } .tunnel_commande_offres img { display:block; margin:auto;} .tunnel_commande_offres .relative div a { position:absolute; top:0; bottom:0; right:0; left:0;} .tunnel_commande_offres .titre { font-size:25px; text-transform:inherit; text-align:center; margin: 12px 0;} .tunnel_commande_offres .titre span { text-transform:uppercase;} /*Encart retard livraison*/ .tunnel_commande_offres .info_retard_livraison p { text-transform:initial; font-size:13px; margin-bottom:10px;} .tunnel_commande_offres .info_retard_livraison p.titre_livraison {text-transform:uppercase; font-weight:bold;color:#9fc724; font-size:15px;} .tunnel_commande_offres .info_retard_livraison p.titre_livraison span { color:#9b2b28;} .tunnel_commande_offres .info_retard_livraison p.align_right {text-align:right; margin-bottom:0px;} .one-page-checkout #checkout-step-billing .miseenservice .delai { padding:15px!important;} .one-page-checkout #checkout-step-billing .miseenservice .delai .ss-titre { text-transform:uppercase; font-weight:bold;} /*Encart retard livraison*/ .retard_livraison_tunnel_de_commande { padding: 20px; padding-bottom: 10px; font-size: 13px; border: solid 1px #F27857; margin-bottom: 30px; } .retard_livraison_tunnel_de_commande .titre { margin-top:-35px;} .retard_livraison_tunnel_de_commande .titre .iconmoon_lok {color:#ffffff; font-size:30px; display: block; text-align:center; background-color:#ffffff; display: table; margin: auto; margin-bottom: 5px; padding: 0 10px;} .retard_livraison_tunnel_de_commande .titre p { color:#F27857; text-align:center; font-weight:bold;font-size:15px; margin-bottom: 20px; } .retard_livraison_tunnel_de_commande .texte p { margin:0!important; text-transform:initial;font-weight: 100; padding-bottom:5px;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ------------------------ M I C R O S O F T P A C K O F F I C E ------------------------ --------------------------------------------------------------------------------------------- */ /*#region*/ /*** Encart Page Liste ***/ .filet .listing-type-list .listing-item .listing-item_background.microsoft_pack_office {padding:0px; } .filet .listing-type-list .listing-item .listing-item_background.microsoft_pack_office:after { content:''; background:#d83b01; position:absolute; top:0; right:0; bottom:0; width:17%;} .microsoft_pack_office.page_liste .lign_1 { font-size:30px; } .microsoft_pack_office.page_liste .lign_2 {font-size:28px; font-weight: bold;} .microsoft_pack_office.page_liste .lign_3 { font-size:22px; } .microsoft_pack_office.page_liste .offre_office { padding:20px;} .microsoft_pack_office.page_liste .offre_office p {padding : 10px 0px 30px 0px;} .microsoft_pack_office.page_liste .logiciel_office{padding:0px; position:relative;} .microsoft_pack_office.page_liste .logiciel_office:after { content:''; background:#d83b01; position:absolute; top:0; right:0; bottom:0; width:50%;height: 50%;} .microsoft_pack_office.page_liste .logiciel_office img { margin: auto;display: block; z-index: 1; position: relative; padding:20px;max-width: 100%;} @media (min-width:1400px) { .filet .listing-type-list .listing-item .listing-item_background.microsoft_pack_office {min-height:350px; } } @media (min-width: 1400px) and (max-width:1710px) { .microsoft_pack_office.page_liste .lign_1 { font-size:24px; } .microsoft_pack_office.page_liste .lign_2 {font-size:20px; font-weight: bold;} .microsoft_pack_office.page_liste .lign_3 { font-size:16px; } } @media screen and (max-width: 720px){ .microsoft_pack_office.page_liste .lign_1 { font-size:20px; } .microsoft_pack_office.page_liste .lign_2 {font-size:16px; font-weight: bold;} .microsoft_pack_office.page_liste .lign_3 { font-size:14px; } } /*** Encart Tunnel ***/ .microsoft_pack_office.tunnel {border: 1px solid #c9cec4;margin: 15px !important;} .microsoft_pack_office.tunnel p {font-size:22px; line-height: 23px;} .microsoft_pack_office.tunnel b {font-size:28px;} .microsoft_pack_office.tunnel .offre_office {padding-top: 15px;padding-bottom: 15px;} .microsoft_pack_office.tunnel .logiciel_office {padding:10px !important; background-color:#d83b01;} .microsoft_pack_office.tunnel .logiciel_office img { margin: auto;display: block;max-height: 120px;} @media screen and (max-width:63.9375em) { .microsoft_pack_office.tunnel p,.microsoft_pack_office.tunnel b {font-size:15px; } } /*** Encart Page Produit OLD***/ .microsoft_pack_office.page_produit_old {background: #f7f7f7;display: flex;padding: 20px;margin-bottom: 20px;} .microsoft_pack_office.page_produit_old h2 {color:#d83b01;} .microsoft_pack_office.page_produit_old img {padding: 20px;} /*** Encart Page Produit NEW***/ .microsoft_pack_office.page_produit_new {background-color:#f7f7f7; padding: 20px !important} .microsoft_pack_office.page_produit_new img {padding: 20px; margin: auto;display: block;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- ----------------------- E N C A R T S C O N S E I L S C H O I X ----------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ .conseils_choix.page_liste {padding: 0!important; background:#ffffff; overflow:hidden;} .conseils_choix.page_liste .texte {text-align: center; padding: 20px;} .conseils_choix.page_liste .texte img {width: 60px;} .conseils_choix.page_liste .texte p {margin-bottom: 15px;} .conseils_choix.page_liste .texte p.ligne_1 {font-size: 20px;color: #517e9b; line-height: normal;} .conseils_choix.page_liste .visuel {background-position:center;background-size: cover; height:100%; position:absolute;} .conseils_choix.page_liste > a {position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .conseils_choix.page_liste .button-green:hover {color:#ffffff;} .conseils_choix.page_liste .visuel.four_vapeur {background-image: url('/media/page_liste/conseils_choix/four_vapeur_optimise.jpg');} .conseils_choix.page_liste .visuel.pyrolyse {background-image: url('/media/page_liste/conseils_choix/pyrolyse_optimise.jpg');} .conseils_choix.page_liste.autodose .visuel {background-image: url('/media/page_liste/conseils_choix/autodose.jpg');} .conseils_choix.page_liste.autodose .visuel img { position:absolute; right:0; top:0; bottom:0;} .conseils_choix.page_liste.soin-linge {min-height: 355px; background: #011e41 !important;position: relative;} .conseils_choix.page_liste.soin-linge .visuel {background-image: url('/media/odr/soin_linge/Image.jpg'); margin: auto auto auto 50%; width: 50%;} .conseils_choix.page_liste.soin-linge .visuel img { position:absolute; left:-1px; top:0; bottom:0;} .conseils_choix.page_liste.soin-linge .texte {color: white; float:left; text-align: initial;} .conseils_choix.page_liste.soin-linge .texte p {margin: 30px auto auto auto; font-size: 1.1em; text-align: center;} .conseils_choix.page_liste.soin-linge .texte .petit-texte {font-size: .8em; margin: 0 !important;} .conseils_choix.page_liste.soin-linge .texte p span {font-size: 20px; font-weight: bold;} .conseils_choix.page_liste.soin-linge .texte img {width: auto;} .conseils_choix.page_liste.assurance-apn .visuel {background-image: url('/media/page_liste/conseils_choix/assurance_apn/image_optimisee.jpg');} .conseils_choix.page_liste.assurance-apn .visuel img { position:absolute; right:-2px; top:0; bottom:0;} .conseils_choix.page_liste.assurance-apn {background: #AAC2A8 !important; min-height: 330px;} .conseils_choix.page_liste.assurance-apn .texte img {width: auto; margin: 10px 0 0 0;} .conseils_choix.page_liste.assurance-apn .texte p {color: #fff; font-size: 23px;} .conseils_choix.page_liste.assurance-apn .texte p span{font-weight: bold;} .conseils_choix.page_liste.assurance-apn .texte .ligne_1 {margin: 10% auto auto auto;} .conseils_choix.page_liste.assurance-apn .texte p:last-child{margin: 0!important;} .conseils_choix.page_liste.electrolux-cuisson {min-height: 355px; background: #ffffff !important} .conseils_choix.page_liste.electrolux-cuisson .visuel {background-image: url('/media/odr/electrolux_cuisson/Image.jpg'); margin: auto auto auto 50%; width: 50%;} .conseils_choix.page_liste.electrolux-cuisson .visuel img { position:absolute; left:-1px; top:0; bottom:0;} .conseils_choix.page_liste.electrolux-cuisson .texte {color: white; float:left; text-align: initial;} .conseils_choix.page_liste.electrolux-cuisson .texte p {margin: 30px auto auto auto; font-size: 1.1em; text-align: center;} .conseils_choix.page_liste.electrolux-cuisson .texte .petit-texte {font-size: .8em; margin: 0 !important;} .conseils_choix.page_liste.electrolux-cuisson .texte p span {font-size: 20px; font-weight: bold;} .conseils_choix.page_liste.electrolux-cuisson .texte img {width: auto;} /* Blocs Services Duo */ .conseils_choix.page_liste.bloc_services{text-align: center;color: white;} .conseils_choix.page_liste.bloc_services > div {padding:10px;background: #517e9b;} .conseils_choix.page_liste.bloc_services > div.vert {background: #67B290;} .conseils_choix.page_liste.bloc_services > div > div {height: 300px;padding: 10px;} .conseils_choix.page_liste.bloc_services > div > div > div {padding: 9px; margin-top:25px;} .conseils_choix.page_liste.bloc_services img {margin-bottom: 10px;height: 85px;} .conseils_choix.page_liste.bloc_services p {font-size: 16px;line-height: 27px;} .conseils_choix.page_liste.bloc_services .icomoon {font-size: 78px;} .conseils_choix.page_liste.bloc_services .icomoon:before {color: white;} .conseils_choix.page_liste.bloc_services .left {border-radius: 0 0 0 40px;} .conseils_choix.page_liste.bloc_services .right {border-radius: 0 0 40px 0;} .conseils_choix.page_liste.bloc_services .icomoon_dedie_lokeo{margin: 20px 0px 20px 0; display: block;} /*#endregion*/ /* --------------------------------------------------------------------------------------------- -------------------------------- P R O J E T P I V O T -------------------------------- --------------------------------------------------------------------------------------------- */ /* ----------- ENCART ECORESPONSABLE ------------ */ /*Home page*/ #page_contenu.home-page .home-offre-ecoresponsable {background:url('/media/home-page/ecoresponsable/backlisting.jpg') no-repeat top!important; background-size: cover!important; padding:30px 20px; position:relative; margin-top: 40px;} #page_contenu.home-page .home-offre-ecoresponsable:before { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu.home-page .home-offre-ecoresponsable span.icomoon_dedie_lokeo { display:block; color:#67B290; text-align:center; margin-top:20px; margin-bottom:20px; position:relative; z-index:1;} #page_contenu.home-page .home-offre-ecoresponsable p { font-family: 'robotocondensed-bold'; font-size:30px; text-align:center; background-color:#67B290; padding:2px 8px; color:#ffffff; z-index:1; position:relative; display: table; margin: auto;margin-bottom:30px; } #page_contenu.home-page .home-offre-ecoresponsable .btn {display: table; margin: auto; text-align:center;} #page_contenu.home-page .home-offre-ecoresponsable .btn a { display:inline-block; margin:0 5px; } /*smartphone only*/ @media screen and (max-width: 39.9375em) { #page_contenu.home-page .home-offre-ecoresponsable p {font-size:25px;background:none; padding:0;} #page_contenu.home-page .home-offre-ecoresponsable p span { display: table; margin: auto; background-color:#67B290; padding:1px 8px;margin-bottom: 3px;} #page_contenu.home-page .home-offre-ecoresponsable .btn a { margin-bottom:10px;} #page_contenu.home-page .home-offre-ecoresponsable .btn .button-full-white {min-width: 150px; font-size: 11px;} #page_contenu.home-page .home-offre-ecoresponsable .btn a {margin:0 15px; } } @media (min-width: 40em) and (max-width:49.375em) { #page_contenu.home-page .home-offre-ecoresponsable .btn .button-full-white {min-width: 150px; font-size: 11px;} #page_contenu.home-page .home-offre-ecoresponsable p {font-size:27px;} #page_contenu.home-page .home-offre-ecoresponsable .btn a {margin:0 4px; } } /*Page liste*/ body[class*="category-location-lave-linge"] .filet .listing-type-list .product-all .accroche, body[class*="category-location-seche-linge"] .filet .listing-type-list .product-all .accroche, body[class*="category-seche-linge"] .filet .listing-type-list .product-all .accroche, body[class*="category-smartphone-reconditionne"] .filet .listing-type-list .product-all .accroche, body[class*="category-apple-iphone-reconditionne"] .filet .listing-type-list .product-all .accroche { color:#67B290!important;} body[class*="category-location-lave-linge"] .filet .listing-type-list .product-all .accroche:before, body[class*="category-location-seche-linge"] .filet .listing-type-list .product-all .accroche:before, body[class*="category-seche-linge"] .filet .listing-type-list .product-all .accroche:before, body[class*="category-smartphone-reconditionne"] .filet .listing-type-list .product-all .accroche:before, body[class*="category-apple-iphone-reconditionne"] .filet .listing-type-list .product-all .accroche:before { content:""; font-family: 'icomoon_dedie_lokeo'; color:#67B290; font-size:20px; margin-right:5px; } body[class*="category-samsung-galaxy-reconditionne"] .filet .listing-type-list .product-all .accroche, body[class*="category-location-refrigerateur"] .filet .listing-type-list .product-all .accroche,body[class*="category-location-congelateur"] .filet .listing-type-list .product-all .accroche { color:#67B290!important;} body[class*="category-samsung-galaxy-reconditionne"] .filet .listing-type-list .product-all .accroche:before,body[class*="category-location-refrigerateur"] .filet .listing-type-list .product-all .accroche:before,body[class*="category-location-congelateur"] .filet .listing-type-list .product-all .accroche:before { content:""; font-family: 'icomoon_dedie_lokeo'; color:#67B290; font-size:20px; margin-right:5px; } .catalog-category-view .page_liste.encart-ecoresponsable .encart > div {background-color:#67B290; padding:20px; color:#ffffff; min-height:332px; padding-top: 35px;} .catalog-category-view .page_liste.encart-ecoresponsable.fondbleu .encart > div {background-color:#517e9b; padding:20px; color:#ffffff; min-height:332px; padding-top: 35px;} .catalog-category-view .page_liste.encart-ecoresponsable .encart.first { padding-left:0;} .catalog-category-view .page_liste.encart-ecoresponsable .encart.last { padding-right:0;} .catalog-category-view .page_liste.encart-ecoresponsable .encart.last.aspi_robot_2>div {height: 387px;} .catalog-category-view .page_liste.encart-ecoresponsable .encart span { font-size:60px; text-align:center; color:#ffffff; display: block;} .catalog-category-view .page_liste.encart-ecoresponsable .encart span.icomoon { height: 75px; margin-top: -15px; } .catalog-category-view .page_liste.encart-ecoresponsable .encart span.icomoon:before {color:#ffffff;} .catalog-category-view .page_liste.encart-ecoresponsable .encart > div p:first-child, .catalog-category-view .page_liste.encart-ecoresponsable .encart > div span + p{ text-align:center; font-weight:bold; margin-bottom:15px; font-size:17px; margin-top:10px} .catalog-category-view .page_liste.encart-ecoresponsable .encart ul {padding-left:20px;} .catalog-category-view .page_liste.encart-ecoresponsable .encart ul li {list-style: disc;} .catalog-category-view .page_liste.encart-ecoresponsable .encart:first-child > div { -webkit-border-bottom-left-radius: 40px;-moz-border-radius-bottomleft: 40px;border-bottom-left-radius: 40px; } .catalog-category-view .page_liste.encart-ecoresponsable .encart:last-child > div { -webkit-border-bottom-right-radius: 40px;-moz-border-radius-bottomright: 40px;border-bottom-right-radius: 40px; } .catalog-category-view .page_liste.encart-ecoresponsable .encart p { margin-bottom:10px;} .catalog-category-view .page_liste.encart-ecoresponsable .encart .pspan p { margin-bottom:30px;min-height: 30px;} .catalog-category-view .page_liste.encart-ecoresponsable .encart p > span{ float:left; font-size:40px; margin-right:10px; height: auto!important; margin-top: -6px!important; } .catalog-category-view .page_liste.encart-ecoresponsable .encart p > span.pile { transform: rotateZ(-90deg); font-size: 25px; margin-top: 9px!important; margin-right: 0px; margin-left: -9px;} .catalog-category-view .page_liste.encart-ecoresponsable .encart svg { display:block; margin:auto;max-width: 100%; margin-top: 25px;font-family: 'robotocondensed-regular', 'open_sansregular';} .catalog-category-view .page_liste.encart-ecoresponsable .encart .img{text-align: center;margin: 10px 0 10px 0;} .catalog-category-view .page_liste.encart-ecoresponsable .encart .titre{text-align: center;font-weight: bold;margin-bottom: 30px;margin-top: 30px;font-size: 17px;margin-top: 10px;} .catalog-category-view .page_liste.encart-ecoresponsable .encart .item{margin: 20px 0 59px 0;} .catalog-category-view .page_liste.encart-ecoresponsable .encart .petit{font-weight: inherit!important;text-align: center!important;margin-bottom: 10px!important;font-size: 0.8em!important;margin-top: 0px!important;} .catalog-category-view .page_liste.encart-ecoresponsable .encart .frigo{padding-top:10px!important} .catalog-category-view .page_liste.encart-ecoresponsable .encart .frigo .titre{font-weight: bold;font-size: 1em!important;} .catalog-category-view .page_liste.encart-ecoresponsable .encart .frigo .img{max-width: 80%!important;margin:auto;} /*smartphone only*/ @media screen and (max-width: 39.9375em) { .catalog-category-view .page_liste.encart-ecoresponsable .encart { padding:0;} .catalog-category-view .page_liste.encart-ecoresponsable .encart > div { min-height:auto; padding-top:20px; margin-bottom:20px;} .catalog-category-view .page_liste.encart-ecoresponsable .encart .frigo{padding-bottom:300px;} } /*Page produit*/ body[class*="category-location-lave-linge"] .fprod .desc .specificites .accroche, body[class*="category-seche-linge"] .fprod .desc .specificites .accroche, body[class*="category-apple-iphone-reconditionne"] .fprod .desc .specificites .accroche { color:#67B290;} body[class*="category-location-lave-linge"] .fprod .desc .specificites .accroche:before, body[class*="category-seche-linge"] .fprod .desc .specificites .accroche:before, body[class*="category-apple-iphone-reconditionne"] .fprod .desc .specificites .accroche:before { content:""; font-family: 'icomoon_dedie_lokeo'; color:#67B290; font-size:25px; margin-right:5px; } /*---------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------ PAGE 2021 - PAGE DE CONTENU-------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------*/ #page_contenu_2021 {background: #F9F9F9!important;} #page_contenu_2021 h1 {text-align:center; margin-bottom: 0; margin-top:0px; color:#ffffff;} #page_contenu_2021 h2 { text-align:left; margin-top:0; color:#f27857; font-size:30px;font-family: 'robotocondensed-regular'; margin-bottom:40px; font-weight:100; position:relative;} #page_contenu_2021 h2:after { content:""; height:2px; width:30px; background-color:#f27857; position:absolute; bottom:-13px; left:0;} #page_contenu_2021 h2.center {text-align:center;} #page_contenu_2021 h2.center:after { left: calc(50% - 15px);} #page_contenu_2021 h2.vert {color:#67B290;} #page_contenu_2021 h2.vert:after {background-color:#67B290;} #page_contenu_2021 h2.blanc {color:#ffffff;} #page_contenu_2021 h2.blanc:after {background-color:#ffffff;} #page_contenu_2021 p {margin-bottom:10px;} #page_contenu_2021 ul, #page_contenu_2021 ol {padding-left:18px;} #page_contenu_2021 ol li { list-style: decimal;} #page_contenu_2021 ul li { list-style:disc; width:auto; height:auto;} #page_contenu_2021 .section {margin-bottom:70px;} #page_contenu_2021 .hero {position:relative;background: url('/media/home-page/offre/2020/header.jpg'); background-repeat:no-repeat; background-size: cover; background-position: top; padding-top: 70px; padding-bottom: 110px;} #page_contenu_2021 .hero:before { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu_2021 .hero .column {position:relative; z-index:1; float:none; } #page_contenu_2021 .hero p {text-align:center; color:#ffffff;} #page_contenu_2021 .encart_haut {background-color:#F9F9F9; margin-top:-70px; position:relative; z-index:2; padding:30px; padding-bottom:0;} #page_contenu_2021 .encart_haut p.typo_gunny { font-family: 'gunny_rewrittenregular',sans-serif; font-size:50px; color:#B4D9C9;z-index: 1;line-height: 45px; margin-top: 5px;} #page_contenu_2021 .mentions p {font-size:13px;} #page_contenu_2021 .bloc_border .columns > div { border:solid 1px #cccccc; padding:20px; padding-top:0; margin-top:30px;} #page_contenu_2021 .bloc_border .columns > div h4 { font-size:15px; text-align:center; background:#F9F9F9; display:table; margin:auto; padding:0 10px; margin-top:-10px; margin-bottom:20px;} #page_contenu_2021 .bloc_border .columns > div .button-border-orange {display:table; margin:auto; margin-top:20px;} #page_contenu_2021 .bloc_border_icon .columns > div { border:solid 1px #f27857; padding:20px; padding-top:0; margin-top:30px;background-color:#F9F9F9;} #page_contenu_2021 .bloc_border_icon .columns > div h4 { font-size:15px; text-align:center; display:table; margin:auto; padding:0 10px; margin-top:-10px; margin-bottom:10px; color:#f27857;} #page_contenu_2021 .bloc_border_icon .columns > div p {text-align:center;margin-bottom:0;} #page_contenu_2021 .bloc_border_icon .columns > div span { display:table; text-align:center; margin: auto; margin-bottom:20px; padding: 0 20px; font-size:35px;margin-top: -20px; background-color:#F9F9F9;color:#f27857;} #page_contenu_2021 .bloc_border_icon .columns > div span::before { color:#f27857;} #page_contenu_2021 > .question {float:none;} #page_contenu_2021 > .question a {display:table; margin:auto; margin-top:15px;} #page_contenu_2021 .filter .masque { display:block; opacity:1; } #page_contenu_2021 .filter .masque.none { display:none; opacity:0;} /*--------------------- HOMEPAGE ---------------------------*/ #page_contenu_2021.home .section { margin-bottom:90px;} #page_contenu_2021.home .hero_actualite { background-color:#ffffff; position:relative; margin-bottom:60px;} #page_contenu_2021.home .hero_actualite .heroconcept { padding-top:20px; padding-bottom:30px;} #page_contenu_2021.home .hero_actualite .heroconcept * { position:relative; z-index:1; text-align:left;} #page_contenu_2021.home .hero_actualite .heroconcept h1 {font-size:30px; line-height:30px; margin-bottom:10px;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services { height:30px;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a {color:#ffffff; position:absolute;text-decoration: none; padding: 5px 10px 7px 10px; background:#f27857;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a span { font-size:20px; margin-right: 10px; top:2px; color:#ffffff;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a span.iconmoon_lok:before { color:#ffffff; } #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a.service1 { opacity:0; animation: service1 15s infinite;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a.service2 { opacity:0; animation: service2 15s infinite;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a.service3 { opacity:0; animation: service3 15s infinite;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a.service4 { opacity:0; animation: service4 15s infinite;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a.service5 { opacity:0; animation: service5 15s infinite;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a.service6 { opacity:0; animation: service6 15s infinite;} #page_contenu_2021.home .hero_actualite .heroconcept p.animation_services a.service1b { opacity:0; animation: service1b 15s infinite;} @keyframes service1 { 0% {opacity:1;} 20% {opacity:1;} 25% {opacity:0;} } @keyframes service2 { 20% {opacity:0;} 25% {opacity:1;} 45% {opacity:1;} 50% {opacity:0;} } @keyframes service3 { 45% {opacity:0;} 50% {opacity:1;} 70% {opacity:1;} 75% {opacity:0;} } @keyframes service4 { 70% {opacity:0;} 75% {opacity:1;} 95% {opacity:1;} 100% {opacity:0;} } @keyframes service5 { 70% {opacity:0;} 75% {opacity:1;} 95% {opacity:1;} 100% {opacity:0;} } @keyframes service6 { 70% {opacity:0;} 75% {opacity:1;} 95% {opacity:1;} 100% {opacity:0;} } @keyframes service1b { 95% {opacity:0;} 100% {opacity:1;} } #page_contenu_2021.home .hero_actualite .heroconcept .trustpilot-widget { margin-top:30px; left: -34px;} #page_contenu_2021.home .hero_actualite .heroconcept .backgroundtransform { z-index:0; position: absolute; height:140%; top: -70px; left: 0; right: 0; bottom: 0; overflow:hidden; -moz-transform:skew(0deg, -10deg);-webkit-transform:skew(0deg, -10deg);-o-transform:skew(0deg, -10deg);-ms-transform:skew(0deg, -10deg);transform:skew(0deg, -10deg); -webkit-border-bottom-right-radius: 40px;-moz-border-radius-bottomright: 40px;border-bottom-right-radius: 40px;} #page_contenu_2021.home .hero_actualite .heroconcept .backgroundtransform .image { background-image: url('/media/2021_home/header.jpg');background-position:center; position: absolute; top: 70px; left: 0; right: 0; bottom: -65px; background-size: cover; background-repeat: no-repeat; -moz-transform:skew(0deg, 10deg);-webkit-transform:skew(0deg, 10deg);-o-transform:skew(0deg, 10deg);-ms-transform:skew(0deg, 10deg);transform:skew(0deg, 10deg); } #page_contenu_2021.home .hero_actualite .heroconcept .backgroundtransform .image:after { content:""; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu_2021.home .hero_actualite .actualite { width:100%;position:relative; z-index:1; margin-top:30px; margin-bottom:20px;} #page_contenu_2021.home .hero_actualite .actualite img {padding-right:20px; float:left;width:40%; max-width:250px;} #page_contenu_2021.home .hero_actualite .actualite .texte { padding-right: 0.9375rem; float:left; width:60%; min-width:calc(100% - 250px);} #page_contenu_2021.home .hero_actualite .actualite .texte span.nouveau { font-weight:bold; background-color:#f27857; padding:3px 5px; color:#ffffff; margin-bottom:5px; display:table;} #page_contenu_2021.home .hero_actualite .actualite .texte span + p {color:#f27857; font-size:25px; font-weight:bold; margin-bottom:5px; font-family: 'robotocondensed-regular'; background-color:#ffffff;} #page_contenu_2021.home .hero_actualite .actualite .texte p {margin-bottom:0;} #page_contenu_2021.home .hero_actualite .actualite .texte div > a { position:absolute; top:0; left:0;right:0;bottom:0;} #page_contenu_2021.home .hero_actualite .actualite .texte > a { margin-top:15px; position:relative; z-index:1;} /*Slider produit*/ #page_contenu_2021.home .acces_produits { margin-bottom:20px;} #page_contenu_2021.home .section.offres {overflow:hidden;margin-bottom: 40px;} #page_contenu_2021.home .offres .slick-list { overflow:visible;} #page_contenu_2021.home .slider .slick-slide { margin:0 15px; background:#ffffff; padding:5px; padding-bottom:70px; position:relative; min-height:410px;} #page_contenu_2021.home .slider .slick-slide img { width:100%!important; max-width: 160px;margin-top: 5px;} #page_contenu_2021.home .slider .lien_produit { position:relative; padding:5px;border: solid 2px #ffffff;} #page_contenu_2021.home .slider .lien_produit > p { text-align:center; margin-top: 20px;} #page_contenu_2021.home .slider img + p { min-height:66px;} #page_contenu_2021.home .slider .formule { display: table; margin: auto; margin-top:10px; margin-bottom:0px; position: relative; } #page_contenu_2021.home .slider .formule .a-partir-de {font-size: 10px; left: 0; position: absolute; top: 5px; width: 37px; text-align: right} #page_contenu_2021.home .slider .formule .prix {font-family:'open_sansbold'; margin-bottom:-3px; color:#f27857; padding-left: 41px;} #page_contenu_2021.home .slider .formule .prix .price { font-size:35px; display:inline-block; line-height:40px;} #page_contenu_2021.home .slider .formule .prix div { display: inline-block;} #page_contenu_2021.home .slider .formule .prix div sup{font-size:14px;display:block;} #page_contenu_2021.home .slider .formule .prix div span.parmois { font-size:12px; line-height: 18px; display:block; font-family:'open_sansregular'; color:#797979; } #page_contenu_2021.home .slider .formule .premier-versement {font-size:11px; margin-top: 5px; text-align: right; display: block;} #page_contenu_2021.home .slider .accroche { border-left:solid 2px #f27857; padding-left:10px;} #page_contenu_2021.home .slider .accroche span { font-size:11px; } #page_contenu_2021.home .slider .accroche p { margin:0;font-size:13px;line-height: 17px;} #page_contenu_2021.home .slider .accroche.eco-r { border-color:#67B290; color:inherit!important;} #page_contenu_2021.home .slider .accroche.eco-r:before { display:none;} #page_contenu_2021.home .slider .accroche.eco-r p:before { content: ""; font-family: 'icomoon_dedie_lokeo'!important; color: #67B290; font-size: 20px; margin-right: 5px;} #page_contenu_2021.home .slider .lien_produit a { position:absolute; top:0; bottom:0; left:0; right:0;} #page_contenu_2021.home .slider .slick-slide > a { position:absolute; bottom:0px; right:5px; text-decoration:underline; padding:10px 10px 20px 20px; text-align: right; font-size: 13px;} #page_contenu_2021.home .slider .slick-arrow { z-index:2;background-color:#f27857; width:80px;border-radius:0; -webkit-border-top-left-radius: 25px;-webkit-border-bottom-left-radius: 25px;-moz-border-radius-topleft: 25px;-moz-border-radius-bottomleft: 25px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;} #page_contenu_2021.home .slider .slick-arrow:before { color:#ffffff; position: absolute; top: 14px; left: 14px; } #page_contenu_2021.home .slider .slick-arrow.slick-disabled { background-color:#ffffff; border-color:#cccccc;} #page_contenu_2021.home .slider .slick-arrow.slick-disabled:before { color:#cccccc; opacity:1;} #page_contenu_2021.home .slider .slick-prev { left:0; } #page_contenu_2021.home .slider .slick-next { right:0; } #page_contenu_2021.home .slider .slick-dots { margin-top: 15px; position:relative; bottom:inherit; padding-left:0;} #page_contenu_2021.home .slider .lien_produit:hover {border: solid 2px #f27857;} #page_contenu_2021.home .slider .odr, #page_contenu_2021.home .slider .oc {bottom:-5px; right: -12px; position:absolute} #page_contenu_2021.home .slider .lien_produit .image .offrerbt { margin-bottom:0;} #page_contenu_2021.home .slider .lien_produit .image .offrerbt .iconmoon_lok { display:none;} #page_contenu_2021.home .slider .lien_produit .image .offrerbt .montant { font-size:13px; text-align:left; padding:3px; color:#ffffff; display: block; line-height: 16px;text-decoration: none;} #page_contenu_2021.home .slider .lien_produit .image .odr { background: #517E9B;} #page_contenu_2021.home .slider .lien_produit .image .oc { background: #F27857;} /*Nos avantages*/ #page_contenu_2021.home .avantages h2 { margin-bottom:20px;} #page_contenu_2021.home .avantages .column-block span {text-align:center; font-size:60px; display:block; margin-bottom:5px; color:#f27857;} #page_contenu_2021.home .avantages h4 {color:#f27857;font-family:'open_sanssemibold';font-size:20px; text-align:center; margin-bottom:15px;} #page_contenu_2021.home .avantages p { text-align:center; margin-bottom:0;} #page_contenu_2021.home .avantages .column-block > div { padding:20px;} #page_contenu_2021.home .avantages a { display:table; text-align:center; width:100%; position:relative; margin-top:15px;} #page_contenu_2021.home .avantages a span {position:relative;z-index:1;background-color:#F9F9F9; padding:0 10px} #page_contenu_2021.home .avantages a:before {content:""; height:1px; background-color:#ebebeb; position:absolute; left:0.9375rem; right:0.9375rem;; top:13px; } /*Acces Boutique*/ #page_contenu_2021.home .image_texte > div {background-position: center; background-repeat: no-repeat; background-size: cover; position:relative; } #page_contenu_2021.home .image_texte > div:before { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu_2021.home .image_texte > div:hover:after { content:""; position:absolute; top:8px; left:8px; right:8px; bottom:8px; border:solid 2px #ffffff;z-index:1; width: calc(100% - 16px); height: calc(100% - 16px);} #page_contenu_2021.home .image_texte.vert > div:hover:after { border:solid 2px #67B290;} /*#page_contenu_2021.home .image_texte > div p { color:#ffffff; font-size:30px; line-height:30px; font-family: 'robotocondensed-regular', 'open_sansregular'; margin-bottom:10px; position:relative; z-index:1;}*/ #page_contenu_2021.home .image_texte > div .button-normal { position:relative; z-index:1;} #page_contenu_2021.home .image_texte > div .leftbot { position:absolute; left:20px; bottom:30px; right:20px;} #page_contenu_2021.home .image_texte > div > a { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2;} #page_contenu_2021.home .acces_boutique .columns > div {min-height:200px; background-color:#cccccc; padding:30px; margin-top:30px;border:solid 5px #ffffff;} #page_contenu_2021.home .acces_boutique .columns.image_et_texte > div { position:relative; background-color:#ffffff; padding:0;} #page_contenu_2021.home .acces_boutique .columns.image_et_texte .image { background-image:url('/media/2021_home/offres/backboutique3.jpg'); background-position:center; background-size:cover; position:absolute; top:0; bottom:0; clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);} #page_contenu_2021.home .acces_boutique .columns.image_et_texte .image:before { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu_2021.home .acces_boutique .columns.image_et_texte .texte { padding:30px; padding-left:15px; position: absolute; top: 50%; transform: translateY(-50%); right:0;} /*#page_contenu_2021.home .acces_boutique .columns.image_et_texte .texte p:first-child { margin-bottom:0;} #page_contenu_2021.home .acces_boutique .columns.image_et_texte .texte p span { color:#ffffff; background-color:#f27857; display: inline-block; padding:3px 5px; font-size:30px; line-height:30px; font-family: 'robotocondensed-regular', 'open_sansregular'; margin-bottom:5px;} #page_contenu_2021.home .acces_boutique .columns.image_et_texte .texte p { color:#f27857; font-size:17px; line-height: 20px; margin-bottom:20px;}*/ #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique1 > div {background-image:url('/media/2021_home/offres/backboutique1.jpg');} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique2 > div {background-image:url('/media/2021_home/offres/backboutique2.jpg');} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique4 > div {background-image:url('/media/2021_home/offres/backboutique4.jpg');} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique6 > div {background-image:url('/media/2021_home/offres/backboutique6.png');} /*Nouvelle Boutiques Permanentes*/ #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-tv > div {background-image:url('/media/2021_home/offres/boutiques/boutique_tv.jpg');} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-groselectro > div {background-image:url('/media/2021_home/offres/boutiques/boutique_groselectro.jpg');} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-apple > div {background-image:url('/media/2021_home/offres/boutiques/boutique_apple.jpg'); background-position:left;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-gaming > div {background-image:url('/media/2021_home/offres/boutiques/boutique_gaming.jpg');} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-coup-coeur > div {background-image:url('/media/2021_home/offres/coup-coeur/encart_desktop.jpg');} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-coup-coeur .button-border-white { top: calc(50% - 20px);left: initial; bottom:initial; right:30px;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-coup-coeur > div:before {background-color: rgba(0, 0, 0, 0.10);} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-coup-coeur > div { min-height: 250px;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-apple .centre-haut p:last-child { font-size:20px; line-height:45px; font-family: 'gunny_rewrittenregular',sans-serif; color:#ffffff} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-apple .centre-haut p:last-child span { background:#67B291; font-size:15px; padding:2px 8px; border-radius:15px; font-family: 'open_sanssemibold',sans-serif; } #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-apple .centre-haut p:last-child span:first-child {background:#797979;} #page_contenu_2021.home .image_texte > div .centre-haut {position: absolute;top: 50%;transform: translateY(-50%);width:calc(100% - 60px);} #page_contenu_2021.home .acces_boutique .columns.image_texte .titre span {display: block;} #page_contenu_2021.home .acces_boutique .columns.image_texte .titre1{line-height: 32px;color: #ffffff;font-family: 'gunny_rewrittenregular',sans-serif;font-size: 30px;} #page_contenu_2021.home .acces_boutique .columns.image_texte .titre2{line-height: 26px;color: #ffffff;font-family: 'open_sanssemibold',sans-serif;font-size: 35px;} #page_contenu_2021.home .acces_boutique .columns.image_texte .picto{font-size:60px; color:#ffffff; display:block;float: left;margin-right:20px;} #page_contenu_2021.home .acces_boutique .columns.image_texte .picto::before{color: #ffffff;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-gaming .logo{background-image:url('/media/2021_home/offres/boutiques/pacman.png');background-repeat: no-repeat;width: 65px;height: 65px;float: left;margin-top: 7px;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-apple .logo{background-image:url('/media/2021_home/offres/boutiques/apple.png');background-repeat: no-repeat;width: 65px;height: 65px;float: left;margin-top: 7px;} #page_contenu_2021.home .centre-haut p {margin-bottom: initial;} #page_contenu_2021.home .bestlocs {margin-top: -100px;} #page_contenu_2021.home .bestlocs .columns{padding-top: 175px;} /*------ BOUTIQUE SAISONNIERE ----------*/ .boutique_saisonniere_hp_pl > div {padding: 30px;background-position: center; background-repeat: no-repeat; background-size: cover; position:relative; min-height:300px!important; } .boutique_saisonniere_hp_pl > div:hover:after { content:""; position:absolute; top:8px; left:8px; right:8px; bottom:8px; border:solid 2px #ffffff;z-index:1; width: calc(100% - 16px); height: calc(100% - 16px);} .boutique_saisonniere_hp_pl > div:before {content:none!important;} .boutique_saisonniere_hp_pl > div > p { color:#ffffff; text-align:right;margin-top: -10px;} .boutique_saisonniere_hp_pl .centre-haut { text-align: center; position: absolute;bottom: 18%;/*transform: translateY(-50%);*/width:calc(100% - 60px);left: 0; right: 0; margin:auto;} .boutique_saisonniere_hp_pl .right {position: absolute; right: 0; bottom: 18%;} .boutique_saisonniere_hp_pl .right p:first-child {text-align:center; color:#ffffff; margin-bottom:5px;} .boutique_saisonniere_hp_pl .right a { display:table; margin:auto; float: none;} .boutique_saisonniere_hp_pl p.titre { font-size : 25px; font-family: 'open_sansbold'; background:#ffffff; color:#9D463B!important; padding:3px 5px; margin-bottom: 25px!important; display: table; font-weight: bold; margin: auto;} .boutique_saisonniere_hp_pl > div > a { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2;} @media (min-width: 1401px) and (max-width:1670px) { .boutique_saisonniere_hp_pl.small-12 p.titre {font-size:30px; line-height:30px;}} /*spécifique encart pl*/ .listing-item .boutique_saisonniere_hp_pl > div { min-height:320px!important;} /*spécifique encart panier*/ .boutique_saisonniere_panier {margin-bottom:30px; padding:20px; background-color:#558160;} .boutique_saisonniere_panier p {color:#ffffff; font-size:13px; margin-bottom: 10px;} .boutique_saisonniere_panier p:last-child { margin-bottom:0;} /*codepromoLOC24*/ /*ENCART à garder */ .op_code-promo.boutique_saisonniere_hp_pl > div { background-color:#ffffff!important; background-image:none; padding:0!important;} .op_code-promo.boutique_saisonniere_hp_pl .right { position:absolute; top: 50%;transform: translateY(-50%); padding-left:40px; padding-right:40px; bottom:initial; max-width: 640px; margin: auto; text-align: center; width: 100%; left: 0; right: 0;} .op_code-promo.boutique_saisonniere_hp_pl .right p { color:#000000; font-size:25px;line-height: 30px; } .op_code-promo.boutique_saisonniere_hp_pl .right p:first-child span { background: #d14600; color: #ffffff; font-size:30px; font-weight:bold; line-height: 40px; display:inline-block; border-radius: 55px; padding: 0px 20px; margin-bottom: 5px;} .op_code-promo.boutique_saisonniere_hp_pl .right img { max-width: 160px; margin-top: 10px; margin-bottom: 10px;} .op_code-promo.boutique_saisonniere_hp_pl .columns { padding:0;} .op_code-promo.boutique_saisonniere_hp_pl .button-border-orange { border-radius:#d14600; position:absolute; bottom:10px; right:30px; color:#d14600!important;} .listing-item.op_code-promo.boutique_saisonniere_hp_pl > div {background-image:none; background-color:#ffffff; } .op_code-promo.boutique_saisonniere_hp_pl > div:hover:after {border: solid 2px #d14600;} @media screen and (max-width: 39.9375em) { .op_code-promo.boutique_saisonniere_hp_pl .right {position: relative; transform:initial; margin-top:30px; margin-bottom:100px!important; padding-left:30px; padding-right:30px; } } /*------------- op_braderie24 - jusqu'au 12 aout 2024 -------------*/ .op_braderie24.boutique_saisonniere_hp_pl > div { background-color:#ffffff!important; padding:0!important;} .op_braderie24.boutique_saisonniere_hp_pl .left { text-align:center; padding-top:20px;} .op_braderie24.boutique_saisonniere_hp_pl .left img {max-height: 230px;} .op_braderie24.boutique_saisonniere_hp_pl .right {background: #3C257E; right:0; top:0; bottom:0; padding:20px;} .op_braderie24.boutique_saisonniere_hp_pl .right p { font-size:28px; font-weight:bold; text-align: left; line-height: 38px;} .op_braderie24.boutique_saisonniere_hp_pl .right p span { display: inline-table;background: #d14600;color: #ffffff;border-radius: 55px;padding:0px 7px 0px 10px;margin: 0 0 0 5px;line-height: 35px;} .op_braderie24.boutique_saisonniere_hp_pl .right > span { position:absolute; left: 20px; bottom:20px; color:#ffffff; font-size:11px;} .op_braderie24.boutique_saisonniere_hp_pl .right img { max-height: 115px; display:block; margin:auto;} .op_braderie24.boutique_saisonniere_hp_pl .button-full-orange { position:absolute; bottom:20px; right:20px;} /*SMART only*/ @media screen and (max-width: 39.9375em) {.op_braderie24.boutique_saisonniere_hp_pl .right { position:relative; margin-top:20px;padding-bottom:70px!important;}} /*DESK only*/ @media (min-width: 64em) { .op_braderie24.boutique_saisonniere_hp_pl .centerV {display: table;height: 200px;} .op_braderie24.boutique_saisonniere_hp_pl .centerV > div {display: table-cell; vertical-align: middle; } } /*------------- op_packjuillet24 - jusqu'au 12 aout 2024 -------------*/ .op_packjuillet24.boutique_saisonniere_hp_pl > div { background-color:#d14600!important; padding:0!important;} .op_packjuillet24.boutique_saisonniere_hp_pl .left { text-align:center; padding-top:20px;} .op_packjuillet24.boutique_saisonniere_hp_pl .left img {max-height: 150px; margin-top:20px;} .op_packjuillet24.boutique_saisonniere_hp_pl .left p {color:#ffffff;} .op_packjuillet24.boutique_saisonniere_hp_pl .right {background: #ffffff; right:0; top:0; bottom:0; padding:20px;} .op_packjuillet24.boutique_saisonniere_hp_pl .right p { font-size:24px; font-weight:bold; text-align: left; line-height: 34px;} .op_packjuillet24.boutique_saisonniere_hp_pl .right p span { display: inline-table;background: #d14600;color: #ffffff;border-radius: 55px;padding:0px 7px 0px 10px;margin: 0 0 0 5px;line-height: 35px;} .op_packjuillet24.boutique_saisonniere_hp_pl .right > span { position:absolute; left: 20px; bottom:20px; color:#d14600; font-size:11px;} .op_packjuillet24.boutique_saisonniere_hp_pl .right img { max-height: 115px; display:block; margin:auto;} .op_packjuillet24.boutique_saisonniere_hp_pl .button-full-orange { position:absolute; bottom:20px; right:20px;} /*SMART only*/ @media screen and (max-width: 39.9375em) {.op_packjuillet24.boutique_saisonniere_hp_pl .right { position:relative; margin-top:20px;padding-bottom:70px!important;}} /*DESK only*/ @media (min-width: 64em) { .op_packjuillet24.boutique_saisonniere_hp_pl .centerV {display: table;height: 200px;} .op_packjuillet24.boutique_saisonniere_hp_pl .centerV > div {display: table-cell; vertical-align: middle; } } body.catalog-category-view[class*="braderie-record-2024"] .category-head.backimg{background:url('/media/2021_home/offres/op_braderie24/header_boutique.jpg');} /*------------- op_rentreesep24 - jusqu'au 23 septembre 2024 -------------*/ .op_rentreesep24.boutique_saisonniere_hp_pl > div { background-color:#ffffff!important; padding:0!important;} .op_rentreesep24.boutique_saisonniere_hp_pl .left { text-align:center; padding-top:20px;} .op_rentreesep24.boutique_saisonniere_hp_pl .left img {max-height: 200px; margin-top:20px;} .op_rentreesep24.boutique_saisonniere_hp_pl .right {background: #F18B9A; right:0; top:0; bottom:0; padding:20px;} .op_rentreesep24.boutique_saisonniere_hp_pl .right p { font-size:30px; font-weight:bold; text-align: left; line-height: 34px;} .op_rentreesep24.boutique_saisonniere_hp_pl .right p:last-child { color:#571128;font-size:35px;} .op_rentreesep24.boutique_saisonniere_hp_pl .right img { max-height: 115px; display:block; margin:auto;} .op_rentreesep24.boutique_saisonniere_hp_pl .button-full-white { position:absolute; bottom:20px; right:20px;} /*SMART only*/ @media screen and (max-width: 39.9375em) {.op_rentreesep24.boutique_saisonniere_hp_pl .right { position:relative; margin-top:20px;padding-bottom:70px!important;}} /*DESK + Tab */ @media (min-width: 39.9375em) { .op_rentreesep24.boutique_saisonniere_hp_pl .centerV {display: table;height: 200px;} .op_rentreesep24.boutique_saisonniere_hp_pl .centerV > div {display: table-cell; vertical-align: middle; } } @media screen and (max-width: 87.5em) { .op_rentreesep24.boutique_saisonniere_hp_pl .button-full-white { min-width: 150px; font-size: 11px; padding: 10px 15px;} } /*------------- op_boosterentree24 - jusqu'au 27 août 2024 -------------*/ .op_boosterentree24.boutique_saisonniere_hp_pl > div { background-color:#ffffff!important; padding:0!important;} .op_boosterentree24.boutique_saisonniere_hp_pl .left { text-align:center; padding-top:20px;} .op_boosterentree24.boutique_saisonniere_hp_pl .left img {max-height: 200px; margin-top:20px;} .op_boosterentree24.boutique_saisonniere_hp_pl .right {background: #d14600; right:0; top:0; bottom:0; padding:20px;} .op_boosterentree24.boutique_saisonniere_hp_pl .right p { margin-top: 35px; color: #fff; font-size:30px; font-weight:bold; text-align: left; line-height: 34px;} .op_boosterentree24.boutique_saisonniere_hp_pl .rounded-white { border-radius:30px; color: #d14600; font-weight:bold; text-transform:uppercase; padding: 0 10px; background: #fff; } .op_boosterentree24.boutique_saisonniere_hp_pl .title { font-size: 18px; padding: 10px; } .op_boosterentree24.boutique_saisonniere_hp_pl .right > span { position:absolute; left: 20px; bottom:20px; color:#fff; font-size:11px;} .op_boosterentree24.boutique_saisonniere_hp_pl .button-full-white { position:absolute; bottom:20px; right:20px;} /*------------- op_frenchdays24 - jusqu'au 30 septembre 2024 -------------*/ .op_frenchdays24.boutique_saisonniere_hp_pl > div { background-color: #fff!important; padding: 0!important; } .op_frenchdays24.boutique_saisonniere_hp_pl .left { text-align: center; padding-top: 20px; } .op_frenchdays24.boutique_saisonniere_hp_pl .left img { max-height: 200px; margin-top: 20px; } .op_frenchdays24.boutique_saisonniere_hp_pl .right { background: #203975; right: 0; top: 0; bottom: 0; padding: 20px; } .op_frenchdays24.boutique_saisonniere_hp_pl .right img { display: block; margin: 0 auto; } .op_frenchdays24.boutique_saisonniere_hp_pl .right p { margin-top: 35px; color: #fff; font-size: 30px; font-weight: bold; text-align: left; line-height: 34px; } .op_frenchdays24.boutique_saisonniere_hp_pl .right > span { position:absolute; left: 20px; bottom: 20px; color: #fff; font-size: 11px; } .op_frenchdays24.boutique_saisonniere_hp_pl .button-full-orange { position: absolute; bottom: 20px; right: 20px; } /*------------- op_70ans - jusqu'au 31 octobre 2024 -------------*/ .op_70ans.boutique_saisonniere_hp_pl > div { background-color: #fff!important; padding: 0!important; } .op_70ans.boutique_saisonniere_hp_pl .left { text-align: center; padding-top: 20px; } .op_70ans.boutique_saisonniere_hp_pl .left img { max-height: 120px; margin-top: 20px; margin-bottom: 20px; } .op_70ans.boutique_saisonniere_hp_pl .right { background: #99ccc7; right: 0; top: 0; bottom: 0; padding: 20px; display: flex; align-items: center; } .op_70ans.boutique_saisonniere_hp_pl .thumb { display: none; } .op_70ans.boutique_saisonniere_hp_pl .right { position: relative; } .op_70ans.boutique_saisonniere_hp_pl .right p { margin-top: 30px; margin-bottom: 60px!important; color: #006878; font-size: 30px; font-weight: bold; text-align: center; line-height: 34px; } .op_70ans.boutique_saisonniere_hp_pl .button-full-white { position: absolute; bottom: 20px; right: 20px; color: #d14600!important; } @media screen and (min-width: 64em) { .op_70ans.boutique_saisonniere_hp_pl .thumb { position: absolute; top: 0; bottom: 0; left: -50px; display: flex; align-items: center; justify-content: center; } .op_70ans.boutique_saisonniere_hp_pl .right img { width: 100px; } .op_70ans.boutique_saisonniere_hp_pl .right { position: absolute; } .op_70ans.boutique_saisonniere_hp_pl .right p { margin-bottom: 60px; margin-left: 75px; text-align: left; } } @media screen and (min-width: 87.5em) { .op_70ans.boutique_saisonniere_hp_pl .left img { max-height: 200px; } .op_70ans.boutique_saisonniere_hp_pl .thumb { position: absolute; top: 0; bottom: 0; left: -75px; display: flex; align-items: center; justify-content: center; } .op_70ans.boutique_saisonniere_hp_pl .right { position: absolute; } .op_70ans.boutique_saisonniere_hp_pl .right img { width: 150px; } .op_70ans.boutique_saisonniere_hp_pl .right p { margin-bottom: 60px; margin-left: 75px; text-align: left; } } /*------------- op_bf24 - jusqu'au 2 décembre 2024 -------------*/ .op_bf24.boutique_saisonniere_hp_pl > div { background-color: #000001!important; padding: 0!important; border: none!important; } .op_bf24.boutique_saisonniere_hp_pl .left { background-color: #fff; text-align: center; color: #000001; padding-top: 20px; padding-bottom: 20px; } .op_bf24.boutique_saisonniere_hp_pl .right { right: 0; top: 0; bottom: 0; padding: 20px; display: flex; align-items: center; } .op_bf24.boutique_saisonniere_hp_pl .thumb { display: none; } .op_bf24.boutique_saisonniere_hp_pl .right { position: relative; } .op_bf24.boutique_saisonniere_hp_pl .right .centerV { width: 100%; } .op_bf24.boutique_saisonniere_hp_pl .left p { margin-bottom: 20px !important; font-weight: 700; } .op_bf24.boutique_saisonniere_hp_pl .right p { margin-top: 30px; margin-bottom: 60px!important; color: #fff; font-size: 38px; font-weight: bold; text-align: center; line-height: 41px; font-family:'open_sansbold'; } .op_bf24.boutique_saisonniere_hp_pl .right p span { color: #08aeee; } .op_bf24.boutique_saisonniere_hp_pl .right p img { margin-left: -5px; height: 20px; } .op_bf24.boutique_saisonniere_hp_pl .right > span { position:absolute; left: 20px; bottom: 20px; color: #fff; font-size: 11px; } .op_bf24.boutique_saisonniere_hp_pl .button-full-white { position: absolute; bottom: 20px; right: 20px; color: #d14600!important; } .op_bf24.boutique_saisonniere_hp_pl.op1 .left img { max-height: 96px; margin-top: 34px; margin-bottom: 34px; } .op_bf24.boutique_saisonniere_hp_pl.op2 .left img { max-height: 196px; } #page_contenu_2021.home .op_bf24.acces_boutique .image_texte > div { background-size: initial; background-position: bottom center; background-color: #000; padding-top: 9px; text-align: center; } @media screen and (min-width: 64em) { #page_contenu_2021.home .op_bf24.acces_boutique .image_texte > div { background-position: bottom right; } .op_bf24.boutique_saisonniere_hp_pl > div { background-color: #fff!important; } .op_bf24.boutique_saisonniere_hp_pl .left { padding-top: 40px; } .op_bf24.boutique_saisonniere_hp_pl .thumb { position: absolute; top: 0; bottom: 0; left: -50px; display: flex; align-items: center; justify-content: center; } .op_bf24.boutique_saisonniere_hp_pl .thumb img { width: 100px; } .op_bf24.boutique_saisonniere_hp_pl .right { position: absolute; background-color: #000001; } .op_bf24.boutique_saisonniere_hp_pl .right p { margin-bottom: 60px; text-align: left; font-size: 28px; line-height: 30px; } .op_bf24.boutique_saisonniere_hp_pl .right .centerV { margin-left: 66px; } } @media screen and (min-width: 87.5em) { .op_bf24.boutique_saisonniere_hp_pl.op1 .left img { max-width: 100px; } .op_bf24.boutique_saisonniere_hp_pl .thumb { position: absolute; top: 0; bottom: 0; left: -53px; display: flex; align-items: center; justify-content: center; } .op_bf24.boutique_saisonniere_hp_pl .right { position: absolute; } .op_bf24.boutique_saisonniere_hp_pl .thumb img { width: 106px; } .op_bf24.boutique_saisonniere_hp_pl .right p { margin-bottom: 40px!important; margin-left: 64px; text-align: left; margin-left: 55px; } .op_bf24.boutique_saisonniere_hp_pl .right .centerV { width: 96%; margin-left: 0; } .op_bf24.boutique_saisonniere_hp_pl .right > span { left: 98px; } } @media screen and (min-width: 110em) { .op_bf24.boutique_saisonniere_hp_pl.op1 .left img { max-width: none; } } .opbf24_list > div { padding: 0; } .op_bf24.acces_boutique h4 { font-size: 15px; padding: 2px 8px; border-radius: 15px; background: #FFFDFD; color: #1D559F; font-family:'open_sansbold'; display: inline-block; } #page_contenu_2021.home .op_bf24.acces_boutique .pc > div { background-image: url('/media/2021_home/offres/op_bf24/pc.jpg'); } #page_contenu_2021.home .op_bf24.acces_boutique .tv > div { background-image: url('/media/2021_home/offres/op_bf24/tv.jpg'); } #page_contenu_2021.home .op_bf24.acces_boutique .aspi > div { background-image: url('/media/2021_home/offres/op_bf24/aspi.jpg'); } #page_contenu_2021.home .op_bf24.acces_boutique .ref > div { background-image: url('/media/2021_home/offres/op_bf24/ref.jpg'); } #page_contenu_2021.home .op_bf24.acces_boutique .image_texte > div:before { display: none; } #page_contenu_2021.home .op_bf24.acces_boutique > div .centre-haut p { font-size: 11px; font-weight: 700; line-height: 21px; text-align: center; width: 7em; color: #fff; text-shadow: 1px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .op_bf24.acces_boutique strong { color: #09A5EC; font-size: 22px; } /*------------- op_noel24 - jusqu'au 26 décembre 2024 -------------*/ #page_contenu_2021.home .acces_boutique.op_noel24 .columns>div { background-color: #fff; padding: 16px; } .op_noel24 .left { color: #C3090A; text-align: center; padding-top: 14px; } .op_noel24 h5 { font-size: 46px; font-weight: bold; font-family: 'open_sansbold'; } .op_noel24 .right { background: #fff url("/media/2021_home/offres/op_noel24/bg.jpg") repeat center left; position: static; bottom: 0; padding: 12px 12px 0; } .op_noel24 .centerV { background: url("/media/2021_home/offres/op_noel24/bg_mobile.jpg") no-repeat center center; background-size: contain; padding-left: 30px; padding-top: 21px; min-height: 200px; } .op_noel24 .centerV ul { margin: 0 auto; width: 285px; } .op_noel24 .slogan { display: none; position: absolute; right: 0; } .op_noel24 .button-full-white { color: #C3090A !important; } #page_contenu_2021 .op_noel24 ul li { color: #C3090A; font-size: 17px; list-style: none; background: url(/media/2021_home/offres/op_noel24/check.jpg) no-repeat center left; padding-left: 64px; padding-bottom: 4px; padding-top: 9px; line-height: 26px; } .op_noel24 .buttonbox { text-align: right; margin: 25px 0 10px; } .op_noel24 .boutique_saisonniere_hp_pl .right a { display: inline-block; } .op_noel24.op_noel24_list .left { padding: 25px 0 0; text-align: center; } .op_noel24.op_noel24_list .right { display: flex; height: 289px; align-items: center; position: relative; padding: 0; margin: 0; } .op_noel24.op_noel24_list h5 { background: transparent; color: #fff; margin-left: 40px; line-height: 48px; margin-bottom: 0; width: auto; } .op_noel24.boutique_saisonniere_hp_pl>div { padding: 0 !important; border: none !important; } .op_noel24.op_noel24_list .buttonbox { text-align: right; position: absolute; right: 5px; bottom: 8px; margin: 0; } #page_contenu_2021.home .acces_boutique.op_noel24_b .columns>div { overflow: hidden; padding: 0; padding-top: 6px; text-align: center; } .op_noel24_b.acces_boutique h4 { font-size: 18px; padding: 4px 10px; border-radius: 15px; background: #FFFDFD; color: #C30909; font-family: 'open_sansbold'; display: inline-block; position: relative; } .op_noel24_b .discount-code { background: #fff; padding: 2px 10px 3px 33px; border-radius: 42px; margin-left: -22px; width: 158px; text-align: left; } .op_noel24_b .discount-code span { font-weight: 700; color: #000; font-size: 13px; line-height: 12px; } .op_noel24_b .discount-code strong { color: #C30909; font-size: 25px; font-weight: 700; line-height: 30px; font-family: 'open_sansbold'; } .op_noel24_b .image_texte > div { background: url(/media/2021_home/offres/op_noel24/bg.jpg) repeat; } #page_contenu_2021.home .op_noel24_b .boutique-tel > div:before { background: url(/media/2021_home/offres/op_noel24/tel.jpg) no-repeat 50% 81%; } #page_contenu_2021.home .op_noel24_b .boutique-pem > div:before { background: url(/media/2021_home/offres/op_noel24/pem.jpg) no-repeat 50% 81%; } #page_contenu_2021.home .op_noel24_b .boutique-gem > div:before { background: url(/media/2021_home/offres/op_noel24/gem.jpg) no-repeat 50% 81%; } #page_contenu_2021.home .op_noel24_b .boutique-image > div:before { background: url(/media/2021_home/offres/op_noel24/image.jpg) no-repeat 50% 81%; } @media screen and (min-width: 64em) { .op_noel24 .left { height: 289px; text-align: left; padding-left: 30px; padding-top: 75px; } .op_noel24 .centerV { background: #fff url("/media/2021_home/offres/op_noel24/bg_half.jpg") no-repeat center left; background-size: initial; width: 370px; height: 248px; margin-top: 20px; padding-top: 33px; } .op_noel24 .centerV ul { padding: 0; margin: 0; } .op_noel24 .right { padding: 0; padding-bottom: 10px; } #page_contenu_2021 .op_noel24 ul li { font-size: 19px; padding-bottom: 9px; } .op_noel24 .button-full-white { position: absolute; right: 20px; bottom: 14px; } .op_noel24 .left>p { display: inline; background: #fff; } .op_noel24 .left>p:after { content: " "; display: block; } .op_noel24 h5 { display: inline; line-height: 70px; background: #fff; } .op_noel24.op_noel24_list .left { background: #fff url("/media/2021_home/offres/op_noel24/lifestyle_list.jpg") no-repeat center right; background-size: contain; } .op_noel24.op_noel24_list .buttonbox { right: 0; bottom: 0; } } @media screen and (min-width: 110em) { .op_noel24 .left { background: #fff url("/media/2021_home/offres/op_noel24/lifestyle.jpg") no-repeat center right; } .op_noel24 .slogan { display: block; } .op_noel24 h5 { width: 337px; display: block; } .op_noel24 .left>p { display: block; background: transparent; } } .op_noel24 .noel_cover_img { background: url("/media/2021_home/offres/op_noel24/visuel_image.jpg") center; background-repeat: no-repeat; } .op_noel24 .noel_cover_img > p { background-color: #fff; border-radius: 30px; } /*------------- op_eco25 - jusqu'au 27 janvier 2025 -------------*/ #page_contenu_2021.home .acces_boutique.op_eco25 .columns>div { padding: 16px; } .op_eco25 > div { margin-top: 0 !important; background-color: #fff !important; } .op_eco25 .left { padding-top: 14px; text-align: center; color: #4F78A8; } .op_eco25 h5 { font-family: 'open_sansbold'; font-size: 38px; font-weight: bold; } .op_eco25 .right { position: static; bottom: 0; padding: 12px 12px 0; background-color: #4F78A8; } .op_eco25 .centerV { min-height: 200px; padding-top: 21px; padding-left: 30px; background-color: #fff; border-radius: 100px; } .op_eco25 .centerV ul { margin: 0 auto; width: 285px; } .op_eco25 .button-full-white { color: #C3090A !important; } #page_contenu_2021 .op_eco25 ul li { padding-top: 9px; padding-bottom: 4px; padding-left: 64px; font-size: 17px; color: #4F78A8; list-style: none; line-height: 26px; background: url(/media/2021_home/offres/op_eco25/check.jpg) no-repeat center left; } .op_eco25 .buttonbox { text-align: right; margin: 25px 0 10px; } .op_eco25 .boutique_saisonniere_hp_pl .right a { display: inline-block; } .op_eco25.op_eco25_list .left { padding: 25px 0 0; text-align: center; } .op_eco25.op_eco25_list .right { display: flex; height: 300px; align-items: center; position: relative; padding: 0; margin: 0; } .op_eco25.op_eco25_list h5 { background: transparent; color: #fff; margin-left: 40px; line-height: 48px; margin-bottom: 0; width: auto; } .op_eco25.boutique_saisonniere_hp_pl>div { padding: 0 !important; border: none !important; } .op_eco25.op_eco25_list .buttonbox { text-align: right; position: absolute; right: 5px; bottom: 8px; margin: 0; } #page_contenu_2021.home .acces_boutique.op_eco25_b .columns>div { overflow: hidden; padding: 0; padding-top: 6px; text-align: center; } .op_eco25_b.acces_boutique h4 { position: relative; display: inline-block; padding: 4px 10px; font-family: 'open_sansbold'; font-size: 18px; color: #4F78A8; background: #FFFDFD; border-radius: 15px; } .op_eco25_b .discount-code { background: #fff; padding: 2px 10px 3px 33px; border-radius: 42px; margin-left: -22px; width: 158px; text-align: left; } .op_eco25_b .discount-code span { font-weight: 700; color: #000; font-size: 13px; line-height: 12px; } .op_eco25_b .discount-code strong { color: #f27857; font-size: 25px; font-weight: 700; line-height: 30px; font-family: 'open_sansbold'; } .op_eco25_b .image_texte > div { background-color: #4F78A8 !important; } #page_contenu_2021.home .op_eco25_b .boutique-tel > div:before { background: url(/media/2021_home/offres/op_eco25/tel.jpg) no-repeat 50% 81%; } #page_contenu_2021.home .op_eco25_b .boutique-pem > div:before { background: url(/media/2021_home/offres/op_eco25/pam.jpg) no-repeat 50% 81%; } #page_contenu_2021.home .op_eco25_b .boutique-gem > div:before { background: url(/media/2021_home/offres/op_eco25/gam.jpg) no-repeat 50% 81%; } #page_contenu_2021.home .op_eco25_b .boutique-image > div:before { background: url(/media/2021_home/offres/op_eco25/image.jpg) no-repeat 50% 81%; } @media screen and (min-width: 64em) { .op_eco25 .left { height: 300px; text-align: left; padding-left: 30px; padding-top: 75px; } .op_eco25 .centerV { width: 370px; height: 248px; margin-top: 20px; padding-top: 33px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .op_eco25 .centerV ul { padding: 0; margin: 0; } .op_eco25 .right { padding: 0; padding-bottom: 10px; } #page_contenu_2021 .op_eco25 ul li { font-size: 19px; padding-bottom: 9px; } .op_eco25 .button-full-white { position: absolute; right: 20px; bottom: 14px; } .op_eco25 .left>p { display: inline; background: #fff; } .op_eco25 .left>p:after { content: " "; display: block; } .op_eco25.op_eco25_list .left { background: #fff url(/media/2021_home/offres/op_eco25/lifestyle_list.jpg) no-repeat center right; background-size: contain; } .op_eco25.op_eco25_list .buttonbox { right: 0; bottom: 0; } } @media screen and (min-width: 110em) { .op_eco25 .left { background: #fff url(/media/2021_home/offres/op_eco25/lifestyle.jpg) no-repeat center right; } .op_eco25 .slogan { display: block; } .op_eco25 .left>p { display: block; background: transparent; } } /*------------- op_bp25 - jusqu'au 4 février 2025 -------------*/ .op_bp25 .left { background-image: none; color: #D14601; position: relative; } .op_bp25 .left .centerV { background: none !important; color: #D14601; text-align: center; padding-top: 10px !important; border: 0 !important; min-height: auto !important; margin-top: 9px !important; } .op_bp25 .right { background-color: #D14601 !important; } .op_bp25 .right strong { font-size: 18px; } .op_bp25 .right .centerV { margin: 11px 25px; padding: 16px 46px; min-height: auto; color: #D14601; } @media screen and (min-width: 64em) { .op_eco25.boutique_saisonniere_hp_pl { margin-bottom: 10px; } .op_bp25 .left .centerV { border-radius: 100px; height: 185px; margin-top: 57px !important; background-color: #D14601 !important; color: #fff; width: 245px; right: 0; position: absolute; padding-top: 75px !important; border: 0 !important; text-align: center; top: 0; } .op_bp25 .left .centerV { border-top-right-radius: 0; border-bottom-right-radius: 0; } .op_bp25 .right .centerV { width: 245px; height: 185px; margin-top: 57px; color: #D14601; padding-right: 65px; padding-top: 39px; margin-left: 0; } .op_bp25 .right { height: 300px; } .op_bp25 .left p { position: absolute; top: 15px; } .op_bp25_list .left, .op_bp25_list .right { height: 320px; } .op_bp25_list .left .centerV, .op_bp25_list .right .centerV { margin-top: 68px !important; } } /*OP WELCOME23*/ .op_welcome23.boutique_saisonniere_panier {background-color:#4f00ff;} body[class*="equiper-sa-cuisine-avril-2023"] .category-head{background:url('/media/2021_home/offres/op_bonsplansb/equipersacuisine.jpg') no-repeat center!important; background-size: cover!important;} body[class*="equiper-son-salon-avril-2023"] .category-head{background:url('/media/2021_home/offres/op_bonsplansb/equipersonsalon.jpg') no-repeat center!important; background-size: cover!important;} body[class*="travailler-a-la-maison-avril-2023"] .category-head{background:url('/media/2021_home/offres/op_bonsplansb/travailleralamaison.jpg') no-repeat center!important; background-size: cover!important;} body[class*="prendre-soin-de-son-linge-avril-2023"] .category-head{background:url('/media/2021_home/offres/op_bonsplansb/prendresoindesonlinge.jpg') no-repeat center!important; background-size: cover!important;} /*masquer "offre de remboursement en page produit"*/ .fprod .product-choice .odr a { font-size:0;} .fprod .product-choice .odr a span { font-size:13px;} .fprod .product-choice .odr { padding-top:5px!important;} /*END BOUTIQUE SAISONNIERE*/ .code_promo.boutique_saisonniere_panier {background-color:#F27857;} /*OP étudiante*/ .agir_etudiants::before,#page_contenu_2021.home .jours_magique::before{content:none!important;} .agir_etudiants::after,#page_contenu_2021.home .jours_magique::after{content:none!important;} .agir_etudiants span {display: block;} .agir_etudiants img, .encart_agir_etudiants img {display: block; margin: auto; margin-top: 10px;} .agir_etudiants .fondation .texte {margin: 10px 0;} .agir_etudiants{background-image:url('/media/2021_home/op_etudiants/fond.png');background-position:top!important; height: 300px!important; padding:0!important} .agir_etudiants .accroche .left, .encart_agir_etudiants {text-align: center; position: relative;top:110px!important;font-family: 'open_sansbold'; color:#FFFFFF;} .agir_etudiants .accroche .titre, .encart_agir_etudiants .titre{font-size:1.8em!important;color:#D14600!important;background-color: #FFFFFF; word-break: break-all; width:fit-content; margin:auto auto 10px auto;line-height: normal!important;} .agir_etudiants .accroche .offre, .encart_agir_etudiants .offre {background-color:#D14600; font-size:1em!important; line-height: normal!important; width:fit-content; margin:auto auto 10px auto;} .agir_etudiants .fondation {background-color: #69776C;padding: 10px;text-align: center; color:#FFFFFF; height: 100%;} @media (min-width: 64em) and (max-width: 87.5em) { #page_contenu_2021.home .acces_boutique > .columns.encart_etudiant, #page_contenu_2021.home .acces_boutique > .columns.encart_magique {width:100%!important} } @media (min-width:1401px) and (max-width:1784px) { .agir_etudiants .accroche .left a{top:0px!important;} .agir_etudiants img {margin-top:13px!important;} #page_contenu_2021.home .jours_magique .centre-haut {top:35%!important} } @media (max-width:640px) { .agir_etudiants .accroche .left {height: 290px; top:100px; width: fit-content; margin:auto;float: none;} .agir_etudiants .fondation {height: initial;} } @media (min-width:760px){ .agir_etudiants .accroche .left {top:90px; padding:15px;} .agir_etudiants .accroche .left a {position: relative; top:20px;} .agir_etudiants img {margin-top:20px;} } .agir_etudiants .accroche .button-border-orange, #page_contenu_2021.home .jours_magique .button-border-orange {background-color: #5D6F66;} .agir_etudiants .accroche .button-border-orange, #page_contenu_2021.home .jours_magique .button-border-orange{color:#FFFFFF;border-color:transparent;font-size:15px;} .agir_etudiants:hover .accroche .button-border-orange {background-color:#333B35;} #page_contenu_2021.home .jours_magique:hover .button-border-orange{background-color:#333B35;} .agir_etudiants .accroche .button-border-orange::before, .jours_magique .button-border-orange::before{background: inherit;color:#ffffff;} /* OP Jour Magique - Noel 2021 */ #page_contenu_2021.home .jours_magique p {background-color: #5D6F66; text-align: center; width: fit-content; margin:auto; padding:5px;font-size: 22px!important;} @media (min-width:443px){ #page_contenu_2021.home .jours_magique p{font-size: 30px;} .mieux_chez_sois p{font-size: 30px;} #page_contenu_2021.home .mieux_chez_sois .centre-haut{top:30%!important;} } @media (min-width:554px){ #page_contenu_2021.home .jours_magique p{font-size: 40px;} .mieux_chez_sois p{font-size: 40px;} } @media (min-width:1024px){ #page_contenu_2021.home .jours_magique p {font-size: 50px!important;} } #page_contenu_2021.home .jours_magique .centre-haut {text-align: center; font-family: 'open_sansbold'; position: relative!important; margin:auto; color:#ffffff;transform: none!important;} #page_contenu_2021.home .jours_magique a {top:25px;} #page_contenu_2021.home .jours_magique{background-image:url('/media/2021_home/noel_2021/encart_noel_2021.jpg');background-position:center; background-size:cover;margin-top: 30px;height: 300px!important; padding:0!important} body[class*="category-made-in-france"] .category-head{background:url('/media/2021_home/op_etudiants/fond.jpg') no-repeat center!important; background-size: cover!important;} body[class*="category-noel-comme-on-l-aime"] .category-head{background:url('/media/2021_home/noel_2021/header_noel_2021.jpg') no-repeat center!important; background-size: cover!important;} .catalog-category-view .listing-item .description a.agiretudiants {background-color:#69776C; color:#ffffff;border:none;} .product_center .desc .specificites .agiretudiants {background-color: #69776C;color: #ffffff;font-weight: bold;text-decoration: none;padding: 5px;margin-top: 20px;} .mieux_chez_sois{background-image:url('/media/2021_home/op_mieux_chez_sois/encart.jpg');background-position:center; background-size:cover;margin-top: 30px;height: 300px!important; padding:0!important} .mieux_chez_sois .centre-haut {text-align: center; font-family: 'open_sansbold'; position: relative!important; margin:auto;transform: none!important;} .mieux_chez_sois p {background-color: #FFF; text-align: center; width: fit-content; margin:auto; padding:5px;color:#f27857!important;} .mieux_chez_sois span {display: block;color:#FFF;background-color: #F27857;padding-left:5px; padding-right: 5px; width:fit-content; margin:auto; margin-top:10px; margin-bottom: 10px} .mieux_chez_sois .button-petit {position: relative; top: 20px;color:#FFF!important; border: solid 2px #FFF!important;} #page_contenu_2021.home .image_texte > .mieux_chez_sois:hover:after {content:none!important;} .image_texte > .mieux_chez_sois .centre-haut {position: absolute;top: 50%;transform: translateY(-50%);width:calc(100% - 60px);} .listing-item .encart_magique .mieux_chez_sois .titre {padding: 0px!important;} .mieux_chez_sois_panier { background:#F27857; margin-bottom:30px; padding:20px!important;min-height: 170px;} .mieux_chez_sois_panier p {color:#FFF; padding:3px 5px; font-size:13px; margin-top: 10px;} .mieux_chez_sois_panier span {display: block;font-weight: 100; margin-top:15px;} .soldes_jan_2022{background-image:url('/media/2021_home/soldes_jan_2022/encart.png');background-position:center; background-size:cover;margin-top: 30px;height: 300px!important; padding:0!important} .soldes_jan_2022 .centre-haut {text-align: center; font-family: 'open_sansbold'; position: relative!important; margin:auto;transform: none!important;} .soldes_jan_2022 p {background-color: #FFF; text-align: center; width: fit-content; margin:auto; padding:5px;color:#9D463B!important;} .soldes_jan_2022 .button-petit {position: relative; top: 20px;color:#FFF!important; border: solid 2px #FFF!important;} #page_contenu_2021.home .image_texte > .soldes_jan_2022:hover:after {content:none!important;} .image_texte > .soldes_jan_2022 .centre-haut {position: absolute;top: 50%;transform: translateY(-50%);width:calc(100% - 60px);} .listing-item .encart_magique .soldes_jan_2022 .titre {padding: 0px!important;} .soldes_jan_2022_panier { background:#9D463B; margin-bottom:30px; padding:20px!important;min-height: 170px;} .soldes_jan_2022_panier p {color:#FFF; padding:3px 5px; font-size:13px; margin-top: 10px;} .soldes_jan_2022_panier span {display: block;font-weight: 100; margin-top:15px;} /*Ajustements slider*/ #page_contenu_2021.home .slider .slick-slide{box-shadow: rgba(149, 157, 165, 0.15) 0px 8px 24px;} #page_contenu_2021.home .bestlocs .slick-dots{position: inherit;} #page_contenu_2021.home .slick-dots button {display: block;width: 10px;height: 10px;padding: 0;border: none;border-radius: 100%;background-color: #bebcbd;text-indent: -9999px;} #page_contenu_2021.home .slick-dots li.slick-active button {background-color: #f27857;} #page_contenu_2021.home .selection .slick-slide > a {display:none;} #page_contenu_2021.home .selection .slider .slick-slide {margin: 0 15px;background: #ffffff;padding: 5px;position: relative;min-height: 345px;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique6 .velo {background-image:url('/media/2021_home/offres/velo.png');position: absolute;top: -10px;bottom: 0;right: 0;background-repeat: no-repeat;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique6 .button-mid-orange {color: #FFF!important;border:1px solid #FFF;text-decoration: none!important;min-width: 200px;overflow: hidden;border-radius: 30px;font-size: 13px;font-weight: bold;text-transform: uppercase;padding: 16px 25px;background: #f27857!important;;display: inline-block;text-align: center;text-decoration: none;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique6 .petit {display:none;font-size: 13px;line-height: 1.8;} @media screen and (min-width:1701px) {#page_contenu_2021.home .acces_boutique .columns.image_texte.boutique6 .petit{display: block;padding: 10px 0;}} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique5 > div {background-image:url('/media/2021_home/offres/backboutique5.png');} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique5 .ordi {background-image:url('/media/2021_home/offres/ordi.png');position: absolute;top: -65px;bottom: 0;right: 0;background-repeat: no-repeat;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique5 .button-mid-blue {color: #FFF!important;border:1px solid #FFF;text-decoration: none!important;min-width: 200px;overflow: hidden;border-radius: 30px;font-size: 13px;font-weight: bold;text-transform: uppercase;padding: 16px 25px;background: #517e9b!important;;display: inline-block;text-align: center;text-decoration: none;} #page_contenu_2021.home .image_texte.boutique4> div:before {background-color: initial;} #page_contenu_2021.home .acces_boutique .columns > div:hover .button-full-orange:before {background: -moz-linear-gradient(top, #c95b48 1%, #d37d4c 100%);background: -webkit-linear-gradient(top, #c95b48 1%,#d37d4c 100%);background: linear-gradient(to bottom, #c95b48 1%,#d37d4c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95b48', endColorstr='#d37d4c',GradientType=0 );} #page_contenu_2021.home .acces_boutique .columns > div:hover .button-full-green-eco:before { text-decoration:none; background: -moz-linear-gradient(top, #5da082 1%, #6bb594 100%);background: -webkit-linear-gradient(top, #5da082 1%,#6bb594 100%);background: linear-gradient(to bottom, #5da082 1%,#6bb594 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da082', endColorstr='#6bb594',GradientType=0 );} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique4 .button-full-white {background-color: #FFF;color: #f27857!important;} #page_contenu_2021.home .acces_boutique .columns.boutique4 > div{padding : 0px;background-color: #FFF;position: relative;} /*Ecoresponsable*/ #page_contenu_2021.home .ecoresponsable {padding-left:calc(25% + 20px); position:relative; overflow:hidden; } #page_contenu_2021.home .ecoresponsable:before {content:""; background-image:url('/media/2021_home/block_ecoresponsable.jpg'); background-position:center right; background-size: cover; position:absolute; top:0; left:0; right:75%; bottom:0;} #page_contenu_2021.home .ecoresponsable:after { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 75%; left: 0; bottom: 0;} #page_contenu_2021.home .ecoresponsable > span.icomoon_dedie_lokeo { position:absolute; left:-30px; bottom:-30px; font-size:150px;color:#ffffff; opacity:0.3;} #page_contenu_2021.home .ecoresponsable .ecoresponsable_donnees ul { padding:0; margin:20px 0;} #page_contenu_2021.home .ecoresponsable .ecoresponsable_donnees ul li { margin: 10px 0; padding:0 30px 0 30px; list-style: none; display:inline-block; color:#67B290; font-weight:bold; font-family: 'robotocondensed-regular', 'open_sansregular'; border-right:solid 1px #cccccc; } #page_contenu_2021.home .ecoresponsable .ecoresponsable_donnees ul li:last-child { border-right:0; padding-right:0;} #page_contenu_2021.home .ecoresponsable .ecoresponsable_donnees ul li span { display:block; font-size:44px; line-height: 40px;} #page_contenu_2021.home .ecoresponsable .ecoresponsable_donnees + p i { font-size:11px; margin-left:30px; display:block; margin-top:-15px; margin-bottom:30px;} #page_contenu_2021.home .ecoresponsable a { margin-top:15px;} #page_contenu_2021.home .commentcamarche .column-block > div { background-color:#ffffff; padding:25px; margin-bottom:30px; padding-bottom:15px; position:relative;} #page_contenu_2021.home .commentcamarche .column-block > div .iconmoon_lok { font-size:30px; float:left; margin-right:10px; z-index:1;} #page_contenu_2021.home .commentcamarche .column-block > div .iconmoon_lok + p { color:#f27857; font-weight:bold;} #page_contenu_2021.home .commentcamarche .column-block > div i { position:absolute; left:0; top:-15px; color:#f27857; font-size:50px; font-style:initial; font-weight:bold; opacity:0.1;} #page_contenu_2021.home .commentcamarche .button-petit { display:table; margin:auto;} /*Services*/ #page_contenu_2021.home .services { position:relative;} #page_contenu_2021.home .services:before {content:""; background-color:#f27857; position:absolute; top:-30px; bottom:-150px; right:0; left:85%;} #page_contenu_2021.home .services .button-petit { margin-top:15px;} #page_contenu_2021.home .services .bloc_border_icon { position:relative; z-index:1; margin-top:30px;} #page_contenu_2021.home .services .bloc_border_icon .columns > div a { display:block; text-align:center;} /*Newsletter*/ #page_contenu_2021.home .newsletter { position:relative; background-image:url('/media/2021_home/back_newsletter.jpg'); background-position:top right; background-size:cover; padding:20px; padding-bottom:150px!important;} #page_contenu_2021.home .newsletter:before{ content:""; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu_2021.home .newsletter .invitationnewsletter { color:#ffffff; position:relative; z-index:1; padding:20px; background-color:#f27857;-webkit-border-radius: 50px;-webkit-border-top-left-radius: 0;-moz-border-radius: 50px;-moz-border-radius-topleft: 0;border-radius: 50px;border-top-left-radius: 0;} #page_contenu_2021.home .newsletter .invitationnewsletter img { float:left;} #page_contenu_2021.home .newsletter .invitationnewsletter p { padding-left:6px; margin-bottom:0;} #page_contenu_2021.home .newsletter .inscriptionnewsletter { width:100%; margin-top:20px;color:#ffffff; position:relative; z-index:1; padding:20px; padding-left:30px; background-color:#434748;-webkit-border-radius: 50px;-webkit-border-top-right-radius: 0;-moz-border-radius: 50px;-moz-border-radius-topright: 0;border-radius: 50px;border-top-right-radius: 0;} #page_contenu_2021.home .newsletter .inscriptionnewsletter p {margin-bottom:0px;} #page_contenu_2021.home .newsletter .inscriptionnewsletter .container_input {width: calc(100% - 103px); float: left;} #page_contenu_2021.home .newsletter .inscriptionnewsletter .container_input input { color:#797979;} #page_contenu_2021.home .newsletter .inscriptionnewsletter .newsletter_btn {margin-top:10px;} /*Entretien_article*/ #page_contenu_2021.home .entretien_article {margin-top:-130px;} #page_contenu_2021.home .entretien_article .item { background-color:#ffffff; margin-top:30px; position:relative;border:solid 5px #ffffff;} #page_contenu_2021.home .entretien_article .item .item_top { min-height:200px; padding:20px; position:relative; background-position:center; background-size:cover;} #page_contenu_2021.home .entretien_article .item .item_top:before{ content:""; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu_2021.home .entretien_article .item .item_top > div { position:absolute; bottom:15px; left:20px; right:20px;} #page_contenu_2021.home .entretien_article .item .item_top > div a { color:#ffffff; text-decoration:underline; margin-bottom:10px; display:block; z-index:3; position:relative;} #page_contenu_2021.home .entretien_article .item .item_top > div a:hover { color:#e6e6e6;} #page_contenu_2021.home .entretien_article .item .item_top > div h4 { background-color:#ffffff; padding:5px 8px; display:inline-block;} #page_contenu_2021.home .entretien_article .item .texte { padding:15px; padding-bottom:10px; min-height:100px;} #page_contenu_2021.home .entretien_article .item > a { position:absolute; top:0; bottom:0; left:0; right:0;z-index:2} #page_contenu_2021.home .entretien_article .item:hover:before { content:""; position:absolute; top:3px; left:3px; right:3px; bottom:3px; border:solid 2px #f27857;z-index:1;} #page_contenu_2021.home .entretien_article .item.item1 .item_top {background-image:url('/media/2021_home/conseils_entretiens/art1.jpg'); } #page_contenu_2021.home .entretien_article .item.item2 .item_top {background-image:url('/media/2021_home/conseils_entretiens/art2.jpg'); } #page_contenu_2021.home .entretien_article .item.item3 .item_top {background-image:url('/media/2021_home/conseils_entretiens/art3.jpg'); } #page_contenu_2021.home .odr > div {min-height: 250px; background-color:#cccccc; padding:30px; margin-top:30px; background-image:url('/media/2021_home/back_odr.jpg');} #page_contenu_2021.home .image_texte.odr > div:before {content:none;} #page_contenu_2021.home .offreparrainage > div {min-height: 250px; background-color:#cccccc; padding:30px; margin-top:30px; background-image:url('/media/2021_home/back_parrainage.jpg');} #page_contenu_2021.home .trustpilot > div { margin-top:30px; background-color:#ffffff; padding:20px;} #page_contenu_2021.home .slider .accroche {display:none;} /*--------------------- COMMENT CA MARHCE ---------------------------*/ .cms-comment-ca-marche .breadcrumbs li a, .cms-comment-ca-marche .breadcrumbs li.gt.active, .cms-comment-ca-marche .breadcrumbs li.active { color:#ffffff; z-index:1; position:relative;} #page_contenu_2021.comment_ca_marche p {margin-bottom:0;} #page_contenu_2021.comment_ca_marche .hero {background: url('/media/home-page/offre/2020/header.jpg'); } #page_contenu_2021.comment_ca_marche .encart_haut p { text-align:center; position:relative;z-index: 2;} #page_contenu_2021.comment_ca_marche .encart_haut p b { font-size : 17px;} /*Avantages*/ #page_contenu_2021.comment_ca_marche .picto_texte .column-block span {text-align:center; font-size:60px; display:block; margin-bottom:5px; color:#f27857;} #page_contenu_2021.comment_ca_marche .picto_texte h3 {color:#f27857;font-family:'open_sanssemibold';font-size:20px; text-align:center; margin-bottom:15px;} #page_contenu_2021.comment_ca_marche .picto_texte p { text-align:center; margin-bottom:0;} #page_contenu_2021.comment_ca_marche .picto_texte .column-block > div { padding:20px;} /*Formule*/ #page_contenu_2021.comment_ca_marche .formule { padding-top:50px; padding-bottom:40px;} #page_contenu_2021.comment_ca_marche .formule:before { content:"";position:absolute; top:0; height: 15px; width:15px; background-color:#f27857; border-radius:10px; display:table; margin:auto; left: 0; right: 0;} #page_contenu_2021.comment_ca_marche .formule:after { content:""; position:absolute; top:0; bottom:0; width:3px; display:table; margin:auto;background-color:#f27857; left: 0; right: 0; height:100%;} #page_contenu_2021.comment_ca_marche .formule p { font-size:23px; background-color:#ffffff; margin-bottom:15px; padding:3px 8px; text-align:center; z-index: 1; position:relative; margin-bottom: 15px; display:table; margin:auto; margin-bottom:10px;} #page_contenu_2021.comment_ca_marche .formule p b { color:#f27857;} #page_contenu_2021.comment_ca_marche .formule p:last-child { color:#ffffff; font-size:15px; background-color:#f27857;} /*encart video*/ #page_contenu_2021.comment_ca_marche .video_avantages { margin-bottom:120px;} #page_contenu_2021.comment_ca_marche .video_avantages > div { text-align:center; padding: 30px;background-position: center; background-repeat: no-repeat; background-size: cover; position:relative; background-image:url('/media//2021_page-contenu/video.jpg'); min-height:230px!important; } #page_contenu_2021.comment_ca_marche .video_avantages > div:before { content: ''; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 15px; right:15px; left:15px; bottom: 15px;} #page_contenu_2021.comment_ca_marche .video_avantages > div:after { content:""; position:absolute; top:15px; left:15px; right:15px; bottom:15px; border:solid 1px #ffffff;z-index:1;} #page_contenu_2021.comment_ca_marche .video_avantages > div p:first-child { color:#ffffff; font-size:23px; font-weight:bold; margin-bottom:20px;} #page_contenu_2021.comment_ca_marche .video_avantages > div p:first-child span {background-color:#f27857; padding:0px 4px; margin:auto;} #page_contenu_2021.comment_ca_marche .video_avantages > div .iconmoon_lok { background-color:#f27857; height:100px; width:100px; border-radius:60px; color:#ffffff; text-align:center; display:block; margin:auto; line-height:100px;} #page_contenu_2021.comment_ca_marche .video_avantages > div .iconmoon_lok:before {color:#ffffff;} #page_contenu_2021.comment_ca_marche .video_avantages > div p { color:#f27857; margin-top:5px;} #page_contenu_2021.comment_ca_marche .video_avantages > div .absolute { bottom: -25%; left:25px; right:25px; z-index:2;} #page_contenu_2021.comment_ca_marche .video_avantages > div a { position:absolute; top:0; left:0; right:0;bottom:0;} .cms-comment-ca-marche .modal.modal-comment-ca-marche {display: inline-block; position: relative; z-index: 2; box-sizing: border-box; margin:auto;} .cms-comment-ca-marche .modal.modal-comment-ca-marche video {max-width:100%; height:auto;} /*comment passer commande*/ #page_contenu_2021.comment_ca_marche .commande { position:relative;} #page_contenu_2021.comment_ca_marche .commande .right > p { background-color:#f27857; position:relative; margin-top: 25px; z-index:2; padding:3px 8px; font-size:30px; font-family: 'robotocondensed-bold', 'open_sansregular'; color:#ffffff; display: inline-block; margin-bottom:20px;} #page_contenu_2021.comment_ca_marche .commande .item { margin-bottom:20px; padding:20px 0; position: relative; padding-left:100px; z-index:2} #page_contenu_2021.comment_ca_marche .commande .item > div {text-align: center; position:absolute; left:0px; top: calc(50% - 28px); padding-right: 13px; border-right: dashed 2px #f27857;} #page_contenu_2021.comment_ca_marche .commande .item > div span { font-size:70px; font-family: 'robotocondensed-bold', 'open_sansregular'; color:#f27857; line-height: 54px;} #page_contenu_2021.comment_ca_marche .commande .image { background: url('/media/2021_page-contenu/commentcamarche_commande.jpg') center; background-repeat:no-repeat; background-size: cover; position:absolute; top:0; right:69%; left:0; bottom:0; width: auto; z-index: 2;} #page_contenu_2021.comment_ca_marche .commande .image:after { content: ''; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 15px; right:15px; left:0; bottom: 15px;} #page_contenu_2021.comment_ca_marche .fidelite p b { color:#f27857;} #page_contenu_2021.comment_ca_marche .fidelite .icomoon_dedie_lokeo.petit {font-size:45px!important; margin-bottom:20px!important;} #page_contenu_2021.comment_ca_marche .liv-retour .columns { text-align:center; margin-bottom:20px;} #page_contenu_2021.comment_ca_marche .liv-retour .columns > span {font-size:45px; color:#f27857; margin-bottom:15px; display:inline-block;} #page_contenu_2021.comment_ca_marche .liv-retour > p {text-align:left; margin-bottom:20px;} #page_contenu_2021.comment_ca_marche .location { text-align:center;} #page_contenu_2021.comment_ca_marche .location .image { background: url('/media/2021_page-contenu/commentcamarche_location.jpg') center; background-repeat:no-repeat; background-size: cover; height:250px; width:100%; position:relative;} #page_contenu_2021.comment_ca_marche .location .image:after { content: ''; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 15px; right:15px; left:15px; bottom: 15px;} #page_contenu_2021.comment_ca_marche .location .section { position:relative; z-index:2; margin-top:-25px;} #page_contenu_2021.comment_ca_marche .location h4 { background-color:#f27857; position:relative; z-index:2; padding:3px 8px; font-size:30px; font-family: 'robotocondensed-bold', 'open_sansregular'; color:#ffffff; display: inline-block; margin-bottom:15px;} #page_contenu_2021.comment_ca_marche .location a { margin-top:15px;} #page_contenu_2021.comment_ca_marche .fin-contrat > div { background-color:#ffffff; position:relative; padding:50px 30px; border-radius: 40px 0 0 40px; overflow:hidden;} #page_contenu_2021.comment_ca_marche .fin-contrat .image { background: url('/media/2021_page-contenu/commentcamarche_reprise.jpg') top left; background-repeat:no-repeat; background-size: cover; top:0; left:0; right:59%; bottom:0; position:absolute;} #page_contenu_2021.comment_ca_marche .fin-contrat .image:after { content: ''; background-color: rgba(0, 0, 0, 0.25); position: absolute; top:0px; right:0px; left:0px; bottom:0px;} #page_contenu_2021.comment_ca_marche .ecoresponsable { text-align:center;} #page_contenu_2021.comment_ca_marche .ecoresponsable p {margin-bottom:15px;} /*--------------------- NOTRE ENGAGEMENT ECORESPONSABLE ---------------------------*/ .cms-notre-engagement-eco-responsable .breadcrumbs li a, .cms-notre-engagement-eco-responsable .breadcrumbs li.gt.active, .cms-notre-engagement-eco-responsable .breadcrumbs li.active { color:#ffffff; z-index:1; position:relative;} #page_contenu_2021.engagement-eco h2 {color:#67B290; margin-bottom:30px;} #page_contenu_2021.engagement-eco h2:after { background-color:#67B290;} #page_contenu_2021.engagement-eco h2.zoom-sur span {color:#ffffff; background-color:#67B290;padding: 0 5px; position:relative; z-index:4; } #page_contenu_2021.engagement-eco h2.zoom-sur span.iconmoon_lok { background-color:#67B290;display: inline-block; transform: scale(-1, 1); font-size:23px; height: 41px; margin-right: -1px; line-height: 43px; z-index:5;} #page_contenu_2021.engagement-eco h2.zoom-sur span.iconmoon_lok:before {color:#ffffff;} #page_contenu_2021.engagement-eco h2.zoom-sur span:last-child:before { content: ""; height: 41px;background: #67B290; /* width: 100%; */ left: -200px; position: absolute; top: 0; bottom: 0; right: 0; z-index:-1;} #page_contenu_2021.engagement-eco h2.zoom-sur:after {content:none;} #page_contenu_2021.engagement-eco .hero {background: url('/media/2021_page-contenu/backengagement.jpg') center;} #page_contenu_2021.engagement-eco .encart_haut p { text-align:center; margin-bottom:0;} #page_contenu_2021.engagement-eco .durabilite { text-align:center;} #page_contenu_2021.engagement-eco .durabilite > p:first-child { color:#67B290;font-family:'robotocondensed-regular', 'open_sansregular'; font-size:30px; text-align:center; line-height:45px; margin-bottom:30px; margin-top:40px;} #page_contenu_2021.engagement-eco .durabilite > p:first-child span { display:table;background-color:#67B290; color:#ffffff; padding:0 10px; margin:auto; } #page_contenu_2021.engagement-eco .durabilite .preuve {margin-bottom:20px;} #page_contenu_2021.engagement-eco .durabilite .preuve p {margin-bottom:20px;} #page_contenu_2021.engagement-eco .durabilite .preuve p span { display:block; font-family: 'robotocondensed-bold'; font-size:50px; line-height: 45px;} #page_contenu_2021.engagement-eco .trait { position:relative;} #page_contenu_2021.engagement-eco .trait:before {content:""; height:1px; background-color:#cccccc; position:absolute; top:13px; left:0; right:0;} #page_contenu_2021.engagement-eco .trait p { display: inline-block; position: relative; z-index: 1; background-color: #F9F9F9; padding: 0 20px;} #page_contenu_2021.engagement-eco .trait span {display:block; font-size:13px;} #page_contenu_2021.engagement-eco .durabilite i {font-size:13px; text-align:right; display:block;} #page_contenu_2021.engagement-eco .durabilite .counter {background: url('/media/2021_page-contenu/counter.png') no-repeat; background-size: contain; text-align: right; height:118px; width:328px; display:block; font-family:'open_sansbold'; color:#67B290; margin: auto; font-size: 55px; letter-spacing: 31px; padding-top: 15px; padding-left:26px; } #page_contenu_2021.engagement-eco .choix_produit { margin-bottom:70px;} #page_contenu_2021.engagement-eco .choix_produit .icomoon_dedie_lokeo { color:#67B290; font-size:17px; padding:0 5px;} #page_contenu_2021.engagement-eco .choix_produit ul { margin-bottom:20px; padding-left:0;} #page_contenu_2021.engagement-eco .choix_produit ul li { list-style:none;} #page_contenu_2021.engagement-eco .choix_produit ul li span { color:#67B290;} #page_contenu_2021.engagement-eco .reconditionne { position: relative; z-index: 3;} #page_contenu_2021.engagement-eco .reconditionne p { margin-bottom:0;} #page_contenu_2021.engagement-eco .reconditionne a { margin-top:20px;} #page_contenu_2021.engagement-eco .reconditionne img { padding-top:30px; margin: auto; display: block;} #page_contenu_2021.engagement-eco .choix_reconditionne { position:relative;} #page_contenu_2021.engagement-eco .choix_reconditionne .image { background: url('/media/2021_page-contenu/engagement_choix_reconditionne.jpg') center; background-repeat:no-repeat; background-size: cover; position:absolute; top:0; right:0; left:67%; bottom:0; width: auto; z-index: 2;} #page_contenu_2021.engagement-eco .choix_reconditionne .image:after { content: ''; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 15px; right:0; left:15px; bottom: 15px;} /*#page_contenu_2021.engagement-eco .choix_produit .acces_boutiques { display:inline-block; width:180px; position: relative; z-index: 3;margin-right: 25px; } #page_contenu_2021.engagement-eco .choix_produit .acces_boutiques > div { background-color:#67B290; border-radius:15px; margin-bottom: 20px; padding: 25px 15px 15px; position:relative;} #page_contenu_2021.engagement-eco .choix_produit .acces_boutiques > div span.icomoon_dedie_lokeo { color:#ffffff; text-align:center; display:block; font-size: 40px; margin-bottom: 4px;} #page_contenu_2021.engagement-eco .choix_produit .acces_boutiques > div p { color:#ffffff;font-family: 'gunny_rewrittenregular',sans-serif; font-size:20px; text-align:center; margin-bottom:0;} #page_contenu_2021.engagement-eco .choix_produit .acces_boutiques > div > a { position:absolute; top:0; left:0; right:0; bottom:0;}*/ #page_contenu_2021.engagement-eco .choix_produit p:last-child { margin-top:40px; padding-right:10%;position:relative;} #page_contenu_2021.engagement-eco .choix_produit p:last-child img {margin-top: -43px; padding-right: 10px; position:absolute; left:-72px;} #page_contenu_2021.engagement-eco .pictos {text-align:center; margin-top:30px;} #page_contenu_2021.engagement-eco .pictos img { padding:15px;} #page_contenu_2021.engagement-eco .pictos .selection { display:inline-block; border:solid 2px #67B290; position:relative; margin-bottom:70px;} #page_contenu_2021.engagement-eco .pictos .selection p { text-align:right; position:absolute; right:0; font-family: 'gunny_rewrittenregular',sans-serif; font-size: 25px; padding-top: 5px; color:#67B290;} #page_contenu_2021.engagement-eco .pictos .selection p img { padding:0;} #page_contenu_2021.engagement-eco .etiquette-energie { margin-bottom:100px;} #page_contenu_2021.engagement-eco .etiquette-energie .large-8 > span { color:#67B290; display:block;} #page_contenu_2021.engagement-eco .etiquette-energie .zoom-gallery-etiquette { text-align:center;} #page_contenu_2021.engagement-eco .etiquette-energie .zoom-gallery-etiquette a { margin:0 15px; position:relative; color:#F9F9F9; display:inline-block; } #page_contenu_2021.engagement-eco .etiquette-energie .zoom-gallery-etiquette a img { cursor: zoom-in;} #page_contenu_2021.engagement-eco .etiquette-energie .zoom-gallery-etiquette a span.icomoon_dedie_lokeo { background:#517E9B; padding:7px; border-radius: 20px; font-size:27px; bottom:-20px;position: absolute; z-index: 2; right: -10px;} #page_contenu_2021.engagement-eco .etiquette-energie .grid-of-images > p { font-size:13px; text-align:center; margin-top:30px;} #page_contenu_2021.engagement-eco .entretien {background-color:#67B290; text-align:center; padding-bottom:100px; margin-bottom:0;} #page_contenu_2021.engagement-eco .entretien h2 { background-color:#797979; color:#ffffff; display:inline-block; margin-top: -15px; padding:0 8px;} #page_contenu_2021.engagement-eco .entretien h2:after { content:none;} #page_contenu_2021.engagement-eco .entretien .le-saviez-vous { color:#67B290;background-color:#ffffff; padding: 20px 30px; border-radius: 70px 70px 70px 0; display: table; margin: auto; margin-bottom:30px;} #page_contenu_2021.engagement-eco .entretien .le-saviez-vous p {font-family: 'robotocondensed-regular'; margin-bottom:0; line-height: 27px;} #page_contenu_2021.engagement-eco .entretien .le-saviez-vous p:first-child {font-family: 'gunny_rewrittenregular',sans-serif; font-size:26px; margin-bottom: 10px;} #page_contenu_2021.engagement-eco .entretien .le-saviez-vous p span {font-family: 'robotocondensed-bold'; display:block; font-size:38px;} #page_contenu_2021.engagement-eco .entretien .column > p { color:#ffffff;} #page_contenu_2021.engagement-eco .zoom-gallery { margin-top:-110px;text-align:center; } #page_contenu_2021.engagement-eco .zoom-gallery a { margin:0 5px; margin-top:30px; position:relative; color:#F9F9F9; display:inline-block; position:relative; } #page_contenu_2021.engagement-eco .zoom-gallery a:before { content:""; height:1px; background-color:#cccccc; position:absolute; bottom:0px; left:-15px; right:-15px;} #page_contenu_2021.engagement-eco .zoom-gallery a img { border: solid 3px #F9F9F9; border-bottom:0; cursor: zoom-in;} #page_contenu_2021.engagement-eco .zoom-gallery a span.icomoon_dedie_lokeo { background:#517E9B; padding:9px 3px 3px 9px; border-radius: 20px; font-size:30px; bottom:-20px;position: absolute; z-index: 2; left: 0; right: 0; display: table; margin: auto;} #page_contenu_2021.engagement-eco .grid-of-images p { text-align:center; margin-top:30px;} #page_contenu_2021.engagement-eco .apres { text-align:center;} #page_contenu_2021.engagement-eco .apres h2 { display: inline-block; position: relative; z-index: 1; background-color: #F9F9F9; padding: 0 20px;} #page_contenu_2021.engagement-eco .apres h2:before { content:none;} #page_contenu_2021.engagement-eco .apres .trait:before { top:22px;} #page_contenu_2021.engagement-eco .apres .columns { margin-top:20px;} #page_contenu_2021.engagement-eco .apres .columns span { font-style: italic; display:block; margin-top:5px;} #page_contenu_2021.engagement-eco .apres p:last-child { color:#67B290; margin-top:20px;} /*--------------------- NOS SERVICES ---------------------------*/ .cms-nos-services .breadcrumbs li a, .cms-nos-services .breadcrumbs li.gt.active, .cms-nos-services .breadcrumbs li.active { color:#ffffff; z-index:1; position:relative;} #page_contenu_2021.nos-services .section { margin-bottom:70px;} #page_contenu_2021.nos-services .hero {background: url('/media/2021_page-contenu/header_nos-services.jpg'); } #page_contenu_2021.nos-services .encart_haut p { text-align:center; margin-bottom:0;} #page_contenu_2021.nos-services .encart_haut .tranquilite {margin-top:30px;} #page_contenu_2021.nos-services .encart_haut .tranquilite .iconmoon_lok { display:block; text-align:center; font-size:60px; margin-bottom:15px;} #page_contenu_2021.nos-services .encart_haut .tranquilite p span { background-color:#f27857; padding:0 3px; color:#ffffff; margin-bottom:5px; display:inline-block;} #page_contenu_2021.nos-services .accompagnement .column-block > div { position:relative; z-index:3;background-color:#ffffff; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.05); border-radius:5px; margin-top:20px; padding:15px; text-align:center; min-height:150px;} #page_contenu_2021.nos-services .accompagnement .column-block > div span { display:block; font-size:11px;} #page_contenu_2021.nos-services .accompagnement .column-block > div a { color:#f27857;} #page_contenu_2021.nos-services .livraison_accompagnement { position:relative;} #page_contenu_2021.nos-services .livraison_accompagnement .image { background: url('/media/2021_page-contenu/nos-services_livraison_accompagnement.jpg') center; background-repeat:no-repeat; background-size: cover; position:absolute; top:0; right:0; left:67%; bottom:0; width: auto; z-index: 2;} #page_contenu_2021.nos-services .livraison_accompagnement .image:after { content: ''; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 15px; right:0; left:15px; bottom: 15px;} #page_contenu_2021.nos-services .tabs__tab-content { box-sizing: border-box; max-height: 0; opacity: 0; transition: opacity 0.6s; overflow-y: hidden;} #page_contenu_2021.nos-services #tab-1-ctrl:checked ~ .tabs__wrapper #tab-1 { max-height: initial; opacity: 1; padding: 30px 20px;} #page_contenu_2021.nos-services #tab-2-ctrl:checked ~ .tabs__wrapper #tab-2 { max-height: initial; opacity: 1; padding: 30px 20px;} #page_contenu_2021.nos-services .livraison input { display:none;} #page_contenu_2021.nos-services .livraison .tabs__label { display:block; background-color:#ECECEC; padding:15px; text-align:center; cursor:pointer; position:relative;} #page_contenu_2021.nos-services #tab-1-ctrl:checked ~ .tabs__nav .tabs__label[for="tab-1-ctrl"], #page_contenu_2021.nos-services #tab-2-ctrl:checked ~ .tabs__nav .tabs__label[for="tab-2-ctrl"] { background-color:#f27857; color:#ffffff; cursor:initial;} #page_contenu_2021.nos-services #tab-1-ctrl:checked ~ .tabs__nav .tabs__label[for="tab-1-ctrl"]:after, #page_contenu_2021.nos-services #tab-2-ctrl:checked ~ .tabs__nav .tabs__label[for="tab-2-ctrl"]:after { content:""; position:absolute; height:100%; width:4px; top:0; right:-4px; bottom:0; background-color:#f27857; z-index: 4;} #page_contenu_2021.nos-services .livraison .tabs__nav { padding:0;} #page_contenu_2021.nos-services .livraison .tabs__wrapper { background-color:#ffffff; border-right: solid 4px #f27857; text-align:center; position:relative; z-index:3;} #page_contenu_2021.nos-services .livraison .tabs__wrapper span { color:#f27857; font-size:45px;} #page_contenu_2021.nos-services .livraison .tabs__wrapper p { margin-bottom:0;} #page_contenu_2021.nos-services .livraison .tabs__wrapper .tabs__tab-content > div:first-child { margin-bottom:40px;} #page_contenu_2021.nos-services .garantie_panne .bulle { color:#ffffff;margin-top: 30px;background-color:#67B290; padding: 20px 30px; border-radius: 90px 90px 90px 0; display: table; text-align:center;} #page_contenu_2021.nos-services .garantie_panne .bulle p {font-family: 'robotocondensed-regular'; margin-bottom:0;} #page_contenu_2021.nos-services .garantie_panne .bulle p:first-child {font-family: 'gunny_rewrittenregular',sans-serif; font-size:26px;} #page_contenu_2021.nos-services .garantie_panne .bulle p span {font-family: 'robotocondensed-bold'; display:block; font-size:38px; line-height: 30px;} #page_contenu_2021.nos-services .garantie_panne .bulle a { color:#ffffff; font-family: 'robotocondensed-regular';} #page_contenu_2021.nos-services .garantie_panne .bulle.a_savoir { background-color:#f27857; border-radius: 90px 90px 0px 90px; float:right; max-width: 320px; margin-bottom: 0;} #page_contenu_2021.nos-services .garantie_panne .bulle.a_retenir {max-width: 500px;} #page_contenu_2021.nos-services .garantie_panne .small-12 > p { margin-top:15px; text-align: right;} #page_contenu_2021.nos-services .garantie_panne .small-12 > p img {margin-top: -43px; padding-right: 10px;} #page_contenu_2021.nos-services .garantie_casse h2 { margin-bottom:10px;} #page_contenu_2021.nos-services .garantie_casse h2:after {content:none;} #page_contenu_2021.nos-services .garantie_casse .ss-titre { background-color:#797979; color:#ffffff; padding:2px 5px; display:initial;} #page_contenu_2021.nos-services .garantie_casse .chiffre { line-height: 38px; text-align:center; font-size:20px; margin-top:30px; position:relative; z-index:2;} #page_contenu_2021.nos-services .garantie_casse .chiffre span { display:table; margin:auto; background-color:#f27857; color:#ffffff; padding:0 10px;} #page_contenu_2021.nos-services .garantie_casse .image { margin-top:-25px; margin-bottom:15px; background: url('/media/2021_page-contenu/nos-services_casse.jpg') center; background-repeat:no-repeat; background-size: cover; width: 100%; position:relative; z-index: 1; height:215px;} #page_contenu_2021.nos-services .garantie_casse .image:after { content: ''; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 15px; right:15px; left:15px; bottom: 15px;} #page_contenu_2021.nos-services .garantie_casse p:last-child a { color:#f27857; } #page_contenu_2021.nos-services .nouvelle-vie { background-color:#67B290;} #page_contenu_2021.nos-services .nouvelle-vie .section { margin-bottom:0; padding-bottom:70px; position:relative; padding-top: 70px;} #page_contenu_2021.nos-services .nouvelle-vie .iconmoon_lok { background-color:#ffffff; border-radius:50px; font-size: 45px; height:80px; width:80px; text-align:center; padding-top:20px; position:absolute; display:table; margin:auto; top:-50px; left:calc(50% - 40px);} #page_contenu_2021.nos-services .nouvelle-vie .iconmoon_lok:before { color:#67B290;} #page_contenu_2021.nos-services .nouvelle-vie h2 { color:#ffffff;} #page_contenu_2021.nos-services .nouvelle-vie h2:after {background-color:#ffffff;} #page_contenu_2021.nos-services .nouvelle-vie p { color:#ffffff;} #page_contenu_2021.nos-services .nouvelle-vie .entretien { margin-top:30px; text-align:center;} #page_contenu_2021.nos-services .nouvelle-vie .entretien p span {font-family: 'gunny_rewrittenregular',sans-serif; font-size:50px; line-height: 50px;} #page_contenu_2021.nos-services .nouvelle-vie .entretien a { margin:auto;} #page_contenu_2021.nos-services #livraison48h {padding-top:70px;} /*A supp*/ #page_contenu_2021.nos-services h2 span {position:absolute; font-size: 100px; opacity: 0.08; left: -20px; top: -20px;} #page_contenu_2021.nos-services .livraison .ss-titre {text-align:center; margin-top:30px;} #page_contenu_2021.nos-services .livraison .ss-titre .iconmoon_lok { font-size:45px !important; margin:30px 3px;} #page_contenu_2021.nos-services .livraison .ss-titre h3 { font-size:15px; color:#f27857; text-align:center; margin-top:10px; margin-bottom:20px;} #page_contenu_2021.nos-services .livraison img { margin-top:30px;} #page_contenu_2021.nos-services .geste_barriere .titre { margin-top:-50px; position:relative;} #page_contenu_2021.nos-services .geste_barriere .titre .iconmoon_lok { height:60px; width:60px; padding-top: 8px; border-radius: 50%; font-size: 40px; background-color:#F9F9F9;} #page_contenu_2021.nos-services .section.sav { background-color:#f27857; color:#ffffff; position:relative;} #page_contenu_2021.nos-services .section.sav h2 span::before { color:#ffffff;} #page_contenu_2021.nos-services .section.sav .large-6 { padding:30px 0;} #page_contenu_2021.nos-services .section.sav > .image { background: url('/media/2021_page-contenu/sav.jpg'); background-repeat:no-repeat; background-size: cover; position:relative; min-height:200px; width:100%;} /*--------------------- QUI SOMMES - NOUS ---------------------------*/ .cms-notre-histoire .breadcrumbs li a, .cms-notre-histoire .breadcrumbs li.gt.active, .cms-notre-histoire .breadcrumbs li.active { color:#ffffff; z-index:1; position:relative;} #page_contenu_2021.qui-sommes-nous .hero {background: url('/media/2021_page-contenu/header_qui-sommes-nous.jpg'); } #page_contenu_2021.qui-sommes-nous .encart_haut p {margin-bottom:0; text-align:center;} #page_contenu_2021.qui-sommes-nous .valeurs {position:relative; padding-bottom:90px;overflow: hidden;} #page_contenu_2021.qui-sommes-nous .valeurs:before {content:"";position:absolute; clip-path: polygon(0 46%, 100% 29%, 100% 100%, 0% 100%); background-color:#F2F2F2; bottom:0; left:0; top:0; right:0;} #page_contenu_2021.qui-sommes-nous .valeurs:after { content:"";position:absolute; bottom:0; right:0; bottom: -107px; right: -73px; color: #f9f9f9; font-size: 230px;font-family: 'icomoon_dedie_lokeo'; } #page_contenu_2021.qui-sommes-nous .valeurs .row .columns { margin-top:30px; position:relative; z-index:1;} #page_contenu_2021.qui-sommes-nous .valeurs .image { background-repeat:no-repeat; background-size: cover; padding:20px; height:150px; position:relative;} #page_contenu_2021.qui-sommes-nous .valeurs .image:before { content: ''; background-color: rgba(0, 0, 0, 0.20); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu_2021.qui-sommes-nous .valeurs .image.img1 {background-image:url('/media/2021_page-contenu/nosvaleurs-1.jpg'); } #page_contenu_2021.qui-sommes-nous .valeurs .image.img2 {background-image:url('/media/2021_page-contenu/nosvaleurs-2.jpg'); } #page_contenu_2021.qui-sommes-nous .valeurs .image.img3 {background-image:url('/media/2021_page-contenu/nosvaleurs-3.jpg'); } #page_contenu_2021.qui-sommes-nous .valeurs .image.img4 {background-image:url('/media/2021_page-contenu/nosvaleurs-4.jpg'); } #page_contenu_2021.qui-sommes-nous .valeurs h4 { background-color:#67B290; padding:3px 7px;margin-bottom:0; color:#ffffff; font-size:17px; display:table; position:absolute; bottom:20px;} #page_contenu_2021.qui-sommes-nous .valeurs .texte { background-color:#67B290; padding:20px; min-height:130px;} #page_contenu_2021.qui-sommes-nous .valeurs .texte p {margin-bottom:0; color:#ffffff;} /*--------------------- INFORMATION COOKIES PRIVACY ---------------------------*/ .cms-informations-cookies .breadcrumbs li a, .cms-informations-cookies .breadcrumbs li.gt.active, .cms-informations-cookies .breadcrumbs li.active { color:#ffffff; z-index:1; position:relative;} .cms-informations-cookies #main { background: #F9F9F9!important;} #page_contenu_2021.information_cookies_privacy .masque h1 { color:#797979; font-size:40px; margin-bottom:50px;} #page_contenu_2021.information_cookies_privacy h2 { margin-top:30px;} #page_contenu_2021.information_cookies_privacy ul {margin-bottom:10px;} #page_contenu_2021.information_cookies_privacy .filter .button-full-orange { display:table; margin:auto; margin-top:50px;margin-bottom:70px;} #page_contenu_2021.information_cookies_privacy .encart_haut {padding:40px 10px;} #page_contenu_2021.information_cookies_privacy .filtre {text-align:center; margin-bottom:15px;} #page_contenu_2021.information_cookies_privacy .filterButton {padding:10px 30px; display:inline-block; cursor:pointer;} #page_contenu_2021.information_cookies_privacy .filterButton.actif {color:#f27857;} #page_contenu_2021.information_cookies_privacy input#privacy { display:none;} #page_contenu_2021.information_cookies_privacy input#privacy + label {cursor:pointer; background-color: #cccccc; height: 30px; width: 60px;margin-bottom: -10px; margin-left: 10px; display: inline-block; border-radius: 20px; position:relative;} #page_contenu_2021.information_cookies_privacy input#privacy + label:before { content:""; position:absolute; top:5px; left:5px; height:20px; width:20px; border-radius:20px; background-color:#ffffff;} #page_contenu_2021.information_cookies_privacy input#privacy:checked + label { background-color:#BAE3C0;} #page_contenu_2021.information_cookies_privacy input#privacy:checked + label:before {left:initial; right:5px; background-color:#1CA230;} /*--------------------- FAQ ---------------------------*/ .cms-faq .breadcrumbs li a, .cms-faq .breadcrumbs li.gt.active, .cms-faq .breadcrumbs li.active { color:#ffffff; z-index:1; position:relative;} .cms-faq #main { background: #F9F9F9!important;} #page_contenu_2021.faq .hero { background-color:#F27857; background-image:none;padding-bottom:50px;} #page_contenu_2021.faq .hero:before { content:none;} #page_contenu_2021.faq .hero .section { margin-bottom:0;} #page_contenu_2021.faq .hero h1 {line-height: 42px;} #page_contenu_2021.faq .hero h1 + p { font-family: 'gunny_rewrittenregular',sans-serif; font-size:25px;line-height: 23px; margin-top: 10px;} #page_contenu_2021.faq .hero h2 { margin-bottom: 20px; margin-top: 20px; font-size:26px;} #page_contenu_2021.faq .hero ul li, #page_contenu_2021.faq .hero a { color:#ffffff;} #page_contenu_2021.faq .accordion-container .set a.accordion_lien { color:#ffffff; font-size:15px; display: block;} #page_contenu_2021.faq .accordion-container {border-top:solid 1px #F6A18A; padding: 13px 0; } #page_contenu_2021.faq .accordion-container:first-child { border:none;} #page_contenu_2021.faq .accordion-container .set a.accordion_lien:hover { color:#434748;} #page_contenu_2021.faq .accordion-container .set .accordion_panel { margin-top:0px;} #page_contenu_2021.faq .accordion-container .set .accordion_panel p { text-align:left;} #page_contenu_2021.faq .hero > span { background-color:#707070; color:#ffffff; text-align:center; display:block; height:50px; width:50px; border-radius:25px; position:absolute; bottom:-25px; padding-top: 11px; left:calc(50% - 25px);} #page_contenu_2021.faq input[name=acces_faq], #page_contenu_2021.faq .contenu_faq {display:none;} #page_contenu_2021.faq input#compte_client:checked ~ .compte_client {display:block;} #page_contenu_2021.faq input#commande_livraison:checked ~ .commande_livraison {display:block;} #page_contenu_2021.faq input#paiement:checked ~ .paiement {display:block;} #page_contenu_2021.faq input#assistance_sav:checked ~ .assistance_sav {display:block;} #page_contenu_2021.faq input#fincontrat_reprise:checked ~ .fincontrat_reprise {display:block;} #page_contenu_2021.faq .section_contenu_faq { margin-top: 30px; text-align:center;} #page_contenu_2021.faq .section_contenu_faq > p { text-align:center; margin-bottom:15px; margin-top:35px;} #page_contenu_2021.faq .section_contenu_faq label { width:100px; background-color:#ffffff; border-radius:20px; text-align:center; display:inline-grid; box-shadow: rgba(149, 157, 165, 0.15) 0px 8px 24px; line-height: 16px; padding: 13px 10px; padding-bottom: 3px; padding-top: 20px; font-size:13px; margin-bottom:15px;} #page_contenu_2021.faq .section_contenu_faq label span { font-size:40px; display:block; margin-bottom:10px;} #page_contenu_2021.faq .section_contenu_faq label p { margin-bottom:0; min-height:40px;} #page_contenu_2021.faq input:checked + label {background-color:#F27857; box-shadow: rgba(149, 157, 165, 0.15) 0px 8px 24px inset; color:#ffffff;} #page_contenu_2021.faq input:checked + label span:before { color:#ffffff;} #page_contenu_2021.faq .contenu_faq { text-align:left; margin-top:30px;} #page_contenu_2021.faq .contenu_faq .accordion-container:first-child { border:none;} #page_contenu_2021.faq .contenu_faq .accordion-container .set a.accordion_lien { color:#797979; font-size:16px; } #page_contenu_2021.faq .contenu_faq .accordion-container {border-top:solid 1px #e9e9e9; } #page_contenu_2021.faq .contenu_faq .accordion-container .set a.accordion_lien:hover { color:#F27857;} #page_contenu_2021.faq .contenu_faq .conseil { background-color:#ffffff; padding:30px; position:relative; margin-top:50px;} #page_contenu_2021.faq .contenu_faq .conseil h3 { color:#F27857; font-size:17px; position:relative; padding-left:25px;} #page_contenu_2021.faq .contenu_faq .conseil h3:before { content:""; font-family: icomoon; font-size:22px; position:absolute; bottom:4px; left:0px; color:#F27857; line-height: 20px;} #page_contenu_2021.faq .contenu_faq .conseil:before { content:""; font-family: icomoon; font-size:100px; position:absolute; bottom:15px; right:15px; color:#F9F9F9; line-height: 100px;} #page_contenu_2021.faq .autresquestions { background: url('/media/2021_page-contenu/faq_autresquestions.jpg') top left; background-repeat:no-repeat; background-size: cover; position:relative; text-align:center; padding:70px 30px;} #page_contenu_2021.faq .autresquestions:after { content: ''; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 15px; right:15px; left:15px; bottom: 15px;} #page_contenu_2021.faq .autresquestions p { font-size:30px; color:#ffffff; font-weight:bold; position:relative; z-index:1;} #page_contenu_2021.faq .autresquestions a {position:relative; z-index:1;} #page_contenu_2021.faq .faq_columns {position: relative;text-align: center;} #page_contenu_2021.faq .span_video {background: #F27857; height: 100px;width: 100px;border-radius: 60px;text-align: center;display: block;margin: auto;line-height: 100px;} #page_contenu_2021.faq .faq_iconmoon_lok:before {color: white;} #page_contenu_2021.faq .video_avantages {position: relative;text-align: center;} #page_contenu_2021.faq .video_avantages img {display: block;margin: 0 auto; cursor: pointer;} #page_contenu_2021.faq .video_avantages .play-icon {position: absolute;top: 38%;left: 50%;transform: translate(-50%, -50%);font-size: 48px;cursor: pointer;z-index: 1;} #page_contenu_2021.faq .video_avantages .icon-play {position: absolute;top: 38%;left: 50%;transform: translate(-50%, -50%);color: white;font-size: 48px;cursor: pointer;z-index: 1;} #page_contenu_2021.faq .video-popup-container {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 9999992;} #page_contenu_2021.faq .video-popup-container video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 80%;max-height: 80%;z-index: 9999992;} #page_contenu_2021.faq .video-title {font-family: "open_sansregular",arial,helvetica,sans-serif; font-size: 16px; width: 100%; color : #d14600;padding: 10px;text-align: center ;height: 75px;} #page_contenu_2021.faq .modal { display: inline-block; position: relative; z-index: 2; box-sizing: border-box; margin:auto; font-size: 30px} #page_contenu_2021.faq .modal video {max-width:100%; height:auto;} #page_contenu_2021.faq .reponse-video h2 {color: #F27857;margin-bottom: 30px; font-size: 25px;} #page_contenu_2021.faq .reponse-video h2:after {background-color: #F9F9F9!important;} #page_contenu_2021.faq .reponse-video h2.zoom-sur span {color: #ffffff;background-color: #f27857; /* Couleur de fond spécifique au fichier "faq" */position: relative;z-index: 4;} #page_contenu_2021.faq .reponse-video h2.zoom-sur span:last-child:before {content: "";height: 33px;background: #F27857; /* width: 100%; */left: -200px;position: absolute;top: 0;bottom: 0;right: 0;z-index: -1;} /*--------------------- VELO ELECTRIQUE ---------------------------*/ .cms-location-velo-electrique .breadcrumbs li a, .cms-location-velo-electrique .breadcrumbs li.gt.active, .cms-location-velo-electrique .breadcrumbs li.active { color:#ffffff; z-index:1; position:relative;} #page_contenu.location-velo-electrique h2 { text-align:left; color:#434343; margin-top:0;} #page_contenu.location-velo-electrique .section {margin-bottom:70px;} #page_contenu.location-velo-electrique .hero {position:relative;background: url('/media/velo_electrique/velo_electrique.jpg'); background-repeat:no-repeat; background-size: cover; background-position: top; padding-top: 70px; padding-bottom: 200px;} #page_contenu.location-velo-electrique .hero:before { content: ''; background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0; right: 0; left: 0; bottom: 0;} #page_contenu.location-velo-electrique .hero h1 {text-align:center;position:relative; z-index:1; margin-bottom: 0; margin-top:15px;} #page_contenu.location-velo-electrique .encart_haut {background-color:#ffffff; margin-top:-70px; position:relative; z-index:2; padding:30px; padding-bottom:0;} #page_contenu.location-velo-electrique .encart_haut img { display:block; margin:auto; margin-bottom:30px;} #page_contenu.location-velo-electrique .encart_haut p b {font-size:17px; font-weight:bold; margin-bottom:20px; display:block;} #page_contenu.location-velo-electrique .encart_haut a.button-full-orange { margin-top:20px;margin-bottom:20px;} /*--------------------- NOS BONS PLANS DU MOMENT ---------------------------*/ #page_contenu_2021.nos-bons-plans-du-moment { background-color:#ffffff!important;} #page_contenu_2021.nos-bons-plans-du-moment .hero {background: url(/media/2021_page-contenu/header_nos-bons-plans.jpg) top center;} #page_contenu_2021.nos-bons-plans-du-moment .encart_haut { background-color:#ffffff;} #page_contenu_2021.nos-bons-plans-du-moment .encart_haut p { margin-bottom:0; text-align:center;} #page_contenu_2021.nos-bons-plans-du-moment .odr ul { padding-left:0;} #page_contenu_2021.nos-bons-plans-du-moment .odr ul li { border-radius: 20px; position: relative; display:inline-block; list-style:none; color:#f27857; text-align:center; width:200px; padding:15px; padding-top:20px; margin-right:20px;margin-bottom:20px; border:solid 1px #cccccc} #page_contenu_2021.nos-bons-plans-du-moment .odr ul li span { font-size:50px; display:block; margin-bottom:15px;} #page_contenu_2021.nos-bons-plans-du-moment .odr ul li p { font-family: 'gunny_rewrittenregular',sans-serif; font-size:21px; margin-bottom:0; line-height: 25px;} #page_contenu_2021.nos-bons-plans-du-moment .odr ul li a { position:absolute; top:0; left:0; right:0; bottom:0;} #page_contenu_2021.nos-bons-plans-du-moment .odr ul li:hover { border-color:#f27857;} /* --------------------------------------------------------------------------------------------- -------------------------------- M E D I A Q U E R I E S -------------------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ /*TABLETTE & SMARTPHONE*/ /* ------------------------------------------------------------------------------------------- */ @media screen and (max-width:63.9375em) { .tunnel_commande_offres .retard_livraison_tunnel_de_commande .orange { position:relative;} #page_contenu.home-page .offre .encart {height: 250px;padding: 10px;} #page_contenu.home-page .offre .button_plus {position: absolute;right: 10px;bottom: 10px;} #univers1.layer #nav2 > li .sub .menu ul li.cat ul li a.tousles{text-decoration: underline;color: #f27857;} .services_inclus span.iconmoon_lok {font-size:3em!important;} .services_inclus span.texte {font-size:1em!important;text-align: center;line-height: 22px;} .services_inclus a {display: block; margin: 0 5px;} .category-head.backimg {padding-top: 45px!important;} .category-head.backimg .univers_name {font-size: 55px;} .category-head.backimg .nbproduit {margin-bottom: 15px!important;} .header_back_text h1.univers_name { margin-top:0; margin-bottom:0!important;} #page_contenu_2021.engagement-eco .choix_produit p:last-child { text-align:left;} #page_contenu_2021.nos-services .livraison .tabs__label { display:inline-block;} #page_contenu_2021.nos-services #tab-1-ctrl:checked ~ .tabs__nav .tabs__label[for="tab-1-ctrl"]:after, #page_contenu_2021.nos-services #tab-2-ctrl:checked ~ .tabs__nav .tabs__label[for="tab-2-ctrl"]:after { content:""; position:absolute; width:100%; height:4px; left:0; bottom:-4px; right:0; background-color:#f27857; z-index: 4; top:auto;} } @media screen and (max-width: 45em){ .microsoft_pack_office.page_liste .lign_1 { font-size:20px; } .microsoft_pack_office.page_liste .lign_2 {font-size:16px; font-weight: bold;} .microsoft_pack_office.page_liste .lign_3 { font-size:14px; } } /*SMARTPHONE ONLY*/ /* ------------------------------------------------------------------------------------------- */ @media screen and (max-width: 39.9375em) { #page_contenu.home-page .promotions .first > div {height:auto;} #page_contenu.home-page .hero-home-page h1 { font-size:40px; line-height:35px;} /*Conseil choix page liste*/ .conseils_choix.page_liste .visuel { height:175px; position:relative;} .conseils_choix.page_liste.autodose .visuel img { transform: rotate(90deg);top: -88%;left: 50%;} .conseils_choix.page_liste.soin-linge .visuel {margin: auto; background-position: bottom; width:100%;} .conseils_choix.page_liste.soin-linge {position: initial;} .conseils_choix.page_liste.soin-linge .visuel {width: 100%; margin: 0;} .conseils_choix.page_liste.soin-linge .visuel img {transform: rotate(270deg); top: -87%; left:50%;} .conseils_choix.page_liste.assurance-apn .visuel img { transform: rotate(90deg);top: -86%;left: 50%;} .filet .listing-type-list .listing-item .listing-item_background.conseils_entretien.page_liste{border: 2px solid #b8c2b1;} /* .conseils_choix.page_liste.bloc_services .icomoon {display: none;} .conseils_choix.page_liste.bloc_services > div > div {height: 150px;} */ #main .filet .listing-type-list .listing-item .flap { position:relative; top:initial; margin-top: -40px; margin-bottom: 30px;} /*Page contenu*/ #page_contenu .animation_concept {left:-25%;max-width: 150%;} #page_contenu.home-page .offre p {padding: 8px!important;} #page_contenu.home-page .offre .encart {padding: 5px;} #page_contenu.home-page .offre .encart-3 {height: 250px;padding-bottom: 58px!important;} #page_contenu.home-page .offre .encart-5 {height:150px;} #page_contenu.home-page .offre .button_plus {position: absolute;right: 5px;bottom: 5px;} #page_contenu.home-page .promotions .column-block .boutique {height:320px;} .breadcrumbs-scroll {margin-top: 10px!important;} .col-main .facetting_compare {margin-bottom: 10px;} /*Pictogrammes services inclus*/ .services_inclus a {margin: 0px;} .services_inclus span.iconmoon_lok, .footer-container .footer .texture-papier .services .icon-service .iconmoon_lok { font-size:10vw!important;} #page_contenu.offre-etudiant .services .numberLeft {text-align: left;} #page_contenu.offre-etudiant .services .numberRight {text-align: left;} #page_contenu.offre-etudiant .services .numberLeft h3 {text-align: left;} #page_contenu.offre-etudiant .services .numberRight h3 {text-align: left;} #page_contenu.offre-etudiant .services img {margin-top: 10px;} #page_contenu.offre-etudiant .bloc_services{width: 90%;} #page_contenu_2021.home .acces_boutique .columns.image_texte.boutique-coup-coeur > div {background-image:url('/media/2021_home/offres/coup-coeur/encart_mobile.jpg');} #page_contenu_2021.home .hero_actualite .heroconcept {position:relative;} #page_contenu_2021.home .hero_actualite .trustpilot-widget { left:0!important;} #page_contenu_2021.home .hero_actualite .trustpilot-widget iframe { width:100%!important;} #page_contenu_2021.home .button-normal, #page_contenu_2021.home .button-petit { min-width:150px; font-size:11px; padding: 10px 15px; } #page_contenu_2021.home form .container_input input:placeholder-shown:valid ~ label {line-height:13px;} #page_contenu_2021.home .entretien_article > .columns { padding-left:8px; padding-right:8px;} #page_contenu_2021.home .ecoresponsable .ecoresponsable_donnees ul li { border:0;} #page_contenu_2021.home .slider .slick-slide { min-height:auto;} #page_contenu_2021.home .slider .slick-slide img {max-width:120px;} #page_contenu_2021.comment_ca_marche .video_avantages > div .iconmoon_lok { height:80px; width: 80px; font-size:40px; line-height:80px;} #page_contenu_2021.comment_ca_marche .fin-contrat > div { padding-top:180px; padding-bottom:30; border-radius:40px 40px 0 0;} #page_contenu_2021.comment_ca_marche .fin-contrat .image { top:0; left:0; right:0; height:150px;} .boutique_saisonniere_hp_pl .button-border-white { min-width: 150px; font-size: 11px; padding: 10px 15px;} /*Tunnel de commande - page finalisation*/ #main .bloc_finalisation-de-commande .texte { padding-top:70px;} #main .bloc_finalisation-de-commande .breadcrumbs_finalisation .step_title { font-size:13px; padding:5px;} #main .bloc_finalisation-de-commande .breadcrumbs_finalisation .step_title br { display:block;} #main .bloc_finalisation-de-commande .breadcrumbs_finalisation .step .iconmoon_lok { font-size:30px;} #main .bloc_finalisation-de-commande .breadcrumbs_finalisation .step > div:after { top:47px;} #main .bloc_finalisation-de-commande .breadcrumbs_finalisation { margin-top: -48px;} } /*SMARTPHONE + de 410px*/ /* ------------------------------------------------------------------------------------------- */ @media screen and (min-width: 25.625em){ /*SERVICE*/ #page_contenu.nos-services .services-photo {height: 200px;} #page_contenu.nos-services .services h3.titre-hop { top:170px;} } /*TABLETTE*/ /* ------------------------------------------------------------------------------------------- */ @media (min-width: 40em) and (max-width:49.375em) { .microsoft_pack_office.tunnel .lign_1 {font-size:16px; } .microsoft_pack_office.tunnel .lign_2 {font-size:22px; font-weight: bold;} } @media (min-width: 40em) and (max-width:770px) { #page_contenu.home-page .promotions .column-block {width:100%;} } @media (min-width: 40em) { /*HomePage*/ #page_contenu.home-page .hero-home-page {padding: 60px 45px 60px 45px;} #page_contenu.home-page .rp-trust .trustpilot-widget { margin-top:70px;} #page_contenu .icon-service svg, #page_contenu .icon-service.center-icon svg { width:auto!important;} #page_contenu .center-icon { width: 20% !important; } #page_contenu.home-page .promotions .first > div {height:auto;} #page_contenu.home-page .offre .encart-3 p { font-size:35px; line-height: 40px;} /*POURQUOI-QUOI-COMMENT*/ #page_contenu.pourquoi-quoi-comment .pourquoi_4 .numero { padding-bottom:45px;} #page_contenu.pourquoi-quoi-comment .form .backWhite { margin-top:0;} #page_contenu.pourquoi-quoi-comment .form h2 {margin-top: 0;} #page_contenu.pourquoi-quoi-comment .form .formTitle {padding: 50px;} #page_contenu.pourquoi-quoi-comment .form .br {display: inline-block;} #page_contenu.coaching-smartphone-tablette .columns.comment.columns div:nth-child(1) {padding: 70px 30px;} /*QUI SOMMES-NOUS*/ #page_contenu.qui-sommes-nous .adn .categorie1 { margin: 20px 0;} #page_contenu.qui-sommes-nous .adn .categorie2 {padding: 50px 20px; margin: 20px 0;} #page_contenu.qui-sommes-nous .adn .categorie3 {padding: 50px 20px; margin: 20px 0;} /*NOS FORMULES & OFFRES*/ #page_contenu.nos-formules-nos-offres .offress { padding:0;} #page_contenu.nos-formules-nos-offres .offress .offre_pack .img {margin-left:0.9375rem; height:auto;position:absolute; top:0; bottom:0; right:0; left:0;} #page_contenu.nos-formules-nos-offres .offress .offre_parrainage .img {margin-right:0.9375rem; height:auto;position:absolute; top:0; bottom:0; right:0;} #page_contenu.nos-formules-nos-offres .offress .right .offre { padding:40px;} #co-shipping-method-form .nav.recapitulatif {display: none} /*ENCARTS CONSEIL CHOIX*/ .conseils_choix.page_liste.bloc_services > div {width: 49%;margin: 0;} /*Page de contenu*/ #page_contenu_2021.home .hero_actualite .heroconcept {position:relative;} #page_contenu_2021.home .hero_actualite .heroconcept .backgroundtransform { top: -53px; -moz-transform:skew(0deg, -6deg);-webkit-transform:skew(0deg, -6deg);-o-transform:skew(0deg, -6deg);-ms-transform:skew(0deg, -6deg);transform:skew(0deg, -6deg);} #page_contenu_2021.home .hero_actualite .heroconcept .backgroundtransform .image { top: 53px; transform:skew(0deg, 6deg); } #page_contenu_2021.home .newsletter { padding:30px;} #page_contenu_2021.home .newsletter .invitationnewsletter {padding-bottom:40px;} #page_contenu_2021.home .newsletter .invitationnewsletter p { padding-left:60px;} #page_contenu_2021.home .newsletter .inscriptionnewsletter {margin-top:-20px; width:inherit;} #page_contenu_2021.comment_ca_marche .commande .right > p { margin-left:-2.5em;} #page_contenu_2021.comment_ca_marche .commande .item > div { left:-4.7em;} #page_contenu_2021.comment_ca_marche .commande .item { padding-left:2.4em;} #page_contenu_2021.nos-services .garantie_panne .relative .columns:first-child { position: absolute; bottom: 0px;} } /*DESKTOP*/ /* ------------------------------------------------------------------------------------------- */ @media (max-height:850px) { #page_contenu.home-page .hero-home-page { padding: 50px 45px 50px 45px; } } @media (min-width: 64em) and (max-width:73.438em) { .microsoft_pack_office.tunnel .lign_1 {font-size:18px; } .microsoft_pack_office.tunnel .lign_2 {font-size:24px; font-weight: bold;} } @media (min-width: 64em) and (max-width:84em) { #page_contenu_2021 .largepetitdesk-12 { width:100%!important;} body #page_contenu_2021.home .hero_actualite .heroconcept { position:relative;} body #page_contenu_2021.home .hero_actualite .heroconcept .backgroundtransform { height:125%; right:-4.5%; top: -53px; -moz-transform:skew(0deg, -6deg);-webkit-transform:skew(0deg, -6deg);-o-transform:skew(0deg, -6deg);-ms-transform:skew(0deg, -6deg);transform:skew(0deg, -6deg);} body #page_contenu_2021.home .hero_actualite .heroconcept .backgroundtransform .image { top: 53px; transform:skew(0deg, 6deg); } body #page_contenu_2021.home .hero_actualite .actualite { padding-top:0;} } @media (min-width: 64em) and (max-width:87.5em) { #page_contenu.home-page .hero-home-page .icon-categorie { width:50%!important;} #page_contenu.home-page .service .titre, #page_contenu.home-page .offre .titre, #page_contenu.home-page .service .titre + .large-10 { width:100%; } #page_contenu.home-page .service .titre h2 {text-align:center;} #page_contenu.home-page .service .titre + .large-10 { width:100%;} #page_contenu.home-page .promotions .row > .columns { width:100%;} #page_contenu.home-page .promotions .first > div {height:auto!important;} #page_contenu.home-page .promotions .first .small-7 {width: 58.33333%;} #page_contenu.home-page .promotions .first .small-5{ width: 41.66667%;} #page_contenu.home-page .offre > .large-up-5 .column-block {width: 33%;} #page_contenu.home-page .button_plus span.border-deform { font-size:13px;} #page_contenu.conseils_entretien_liste .grid .masque.column.small-6.medium-4.large-3 {width:25%!important;} #page_contenu.nos-formules-nos-offres .form { width:50%;} #page_contenu_2021.comment_ca_marche .offre_ecoresponsable .encart {width:100%;} #page_contenu_2021.nos-services .bloc_border .large-3 { width: 33.33333%;} #page_contenu_2021.home .services:before { left:87%!important;} #page_contenu_2021.home .newsletter .inscriptionnewsletter { width:70%;} #page_contenu_2021.home .hero_actualite .heroconcept h1 { font-size:40px!important; line-height:40px!important;} #page_contenu_2021.home .hero_actualite .actualite { padding-top:50px!important;} #page_contenu_2021.home .hero_actualite .actualite img { width: 35%!important;} #page_contenu_2021.home .acces_boutique > .columns { width:50%!important;} #page_contenu_2021.home .acces_boutique > .columns.boutique_saisonniere_hp_pl { width:100%!important;} } @media (min-width: 64em) and (max-width:1700px) { #page_contenu.home-page .promotions .column-block { width:50%;} #page_contenu.home-page .promotions .column-block:nth-of-type(2n+1) {clear:both;} #page_contenu.home-page .promotions .column-block:nth-of-type(3n+1) {clear:none;} } @media (min-width: 64em) { #page_contenu .br {display: block;} /*COMMMUN*/ #page_contenu .hero { min-height:250px;} #page_contenu h2, #page_contenu h2 .ligne_2 { font-size:30px} #page_contenu.home-page .service h2 { text-align:left;} #page_contenu .icon-service p{font-size: 16px; } #page_contenu .icon-service p span.br{font-size: 14px; } #page_contenu .icon-service svg{height: 100px;width: 100px;} #page_contenu span.br {display: block;} /*HOME PAGE*/ /*#page_contenu.home-page .promotions .first > div {height:540px;}*/ #page_contenu.home-page .hero-home-page .icon-categorie .iconmoon_lok {font-size:70px;} #page_contenu.home-page .hero-home-page .icon-categorie div a:hover p {display:block;top: 90%; opacity:1;} #page_contenu.home-page .promotions .offre-1 .first .right p{margin-top: 15px;} #page_contenu.home-page .service .icon-service { margin-top:0;} #page_contenu.home-page .offre h2 {text-align: left;} #page_contenu.home-page .offre .titre {padding-right:30px;} #page_contenu.home-page .offre .encart .button_plus span.border-deform { background:#ffffff; color:#797979; border-color:#797979!important;} #page_contenu.home-page .offre .encart:hover .button_plus::before {content:''; background-image:url(../../images/fleche_cabin.png); background-position: center; background-repeat: no-repeat; } #page_contenu.home-page .offre .encart:hover .button_plus span.border-deform {opacity:1; right: 100%;} #page_contenu.home-page .rp-trust .trustpilot-widget { margin-top:155px;} /*SERVICE*/ #page_contenu.nos-services .large-up-4 .column-block { margin-top:0px;} #page_contenu.nos-services .numero-service { margin-right:0; position:absolute;} #page_contenu.nos-services .services #conseil .box-contact .contact-email {margin-top: 0px; } /*POURQUOI-QUOI-COMMENT*/ #page_contenu.pourquoi-quoi-comment .guide p {padding-bottom: 0;} #page_contenu.pourquoi-quoi-comment .services .numberLeft {text-align: left;} #page_contenu.pourquoi-quoi-comment .services .numberRight {text-align: right;} #page_contenu.pourquoi-quoi-comment .services .numberLeft h3 {text-align: left;} #page_contenu.pourquoi-quoi-comment .services .numberRight h3 {text-align: right;} #page_contenu.pourquoi-quoi-comment .services p {padding-bottom: 0;} #page_contenu.pourquoi-quoi-comment .form .choice {margin: 0 auto; padding-bottom: 20px;} #page_contenu.pourquoi-quoi-comment .form .formTitle {margin-top: 80px; text-align: left;} #page_contenu.pourquoi-quoi-comment .form h2 {text-align: left;} #page_contenu.coaching-ordi h3 {text-align: left;} #page_contenu.coaching-ordi .coach p {text-align: left;} #page_contenu.coaching-smartphone-tablette .columns.comment {padding: 50px 300px;} #page_contenu.coaching-smartphone-tablette .columns.comment .columns:nth-child(1) {margin-top: 10vh; padding: 0 100px;} #page_contenu.coaching-smartphone-tablette h3 {text-align: left;} #page_contenu.coaching-smartphone-tablette .columns.comment.columns div:nth-child(1) {margin-top: 60px;} /*QUI SOMMES-NOUS*/ #page_contenu.qui-sommes-nous .texture { padding-top:80px; padding-bottom:80px;} /*CONSEILS ET ENTRETIEN*/ #page_contenu.conseils-entretien h3 .numero-service { margin-right:0; position:absolute;} #page_contenu.conseils-entretien .para .ampoule img { max-width:initial;} #page_contenu.conseils-entretien .para .img img { max-width:300px; margin-top:0;} #page_contenu.conseils-entretien .lien_vers_autres_articles .article_1 > div { height:430px;} #page_contenu.conseils-entretien .lien_vers_autres_articles .article_1 > div .img { height:305px;} #page_contenu.conseils_entretien_liste .grid .masque.column.small-6.medium-4.large-3 {width:20%;} #univers1 #nav2 > li .sub .menu ul li.cat ul li a.tousles{display: none;} .slimpayrest-api-success .smartphone_demande_de_justificatifs > div{width: calc(100% - 107px);} /*HOMEPAGE*/ #page_contenu_2021.home .hero_actualite .heroconcept {padding-top:50px; width:calc(100% - 620px); position: initial;} #page_contenu_2021.home .hero_actualite .heroconcept .backgroundtransform { height:100%;position:absolute; overflow:hidden; left:-5%; right:600px; bottom:0; top:0; -moz-transform:skew(-15deg, 0deg);-webkit-transform:skew(-15deg, 0deg);-o-transform:skew(-15deg, 0deg);-ms-transform:skew(-15deg, 0deg);transform:skew(-15deg, 0deg);} #page_contenu_2021.home .hero_actualite .heroconcept .backgroundtransform .image {-moz-transform:skew(15deg, 0deg);-webkit-transform:skew(15deg, 0deg);-o-transform:skew(15deg, 0deg);-ms-transform:skew(15deg, 0deg);transform:skew(15deg, 0deg); top:0; right: -60px;} #page_contenu_2021.home .hero_actualite .actualite { padding-top:100px; width:620px;} #page_contenu_2021.home .image_texte > div p { font-size:40px; line-height:40px;color:#ffffff;} #page_contenu_2021.home .acces_boutique .columns.image_et_texte .texte p span { font-size:35px; line-height:35px;} #page_contenu_2021.home .acces_boutique .columns.image_texte > div .leftbot {left:30px; bottom:30px; right:30px;} #page_contenu_2021.home .hero_actualite .heroconcept h1 { font-size:50px; line-height:50px; max-width:560px;} #page_contenu_2021.home .ecoresponsable { padding-left: calc(25% + 30px);} #page_contenu_2021.home .commentcamarche .column-block > div { min-height:215px;} #page_contenu_2021.home .services .bloc_border_icon {margin-top:-23px;} #page_contenu_2021.home .services:before { left:80%;} #page_contenu_2021.home .newsletter {padding:50px;} #page_contenu_2021.home .slider .slick-prev { left:-5%; } #page_contenu_2021.home .slider .slick-next { right:-5%; } .boutique_saisonniere_hp_pl p.titre { font-size:40px; line-height:40px;} /*COMMENT CA MARCHE*/ #page_contenu_2021.comment_ca_marche .etape_location {padding-bottom:378px;} #page_contenu_2021.comment_ca_marche .services {margin-top:-378px; background:none;} #page_contenu_2021.comment_ca_marche .services:before { content: ""; background-color: #f27857; position: absolute; left: 25%; right: 0; top: 0; bottom: 0;} #page_contenu_2021.comment_ca_marche .offre_ecoresponsable .encart > div { min-height:400px;} /*NOS SERVICES*/ #page_contenu_2021.nos-services .livraison .ss-titre { margin-top:0;} #page_contenu_2021.nos-services .section.sav > .image { position:absolute; top:0; right:0; left:51%; bottom:0; width: auto;} /*FAQ*/ #page_contenu_2021.faq .section_contenu_faq label { width:150px; line-height: 20px; padding:15px; padding-top:20px; font-size:15px;} #page_contenu_2021.faq .section_contenu_faq label span { font-size:45px;} } /*DESKTOP + de 1400px*/ /* ------------------------------------------------------------------------------------------- */ @media (min-width: 87.5em) { .filet .listing-type-list .listing-item .listing-item_background.conseils_entretien {max-height: 350px;} .filet .listing-type-list .listing-item .listing-item_background.microsoft_pack_office {min-height:350px; } #page_contenu_2021.engagement-eco .choix_produit .acces { float:right;} #page_contenu_2021.engagement-eco .choix_produit .acces > p { float: left; text-align: right; padding-right: 30px;} } @media (min-width: 87.5em) and (max-width:106.875em) { .microsoft_pack_office.page_liste .lign_1 { font-size:24px; } .microsoft_pack_office.page_liste .lign_2 {font-size:20px; font-weight: bold;} .microsoft_pack_office.page_liste .lign_3 { font-size:16px; } #page_contenu_2021.home .acces_boutique .columns.image_texte .picto { font-size:40px;} } /*#endregion*/ /* --------------------------------------------------------------------------------------------- ---------------------------- O F F R E C O M M E R C I A L E ----------------------------- -------------------------------- E T N O U V E A U T E S -------------------------------- ------------------------------------- E N C O U R S ------------------------------------- ------------------- (Ne pas supprimer cette balise/région même si vide) ------------------- --------------------------------------------------------------------------------------------- */ /*#region*/ /*Générique*/ /* ------------------------------------------------------------------------------------------- */ .encart_commercial {position: relative;} .encart_commercial > .bg{padding: 20px;min-height: 363px;position: relative;background-size: cover;background-position: top center;} .encart_commercial a {position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .encart_commercial .texte span {font-weight:bold;} .encart_commercial > .texte {background: #FFF;text-align: center;margin: auto;} .encart_commercial.texteadroitedimage > .texte {min-height: 363px;} .encart_commercial.texteadroitedimage img {margin: 20px auto;} .encart_commercial.textesousimage {position: relative;} .encart_commercial.textesousimage .image{padding: 20px;min-height: 300px;position: relative;background-size: cover;background-position: top center;} .encart_commercial.textesousimage .texte{padding: 20px;} .encart_commercial.textesousimage .texte p {border-top: 1px solid #f1b600;border-bottom: 1px solid #f1b600;padding:10px;color: #000000;line-height: 1.7em;} .encart_commercial.textesousimage .texte span {font-size: 18px;} .encart_commercial.textesousimage .texte span:last-child {font-size: 20px;} .encart_commercial_bg {min-height: 363px; background-position: center !important;} .encart_commercial.textesousimage .texte span {font-size: 16px!important;} .encart_bientot {background-color: #fff;background-size: cover;position: relative;height: 330px;} .encart_bientot img {display: block;margin: 70px auto 0; height: 50px;} .encart_bientot p {font-size: 2em;text-align: center; color: #000; line-height: 1.1em; margin:30px auto;} @media screen and (max-width: 39.9375em) { .encart_bientot p {font-size: 1.2em;} } /*** Barre de son ***/ /* ------------------------------------------------------------------------------------------- */ .encart_commercial.barre_son {background: #fff;} .encart_commercial.barre_son .encart_commercial_bg {background: url('/media/odr/barre_son/img/img.jpg');background-size: cover;height: 230px;background-repeat: no-repeat;min-height: auto!important;} .encart_commercial.barre_son .button-border-orange {margin-top: 30px;width: 50%;position: relative;} .encart_commercial.barre_son .texte.right {font-size: 19px;display: table;height: 230px;} .encart_commercial.barre_son .texte.right div {display: table-cell;vertical-align: middle;} @media screen and (min-width: 64em){ .encart_commercial.barre_son .texte.right {height: 330px!important;} .encart_commercial.barre_son .encart_commercial_bg {height: 330px} } @media screen and (min-width:1400px) and (max-width: 1622px){ .encart_commercial.barre_son .encart_commercial_bg {height: 335px!important;width: 59.66%!important;} .encart_commercial.barre_son .texte.right {height: 335px!important;} } @media screen and (min-width:641px) and (max-width: 767px){ .encart_commercial.barre_son .encart_commercial_bg {height: 320px!important;} .encart_commercial.barre_son .texte.right {height: 320px!important;} } @media screen and (min-width:768px) and (max-width:1399px){ .encart_commercial.barre_son .encart_commercial_bg {height: 270px!important;} .encart_commercial.barre_son .texte.right {height: 270px!important;} } /*** Encart Page liste Apple Music ***/ /* ------------------------------------------------------------------------------------------- */ .apple_music.visuel {min-height: 340px;position: relative;padding: 30px;background-image: url('/media/odr/apple_music/fond-apple-music.jpg');background-color: #013042;background-size:cover;} .apple_music img {display: block; margin: auto;} .apple_music .right #qrcode {height: 150px;} .apple_music #symboleDeMusique {position: absolute; height: 68%; top: 0; bottom: 0; left: calc(25% - 100px);} .apple_music #appleMusicImg {width: 120px; margin-bottom: 5px;} .apple_music p {color:white;margin-bottom: 10px;text-align: center;} .apple_music .right p:last-child {margin-top: 10px;font-size: 11px;} .apple_music #abonnementRequis { font-size: 8px; text-align: left;position:absolute; bottom: 0; left: 0; margin: 0 0 7px 15px;} .apple_music a {position:absolute; top: 0; bottom: 0; left: 0; right: 0;} /*** Encart Page liste IDOS ***/ /* ------------------------------------------------------------------------------------------- */ .idos.encart_commercial {background: url('/media/odr/idos_2019/img.jpg');} .idos.encart_commercial span {color:#e6031f;} .idos.encart_commercial p:first-child {margin: 35px 0 0 0;} .idos.encart_commercial p {font-size: 1.2em; color: #181818;} .idos.encart_commercial .right img:last-child {position: absolute; bottom: 0px; right: 0px; width: 140px;} /*** Encart Page liste Electrolux-Cuisson ***/ /* ------------------------------------------------------------------------------------------- */ .electrolux_cuisson.encart_commercial {background: url('/media/odr/electrolux_cuisson/Image.jpg'); background-size: cover} .electrolux_cuisson.encart_commercial img {margin-top: 10px;} .electrolux_cuisson.encart_commercial p:first-child {font-size: 34px; font-weight: bold;} .electrolux_cuisson.encart_commercial p {font-size: 22px; color: #fff; text-shadow: 0px 1px 2px #000;} .electrolux_cuisson.encart_commercial div:last-child {position: absolute; bottom: 10px;} /*** Encart Page Produit Samsung S8 S9 S9+ Note9 ***/ /* ------------------------------------------------------------------------------------------- */ .samsung_shuit_sneuf_sneufplus_noteneuf {position: relative;} .samsung_shuit_sneuf_sneufplus_noteneuf .bg{padding: 10px;min-height: 264px;position: relative;background-size: cover;background-image: url('/media/odr/samsung_s8_s9_s9plus_note9/background.jpg');background-position: center;background-color: #80C7CD;} .samsung_shuit_sneuf_sneufplus_noteneuf .bottom{padding: 12px 15px 7px;position: relative;background-color: #FFFFFF;} .samsung_shuit_sneuf_sneufplus_noteneuf .bottom p {border-top: 1px solid #80C7CD;border-bottom: 1px solid #80C7CD;padding:7px;text-align: center;color: #000000;line-height: 1.7em;} .samsung_shuit_sneuf_sneufplus_noteneuf .bottom #offrespecs {font-size: 20px;} .samsung_shuit_sneuf_sneufplus_noteneuf .bottom #prixrembourses {font-size: 25px;} .samsung_shuit_sneuf_sneufplus_noteneuf a {position:absolute; top: 0; bottom: 0; left: 0; right: 0;} /*** AutoDose ***/ /* ------------------------------------------------------------------------------------------- */ #autodose {background-image: url('/media/autodose/Image_optimisee.jpg');} /*** Smartphones Reconditionnées ***/ /* ------------------------------------------------------------------------------------------- */ .smartphones_reconditionnes.encart_commercial {min-height: 364px; background: url('/media/odr/smartphones_reconditionnes/image.jpg'); background-color: #013042; background-size: cover} .smartphones_reconditionnes.encart_commercial .nouveau { width: 202px; margin: 13px; background-color: white; line-height: 32px; padding: 8px;} .smartphones_reconditionnes.encart_commercial .button-full-orange {position: relative;margin: unset;} .smartphones_reconditionnes.encart_commercial .product-price{position: absolute; bottom: 0; right: 0; margin: 15px} .smartphones_reconditionnes p {font-size: 27px} @media screen and (max-width: 39.9375em) { .conseils_choix.page_liste.smartphone .visuel img { transform: rotate(90deg); top: -86%; left: 50%; } } .conseils_choix.page_liste.smartphone {min-height: 355px; background: #a2c3a6 !important} .conseils_choix.page_liste.smartphone .visuel {background-image: url('/media/odr/smartphones_reconditionnes/image.jpg'); background-position: initial;} .conseils_choix.page_liste.smartphone .visuel img { position:absolute; right: -2px;} .conseils_choix.page_liste.smartphone .texte {color: white;} .conseils_choix.page_liste.smartphone .texte .small {margin-bottom: 15px; font-family: 'gunny_rewrittenregular',sans-serif; font-size: 16px;} .conseils_choix.page_liste.smartphone .texte ul {margin-top: 10px;} .conseils_choix.page_liste.smartphone .texte p {margin-bottom: 0px; font-size: 17px;} .conseils_choix.page_liste.smartphone .texte p:last-child {margin-bottom: 15px;} .conseils_choix.page_liste.smartphone .texte p span {font-size: 20px; font-weight: bold;} .conseils_choix.page_liste.smartphone .texte img {width: auto;} .conseils_choix.page_liste.smartphone .texte li {font-size: 16px;} .conseils_choix.page_liste.smartphone .texte li:last-child { text-decoration: underline;} /*** office 2019 09 ***/ /* ------------------------------------------------------------------------------------------- */ .encart_autre.microsoft_office_201909 {background-color: #fff;position: relative;height: 330px;} .encart_autre.microsoft_office_201909 p.texte_right {font-size: 10px;text-align: right;margin-bottom: 5px;} .encart_autre.microsoft_office_201909 > .small-5 > p {font-size: 1.5em;margin-left: 40px;} .encart_autre.microsoft_office_201909 > .small-5 > p > b:last-child {color : #f2651a} .encart_autre.microsoft_office_201909 > div > .img_right {margin-top: 25px;margin-bottom: 25px;} @media screen and (max-width: 39.9375em) { .encart_autre.microsoft_office_201909 {height: auto;} .encart_autre.microsoft_office_201909 > .small-5 > p {font-size: 15px;margin-left: 0px;} } /*END OFFRE COMMERCIALE ET NOUVEAUTES EN COURS*/ /*#endregion*/ /* --------------------------------------------------------------------------------------------- ----------------- A A J O U T E R S U R L E S A U T R E S C S S ----------------- ------------------- (Ne pas supprimer cette balise/région même si vide) ------------------- --------------------------------------------------------------------------------------------- */ /*header*/ #search_mini_form .mini-search .search_btn::after { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgb(242, 120, 87); color: rgb(255, 255, 255); text-align: center; padding: 7px;} #search_mini_form .mini-search .search_btn {background-image:url('/media/generique/loupe_moteur-recherche.png'); background-position:center center; background-repeat:no-repeat; text-indent: -999px;} /*#region*/ .catalogsearch-result-index .formules .offreneuf .prix { float:left!important;} .formules .offreneuf .premier-versement { text-align:left!important;} @media screen and (max-width: 498px) { .header .header-top #logo .toggle-menu:before { top:13px;} } /* Tunnel */ .slimpayrest-api-success h1 { font-size:35px;} /*.checkout-cart-index .header .header-top #logo img, .checkout-onepage-index .header .header-top #logo img{ margin-left: 0!important;} .breadcrumbs_checkout .step.checked .step_number p {text-indent: -9999em;}*/ @media screen and (max-width: 39.9375em) { .tunnel .line_infos {font-size: 13px;} .checkout-cart-index .container-product .product > .small-2, .checkout-onepage-index .product-item > .visuel { padding-right:0;} } @media screen and (max-width: 480px) { .checkout-cart-index .container-product .product > .small-2, .checkout-onepage-index .product-item > .visuel { display:block!important;} .checkout-cart-index .container-product .product > .small-10, .checkout-onepage-index .product-item > .small-9 {width:83.33333%!important;} } @media screen and (max-width: 370px) { .checkout-cart-index .container-product .product > .small-2, .checkout-onepage-index .product-item > .visuel { display:none!important;} .checkout-cart-index .container-product .product > .small-10, .checkout-onepage-index .product-item > .small-9 {width:100%!important;} } /*PAGE LISTE*/ /*Page moteur de recherche*/ body.catalogsearch-result-index .header_back_text .breadcrumbs-scroll {position:absolute; left:0; right:0; z-index: 2;} body.catalogsearch-result-index .header_back_text .breadcrumbs-scroll .breadcrumbs, body.catalogsearch-result-index .header_back_text .breadcrumbs-scroll .breadcrumbs li a { color:#ffffff;} body.catalogsearch-result-index .category-head.backimg { padding-top: 55px;position: relative;} body.catalogsearch-result-index .category-head.backimg:before { content:''; background-color:rgba(0, 0, 0, 0.35); position:absolute; top:0; right:0; left:0; bottom:0; } body.catalogsearch-result-index .category-head.backimg .small-centered { z-index:2; position:relative;} body.catalogsearch-result-index .header_back_text .breadcrumbs li.gt.active, body.catalogsearch-result-index .header_back_text .breadcrumbs li.active, body.catalogsearch-result-index .header_back_text .breadcrumbs li.product { color:#ffffff;} body.catalogsearch-result-index .category-head.backimg { background-image:url(../../images/listingback/backlisting_generique.jpg); background-position:center; background-size:cover;} body.catalogsearch-result-index .header_back_text .nbproduit { margin-bottom:0px; padding-bottom:20px;} body.catalogsearch-result-index .page-head .small-12 .small-12 { padding-left: 0.9375rem; padding-right: 0.9375rem;} /*Aucun résultat*/ body.catalogsearch-result-index .aucun_resultat {padding-top: 55px;} /*Correctif au niveau des filtre - impact pageliste produit + moteur de recherche*/ .facetting { min-height:55px;} .facetting_compare:before { content: inherit!important;} .facetting_compare .block-layered-nav.facetting:before {content:""; background-color: #f0f0f0; height: 54px; position: absolute; left: 0; right: 0;} .facettes .comparesid ~ a.actions {z-index:1; width:auto;} @media (max-width: 1023px) { .facettes .comparesid ~ a.actions { position: absolute; right:0;} } body .header_back_text h1.univers_name { margin-bottom:0!important; padding-bottom:20px;} .compare .nbproduit span {vertical-align:middle!important;} /*------------PAGE PRODUIT---------*/ .catalog-product-view #services_inclus ul {margin-left: 10px;} .catalog-product-view #services_inclus ul li { list-style: disc;} .catalog-product-view .formules .questionnaire input[type=radio]+ label {padding-right: 30px;} .product_center .desc .specificites .accroche > a {border: solid 1px #ccc; padding: 5px 8px; margin-top: 5px; display: inline-block; text-decoration: none; font-weight: bold;} .duree_location .tooltip-group.informationsvers .item span { color:#f27857; border:solid 1px #f27857;} .fprod .product-info-box #services_inclus { position:relative;} .fprod .product-info-box #services_inclus > p { background-color: #ffffff; display: table; z-index: 8; padding-right: 5px; position: relative;} .fprod .product-info-box #services_inclus .valorisation_service {margin-top:20px; margin-left: -18px; position:relative;} .fprod .product-info-box #services_inclus .valorisation_service .column-block { padding-left:40px; position:relative; margin-bottom:15px;} .fprod .product-info-box #services_inclus .valorisation_service .column-block:before { content:""; font-family: 'icomoon'; font-size:20px; color:#96BA93; position:absolute; top:0; left:0;} .fprod .product-info-box #services_inclus .valorisation_service .column-block p { font-size:13px;} .fprod .product-info-box #services_inclus .valorisation_service .column-block p > i { margin-bottom:5px; display: block; font-size:11px;} .fprod .product-info-box #services_inclus .valorisation_service .column-block p:last-child > i {margin-bottom:0;} .fprod .product-info-box #services_inclus .valorisation_service .column-block > p:first-child { font-family: 'open_sanssemibold'; font-size:15px; margin-bottom:5px;} .fprod .product-info-box #services_inclus .valorisation_service .tooltip-group.informationsvers > p { display: initial;} .fprod .product-info-box #services_inclus .valorisation_service .tooltip-group.informationsvers {float:none; z-index:auto;} .fprod .product-info-box #services_inclus .valorisation_service .tooltip-group.informationsvers .item {margin:0; margin-left:3px;} .fprod .product-info-box #services_inclus .valorisation_service .tooltip-group.informationsvers .item span { font-size:15px; border:none;line-height: 14px;} .fprod .product-info-box #services_inclus .valorisation_service .tooltip-group.informationsvers .tooltip { width:200px; left: -50px; } .fprod .product-info-box #services_inclus .valorisation_service .tooltip-group.informationsvers .tooltip:after {right: 20px; left: initial;} .fprod .product-info-box #services_inclus .valorisation_service > a { position:absolute; top:-40px; right:0; text-decoration: underline; z-index: 1; padding-left: 7px; font-size: 13px;background-color: #ffffff; } @media (min-width: 64em) and (max-width:84em) { .fprod .product-info-box #services_inclus .valorisation_service .column-block { width:100%;}} /*lien vers produit RECONDITIONNE apple et samsung*/ body[class*="smartphone"] .fprod .product-info-box #services_inclus {margin-top: 80px;} body[class*="reconditionne"] .fprod .product-info-box #services_inclus, body[class*="montre"] .fprod .product-info-box #services_inclus {margin-top:initial;} .fprod .product-info-box #services_inclus .valorisation_service p.lien_recondionne { position:absolute; top:-100px; color:#67B290;} .fprod .product-info-box #services_inclus .valorisation_service p.lien_recondionne a {display: initial; text-decoration: underline;color:#67B290;} /*PAGE PRODUIT - zone Offres - odr */ .fprod .product-choice > .formules > .row .largepetitdesk-12 { width:100%;} .fprod .product-choice > .formules .odr { background:none; text-align:left; margin-top:0; padding:0; margin-top: 10px; margin-bottom: 18px;} .fprod .product-choice > .formules .odr .flap:before { content:""; font-family: icomoon; color:#ffffff; background-color:#F27857;position:relative; text-align:center; font-size: 15px; padding-top: 4px; transform: initial; height: 30px; width: 30px; display: block; border-radius: 15px; top: initial; left:initial;} .fprod .product-choice > .formules .odr .flap, .fprod .product-choice > .formules .odr a { display: inline-block; color:#F27857;margin-right: 8px;} .fprod .product-choice .groupformule .infos-duree-restante { margin-top:0!important;} .fprod .trustpilot-widget { padding-bottom:0!important;margin-bottom: 15px;} .fprod .add-share-box .iconmoon_lok.icon-Livraison, .tunnel .iconmoon_lok.icon-Livraison { font-family: 'open_sansregular'!important;} .fprod .add-share-box .icon-Livraison:before, .tunnel .iconmoon_lok.icon-Livraison::before {font-size: 15px; margin-right: 5px; font-family: 'icomoon';} /*Popin Kiamo*/ .catalog-product-view #popin_kiamo .content_modal { padding:0; max-width:auto;} /*Offrec commerciale & odr*/ /*Page Liste*/ .filet .listing-type-list .listing-item .flap {z-index:1;} /* .header_back_text .ems_seo {margin-top:-40px} */ @media screen and (max-width: 63.938em){ .header_back_text .ems_seo {margin-top:unset} } /*---- Stikers assurance casse et vol ------*/ /* PL */ .filet .sticker_casse_vol span:before {content: "";font-family: 'icomoon_dedie_lokeo';padding-left: 2px; font-size:24px;} .filet .sticker_casse_vol p {font-size: 0!important; line-height:0!important;} .filet .sticker_casse_vol p:before { content:"Garantie casse & vol incluse sans franchise";padding-left: 1px; width: 115px; line-height: 13px; font-size: 11px; display: inline-block; margin-bottom: -2px;} /* PP */ .catalog-product-view .sticker_casse_vol { bottom:10%; background:#ffffff;} .catalog-product-view .sticker_casse_vol span:before {content: "";font-family: 'icomoon_dedie_lokeo';padding-left: 2px; font-size:30px;} .catalog-product-view .sticker_casse_vol p {font-size: 0!important; line-height:0!important;} .catalog-product-view .sticker_casse_vol p:before { content:"Garantie casse & vol incluse sans franchise";padding-left: 1px; width: 147px; line-height: 15px; font-size: 14px; display: inline-block; margin-bottom: -2px;} /*END A AJOUTER SUR LES AUTRES CSS*/ /*#endregion*/ .catalog-category-view .note-msg {position: relative} /* Changement header page_liste */ body.catalog-category-view[class*="category-"] .category-head.backimg{background-repeat:no-repeat; background-position:center!important; background-size: cover!important;} body.catalog-category-view[class*="category-location-lave-linge"] .category-head.backimg{background:url('/media/home-page/ecoresponsable/backlisting.jpg');} body.catalog-category-view[class*="category-location-lave-linge-top"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/lavelinge/top/lavelingetop.jpg');} body.catalog-category-view[class*="category-location-lave-linge-frontal"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/lavelinge/hublot/lavelingehublot.jpg');} body.catalog-category-view[class*="category-location-lave-linge-sechant"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/lavelinge/sechant/lavelingesechant.jpg');} body.catalog-category-view[class*="category-location-seche-linge"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/sechelinge/seche_linge.jpg');} body.catalog-category-view[class*="category-seche-linge-pompe-a-chaleur"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/sechelinge/pompe-a-chaleur/sechelinge_pompeachaleur.jpg');} body.catalog-category-view[class*="category-location-lave-vaisselle"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/lavevaisselle/lv.jpg');} body.catalog-category-view[class*="category-location-lave-vaisselle-60cm"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/lavevaisselle/60cm/lavevaisselle.jpg');} body.catalog-category-view[class*="category-location-refrigerateur"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/refrigerateur/refrigerateur.jpg');} body.catalog-category-view[class*="category-location-refrigerateur-congelateur"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/refrigerateur/refcongelateur/ref_congel.jpg');} body.catalog-category-view[class*="category-location-refrigerateur-americain"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/refrigerateur/refamericain/ref_americain.jpg');} body.catalog-category-view[class*="category-refrigerateur-multi-portes"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/refrigerateur/refmultiporte/ref_multiportes.jpg');} body.catalog-category-view[class*="category-climatiseur"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/climatiseur/climatiseur.jpg');} body.catalog-category-view[class*="category-climatiseur-mobile"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/climatiseur/mobile/climatiseur_mobile.jpg');} body.catalog-category-view[class*="category-climatiseur-reversible"] .category-head.backimg{background:url('/media/page_liste/listingback/gros_electromenager/climatiseur/reversible/climatiseur_reversible.jpg');} body.catalog-category-view[class*="category-location-aspirateur"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/ASPIRATEUR/aspirateur.jpg');} body.catalog-category-view[class*="category-location-aspirateurs-dyson"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/ASPIRATEUR/ASPIRATEUR-BALAI/aspirateur_balai.jpg');} body.catalog-category-view[class*="category-location-aspirateur-robot"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/ASPIRATEUR/ASPIRATEUR-ROBOT/aspirateur_robot.jpg');} body.catalog-category-view[class*="category-irobot"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/ASPIRATEUR/ASPIRATEUR-iROBOT/irobot.jpg');} body.catalog-category-view[class*="category-dyson"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/ASPIRATEUR/ASPIRATEUR-DYSON/aspirateur_dyson.jpg');} body.catalog-category-view[class*="category-roborock"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/ASPIRATEUR/ASPIRATEUR-ROBOROCK/roborock.jpg');} body.catalog-category-view[class*="category-location-expresso-broyeur"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/EXPRESSO-BROYEUR/expresso_broyeur.jpg');} body.catalog-category-view[class*="category-expresso-broyeur"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/EXPRESSO-BROYEUR/ESPRESSO-BROYEUR/expresso_broyeur.jpg');} body.catalog-category-view[class*="category-expresso-broyeur-delonghi"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/EXPRESSO-BROYEUR/ESPRESSO-BROYEUR-DELONGHI/broyeur_delonghi.jpg');} body.catalog-category-view[class*="category-expresso-broyeur-jura"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/EXPRESSO-BROYEUR/EXPRESSO-BROYEUR-JURA/broyeur_jura.jpg');} body.catalog-category-view[class*="category-machine-a-expresso"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/EXPRESSO-BROYEUR/MACHINE-EXPRESSO/machine_expresso.jpg');} body.catalog-category-view[class*="category-expresso-broyeur-sage"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/EXPRESSO-BROYEUR/MACHINE-EXPRESSO-SAGE/expresso_sage.jpg');} body.catalog-category-view[class*="category-location-robot-culinaire"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/ROBOT-CULINAIRE/ROBOT-CULINAIRE/robot_culinaire.jpg');} body.catalog-category-view[class*="category-robot-cuiseur"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/ROBOT-CULINAIRE/ROBOT-CUISEUR/robot_cuiseur.jpg');} body.catalog-category-view[class*="category-robot-patissier"] .category-head.backimg{background:url('/media/page_liste/listingback/petit_electromenager/ROBOT-CULINAIRE/ROBOT-PATISSIER/robot_patissier.jpg');} body.catalog-category-view[class*="category-smart-tv-led"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv.jpg');} body.catalog-category-view[class*="category-tv-4k-uhd"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv4kuhd.jpg');} body.catalog-category-view[class*="category-tv-8k-uhd"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv8kuhd.jpg');} body.catalog-category-view[class*="category-tv-samsung"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv_samsung.jpg');} body.catalog-category-view[class*="category-tv-lg"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv_lg.jpg');} body.catalog-category-view[class*="category-tv-oled"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv_oled.jpg');} body.catalog-category-view[class*="category-tv-qled"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv_qled.jpg');} body.catalog-category-view[class*="category-tv-smart"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv_smart.jpg');} body.catalog-category-view[class*="category-nos-tv-grandes-tailles"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv_grande_taille.jpg');} body.catalog-category-view[class*="category-tv-55-pouces"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv_55pouces.jpg');} body.catalog-category-view[class*="category-tv-65-pouces"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/TV/tv_65pouces.jpg');} body.catalog-category-view[class*="category-location-videoprojecteur"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/VIDEOPROJECTEUR/videoprojecteur.jpg');} body.catalog-category-view[class*="category-videoprojecteur-focal-courte"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/VIDEOPROJECTEUR/videoprojecteur_focale_courte.jpg');} body.catalog-category-view[class*="category-location-home-cinema"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/HOME-CINEMA/home_cinema.jpg');} body.catalog-category-view[class*="category-location-barre-de-son"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/HOME-CINEMA/BARRE-DE-SON/barre_de_son.jpg');} body.catalog-category-view[class*="category-location-home-cinema-2-1-5-1"] .category-head.backimg{background:url('/media/page_liste/listingback/tv_image_son/HOME-CINEMA/HOME-CINEMA/home_cinema.jpg');} body.catalog-category-view[class*="location-ordinateur-portable"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ordinateur_portable/ORDINATEUR-PORTABLE/pc_portable.jpg');} body.catalog-category-view[class*="location-portable-14-a-16-pouces"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ordinateur_portable/PC-PORTABLE/laptop.jpg');} body.catalog-category-view[class*="location-ultraportable"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ordinateur_portable/ULTRABOOK-ULTRAPORTABLE/ultrabook.jpg');} body.catalog-category-view[class*="location-ultrabook"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ordinateur_portable/PC-HYBRIDE/pc_hybride.jpg');} body.catalog-category-view[class*="chromebook"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ordinateur_portable/CHROMEBOOK/chromebook.jpg');} body.catalog-category-view[class*="pc-portable-gamer"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ordinateur_portable/PC-PORTABLE-GAMER/pc_portable_gamer.jpg');} body.catalog-category-view[class*="location-ordinateur-pc"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ordinateur-de-bureau/ORDINATEUR-BUREAU/pc_fixe.jpg');} body.catalog-category-view[class*="location-ordinateur-bureau"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ordinateur-de-bureau/ORDINATEUR-TOUT-EN-UN/pc_toutenun.jpg');} body.catalog-category-view[class*="unite-centrale"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ordinateur-de-bureau/ORDINATEUR-GAMER-FIXE/gamer_fixe.jpg');} body.catalog-category-view[class*="univers-gamer"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/univers-gaming/UNIVERS-GAMING/PL_Gaming.jpg');} body.catalog-category-view[class*="location-pc-transportable-17-pouces-et-plus"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/univers-gaming/PC-PORTABLE-GAMER/pc_portable_gamer.jpg');} body.catalog-category-view[class*="location-pc-unite-centrale-gamer"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/univers-gaming/PC-GAMER-FIXE/pc_gamer_fixe.jpg');} body.catalog-category-view[class*="ecran-pc-gamer"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/univers-gaming/ECRAN-PC-GAMER/ecran_pc_gamer.jpg');} body.catalog-category-view[class*="location-mac"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/apple/apple.jpg');} body.catalog-category-view[class*="location-mac/ipad"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/apple/ipad/ipad.jpg');} body.catalog-category-view[class*="location-macbook"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/apple/macbook/macbook.jpg');} body.catalog-category-view[class*="location-imac"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/apple/imac/imac_imacmini.jpg');} body.catalog-category-view[class*="tablette"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/tablette/TABLETTE/tablette.jpg');} body.catalog-category-view[class*="tablette-ipad"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/tablette/TABLETTE-IPAD/ipad.jpg');} body.catalog-category-view[class*="tablette-samsung"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/tablette/TABLETTE-SAMSUNG/tablette_samsung.jpg');} body.catalog-category-view[class*="ecran-pc"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ecran_pc/ecran-pc/ecran_pc.jpg');} body.catalog-category-view[class*="ecran-pc-plat"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ecran_pc/ecran-pc-plat/ecran_pc_plat.jpg');} body.catalog-category-view[class*="ecran-pc-incurve"] .category-head.backimg{background:url('/media/page_liste/listingback/informatique_tablette/ecran_pc/ecran-pc-incurve/ecran_pc_incurve.jpg');} body.catalog-category-view[class*="location-smartphone"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/smartphone.jpg');} /*body.catalog-category-view[class*="location-smartphone-android"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/android.jpg');}*/ body.catalog-category-view[class*="location-iphone"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone.jpg');} body.catalog-category-view[class*="smartphone-pliable"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/smartphone_pliable.jpg');} body.catalog-category-view[class*="asus"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/asus.jpg');} body.catalog-category-view[class*="google"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/google.jpg');} body.catalog-category-view[class*="huawei"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/huawei.jpg');} body.catalog-category-view[class*="oppo"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/oppo.jpg');} body.catalog-category-view[class*="xiaomi"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/xiaomi.jpg');} body.catalog-category-view[class*="samsung-galaxy"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/samsung_galaxy.jpg');} body.catalog-category-view[class*="galaxy-s21-fe"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/galaxy_s21fe.jpg');} body.catalog-category-view[class*="galaxy-s22"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/galaxy_s22.jpg');} body.catalog-category-view[class*="samsung-galaxy-s22"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/galaxy_s22+.jpg');} body.catalog-category-view[class*="samsung-galaxy-s22-ultra"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/galaxy_s22ultra.jpg');} body.catalog-category-view[class*="galaxy-z-flip4"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/galaxy_zflip4.jpg');} body.catalog-category-view[class*="galaxy-z-fold4"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/galaxy_zfold4.jpg');} body.catalog-category-view[class*="apple-iphone"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone.jpg');} body.catalog-category-view[class*="iphone-14"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone14.jpg');} body.catalog-category-view[class*="iphone-14-plus"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone14plus.jpg');} body.catalog-category-view[class*="iphone-14-pro"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone14pro.jpg');} body.catalog-category-view[class*="iphone-14-pro-max"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone14promax.jpg');} body.catalog-category-view[class*="iphone-11-hp"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone11.jpg');} body.catalog-category-view[class*="iphone-12"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone12.jpg');} body.catalog-category-view[class*="iphone-13"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone13.jpg');} body.catalog-category-view[class*="smartphone-reconditionne"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/smartphone_reconditionne.jpg');} body.catalog-category-view[class*="apple-iphone-reconditionne"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/iphone_reconditionne.jpg');} body.catalog-category-view[class*="samsung-galaxy-reconditionne"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/samsung_reconditionne.jpg');} body.catalog-category-view[class*="montre-connectee"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/montre_connectee.jpg');} body.catalog-category-view[class*="apple-watch"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/apple_watch.jpg');} body.catalog-category-view[class*="montre-sport-connectee"] .category-head.backimg{background:url('/media/page_liste/listingback/smartphone_montre/montre_connectee_sport.jpg');} #contactForm > fieldset > ul > li:nth-child(1) > strong > span{display: none;} @media screen and (max-width: 63.938em){ .panier.encart_passsorties {height:300px;} } /*Stikers Page Liste*/ .filet .listing-type-list .listing-item .product-image a:before {background: url(/media/stickers/fabriqueenfrance.png); background-repeat:no-repeat; height: 52px; width: 35px; background-size:cover; left: 0px; bottom: 5px; z-index: 1; position: absolute; padding:2px 5px;} .catalog-category-view .listing-item .description a.agirpourlesrestos { background-color:#fd5300; color:#ffffff; } .product_center .desc .specificites .accroche > a.agirpourlesrestos { background-color:#fd5300; color:#ffffff; } .catalog-category-view .listing-item .description a.passsorties { background-color:#cf5c79; color:#ffffff;border:none;} .product_center .desc .specificites .passsorties {background-color: #cf5c79;color: #ffffff;font-weight: bold;text-decoration: none;padding: 5px;margin-top: 20px;} .catalog-category-view .listing-item .icon-Porte-voix {font-size: 13px; margin-right: 10px;} .product_center .desc .specificites .icon-Porte-voix {font-size: 13px; margin-right: 10px;} .product_center .desc .specificites .offrerbt{text-decoration: none;padding: 5px;border: solid 1px #b1b2b4;} .product-all .description .icon-Porte-voix {font-size: 13px; margin-right: 10px;} .product-all .description .offrerbt{text-decoration: none;padding: 5px;border: solid 1px #b1b2b4;} .filet .listing-type-list .listing-item[rel$="1092709"] .product-image a:before {content:" ";} /*Stikers Page Produit*/ .fprod form .product-img-box > div:first-child:before { background: url(/media/stickers/fabriqueenfrance.png); background-repeat:no-repeat; height:105px; width:77px; z-index: 1; position: absolute; padding:2px 5px; top: 40px; left: -8px;} .fprod form[action*="32270"] .product-img-box > div:first-child:before {content:" ";} /* Correction le temps d'une release. TI-2823*/ .fprod .product-choice .cta_produit_indispo {position:inherit!important;} /* Correction expression prix*/ .fprod .product-choice .groupformule .line_infos .infos-duree-restante {font-weight:bold; font-size:15px;} li.success-msg {background-image: initial;position:relative; background-color:#558160;} li.success-msg::before {content: "";font-family: icomoon;color: #FFFFFF;font-size: 20px; position:absolute; left:16px; top:8px;} li.error-msg {background-image: initial;position:relative;} li.error-msg::before {content: "";font-family: 'icomoon_dedie_lokeo';color: #FFFFFF;font-size: 20px;position:absolute; left:16px; top:8px;} /*ENCART PL S22*/ .listing-type-list .s22 { background-color:#F3F3F3; position:relative; min-height: 320px;} .listing-type-list .s22 img:first-child { position:absolute; right:30px; top:30px; z-index: 1;} .listing-type-list .s22 img:nth-child(2) { position:absolute; bottom:0px; max-height: 100%;} .listing-type-list .s22 a { position:absolute; top:0; bottom:0; left:0; right:0;z-index: 1;} /*TUNNEL DE COMMANDE - Panier - Afficher le champs offre commerciale*/ body.checkout-cart-index .col-left75 .coupons .reduction h4 { cursor:auto; font-size:15px; margin-top:15px} body.checkout-cart-index .col-left75 .coupons .reduction.close .box { display:block;} /*Remplacer la phrase au dessus du champs parrainage*/ .checkout-cart-index .col-left75 .coupons > p.subtext {visibility: hidden; font-size:0;} .checkout-cart-index .col-left75 .coupons > p.subtext:before { content:"Entrer ici un code parrainage, vous et votre parrain bénéficierez de -50% sur votre prochaine mensualité !"; visibility:initial; font-size:15px;} .checkout-cart-index .acces_produits.slick-initialized.slick-slider { overflow:hidden;} /*ENCART SORTIE MACBOOK*/ .listing-type-list .macbook.pro13 > div {border: solid 2px #efefef} .listing-type-list .macbook.pro13 > div:hover {border: solid 2px #000000} .listing-type-list .macbook.pro13 > div:hover:after { content:""; position:absolute; top:0px; left:0px; right:0px; bottom:0px; border:solid 2px #000000;z-index:1; width: calc(100%); height: calc(100%);} .listing-type-list .macbook > div {background-color:#F8F8F8; position:relative; text-align: center; padding: 20px;} .listing-type-list .macbook .small-12 > div { text-align:center;padding:20px;} .listing-type-list .macbook > div > a { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2;} .listing-type-list .macbook .button-petit { margin-top:20px; background: #F8F8F8; color: #000000; border: 1px solid #000000; } .listing-type-list .macbook > div:hover .button-border-white:before {-webkit-transform: scaleY(1); transform: scaleY(1); background: black} .listing-type-list .macbook > div:hover .button-border-white { color:white; text-decoration:none; background: black; border: 1px solid black; } .listing-type-list .macbook .small-12 > div { text-align:center;padding:20px;} .listing-type-list .macbook > div > a { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2} @media (min-width: 40em) { .listing-type-list .macbook .small-12 > div {display: inherit;height: auto;padding: 0px;} .listing-type-list .iphone14 .small-12 > div { display: table-cell; vertical-align: middle; height: 320px;} .listing-type-list .iphone14plusultra .small-12 > div { display: table-cell; vertical-align: middle; height: 320px;} } .listing-type-list .macbook.air > div {background-color:#F5F5F7;} .listing-type-list .macbook.air p span { background-color:#918D7D; padding:0px 8px; display:table; font-size:35px; margin-bottom:3px; color:#ffffff; font-weight:bold; margin-bottom:3px;} /* ENCART SORTIE IPHONE 14 */ .listing-type-list .iphone14 {background: #FFF; text-align: center;} .listing-type-list .iphone14 .button-full-orange {margin: 0; float: none;} .listing-type-list .iphone14 a:last-child { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2} .listing-type-list .iphone14:hover {border: lightgrey solid 1px;} .listing-type-list .iphone14 .small-12 img {margin: 20px 0} /* ENCART SORTIE IPHONE 14 PLUS ULTRA */ .listing-type-list .iphone14plusultra {background: #000; text-align: center;} .listing-type-list .iphone14plusultra a:nth-child(3) {position:absolute; top:0; left:0; bottom:0; right:0; z-index:2} .listing-type-list .iphone14plusultra .small-12 img {margin: 20px 0} /* -----ENCART NOUVEAUTE PL---- */ .listing-type-list .encart_nouveaute_pl > div:hover:after { content:""; position:absolute; top:8px; left:8px; right:8px; bottom:8px; border:solid 2px #ffffff;z-index:1; width: calc(100% - 16px); height: calc(100% - 16px);} .listing-type-list .encart_nouveaute_pl > div {background-color:#000000; min-height:320px; position:relative; } .listing-type-list .encart_nouveaute_pl .button-petit { margin-top:20px;} .listing-type-list .encart_nouveaute_pl > div:hover .button-border-white:before, .listing-type-list .encart_nouveaute_pl > div:hover .button-full-white:before {-webkit-transform: scaleY(1); transform: scaleY(1);} .listing-type-list .encart_nouveaute_pl > div:hover .button-border-white, .listing-type-list .encart_nouveaute_pl > div:hover .button-full-white { color:#000000; text-decoration:none;} .listing-type-list .encart_nouveaute_pl .small-12 > div { text-align:center;padding:20px;} .listing-type-list .encart_nouveaute_pl > div > a { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2} @media (min-width: 40em) {.listing-type-list .encart_nouveaute_pl .small-12 > div { display: table-cell; vertical-align: middle; height: 320px;}} /*Smartphone S23*/ .listing-type-list .encart_nouveaute_pl.s23 > div {background-color:#F6F6F6;} .listing-type-list .encart_nouveaute_pl.s23 > div .button-full-white { color:#ffffff!important;background: #000000; } .listing-type-list .encart_nouveaute_pl.s23 > div:hover .button-full-white:before { background: #747474; -webkit-transform: scaleY(1); transform: scaleY(1);} .listing-type-list .encart_nouveaute_pl.s23 > div .button-full-white:before {background: #000000;} /*TUNNEL DE COMMANDE - PAGE DE FINALISATION DE COMMANDE*/ #CGSOpenbanking {max-width:900px;} .popin_cnil_openbanking { background-color:#ffffff; box-shadow:0px 0px 13px -3px; padding:75px 30px 15px 30px;} .popin_cnil_openbanking > span { font-size: 45px; background-color:#AAC2A8; height:100px; width:100px; border-radius:50px; display:block; position: absolute; margin: auto; text-align: center; left: 0; right: 0; top: 0px;padding-top: 25px;} .popin_cnil_openbanking > span:before { color:#ffffff;} .popin_cnil_openbanking > div { margin-bottom:15px;} .popin_cnil_openbanking > div p { text-align:left;} .bloc_finalisation-de-commande .texte { background-color:#F9F9F9; text-align:center; padding:45px 0; padding-bottom:100px;} .bloc_finalisation-de-commande .texte h1 { display:block; font-family:'robotocondensed-regular', 'open_sansregular'; font-size:27px; line-height: 36px; margin-bottom: 20px; } .bloc_finalisation-de-commande .texte h1 span { display:block; font-size:50px;} .bloc_finalisation-de-commande .texte b {display:block;} .bloc_finalisation-de-commande .breadcrumbs_finalisation { text-align:center; margin-left: auto; margin-top: -52px;} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step { padding:0; } .bloc_finalisation-de-commande .breadcrumbs_finalisation .step > div { position:relative;} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step > div:after {content: '';left: 0%; right:0;display: block;border-bottom: 1px solid #707070;position: absolute;top: 52px;width: 100%;} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step:first-child > div:after { left:50%;} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step:last-child > div:after {left:0%; right:50%; width:50%} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step > div p { padding:7px 20px; text-align: center; position: relative;font-size: 12px;} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step > div p:before {content:""; top:0; position:absolute; height:5px; width:5px; border-radius:3px; background-color:#707070; left: calc(50% - 2px); z-index:2;} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step.on p {color: #F27857;} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step.on p:before { height:10px; width:10px; background-color:#ffffff; border: solid 1px #F27857;border-radius:5px; top: -2px; } .bloc_finalisation-de-commande .breadcrumbs_finalisation .step .iconmoon_lok { font-size:35px; margin-bottom:15px; display:block;} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step .iconmoon_lok:before {color: #797979;} .bloc_finalisation-de-commande .breadcrumbs_finalisation .step.on .iconmoon_lok:before {color: #F27857;} .bloc_finalisation-de-commande.refuse .texte { padding-bottom:45px;} .bloc_finalisation-de-commande.refuse .texte h1 { color:#797979; margin-bottom:40px;} .bloc_finalisation-de-commande.refuse .texte h1 span{ color:#EE4545;} /*ESPACE CLIENT - Mes offres - Parrainage + Pack*/ .customer-account-remises .offre_parrainage-pack h2 {margin-top: 50px; margin-bottom: 40px; color: #434748; line-height: 40px; font-family: 'robotocondensed-regular', 'open_sansregular'; font-weight: 100; font-size: 50px;} .customer-account-remises .offre_parrainage-pack .columns > div { background-color:#F9F9F9; margin-bottom:30px;} .customer-account-remises .offre_parrainage-pack .columns.parrainage .remise {background:url('/media/espace-client/parrainage.jpg') no-repeat center; background-size: cover;} .customer-account-remises .offre_parrainage-pack .columns.pack .remise{background:url('/media/espace-client/pack.jpg') no-repeat center; background-size: cover;} .customer-account-remises .offre_parrainage-pack .columns .remise { position:relative; min-height:300px; overflow: hidden;} .customer-account-remises .offre_parrainage-pack .columns .remise:before { content: ''; background-color: rgba(0, 0, 0, 0.15); position: absolute; top: 10px; right: 10px; left: 10px; bottom: 10px;} .customer-account-remises .offre_parrainage-pack .columns .remise > span.icomoon_dedie_lokeo { color:#ffffff; font-size: 50px; background-color:#F27857; height:90px; width:90px; border-radius:50px; display:block; position: absolute; margin: auto; text-align: center; left:0 ; right: 0; top: -25px;padding-top: 30px;} .customer-account-remises .offre_parrainage-pack .columns .remise > div {z-index:1; position: absolute; bottom:0px; width:100%;} .customer-account-remises .offre_parrainage-pack .columns .remise p { text-align:center; width:100%; padding: 0px 20px; margin-bottom: 30px;} .customer-account-remises .offre_parrainage-pack .columns .remise p span:first-child { display: table; background-color: #ffffff; margin: auto; color: #797979; padding: 0 5px; margin-bottom: 5px;} .customer-account-remises .offre_parrainage-pack .columns .remise p span:last-child { background-color:#F27857; padding:0 5px; font-size:17px; color:#ffffff; font-weight:bold;} .customer-account-remises .offre_parrainage-pack .columns > div > p { padding:15px;} .customer-account-remises .offre_parrainage-pack .columns > div > p span { font-size:13px;} /*PAGE OFFRE PACK*/ /*Slider produit*/ #page_contenu_2021.offrepack .encart_haut { margin-top:-50px; text-align: center;} #page_contenu_2021.offrepack .acces_produits { margin-bottom:20px;} #page_contenu_2021.offrepack .section.offres {overflow:hidden;padding-bottom: 50px; margin-bottom:0;} #page_contenu_2021.offrepack .offres .slick-list { overflow:visible;} #page_contenu_2021.offrepack .slider .slick-slide { margin:0 15px; background:#ffffff; padding:5px; padding-bottom:70px; position:relative; min-height:365px;} #page_contenu_2021.offrepack .slider .slick-slide img { width:100%!important; max-width: 160px;margin-top: 5px;} #page_contenu_2021.offrepack .slider .lien_produit { position:relative; padding:5px;border: solid 2px #ffffff;} #page_contenu_2021.offrepack .slider .lien_produit > p { text-align:center; margin-top: 20px;} #page_contenu_2021.offrepack .slider img + p { min-height:66px;} #page_contenu_2021.offrepack .slider .formule { display: table; margin: auto; margin-top:10px; margin-bottom:0px; position: relative; } #page_contenu_2021.offrepack .slider .formule .a-partir-de {font-size: 10px; left: 0; position: absolute; top: 5px; width: 37px; text-align: right} #page_contenu_2021.offrepack .slider .formule .prix {font-family:'open_sansbold'; margin-bottom:-3px; color:#f27857; padding-left: 41px;} #page_contenu_2021.offrepack .slider .formule .prix .price { font-size:35px; display:inline-block; line-height:40px;} #page_contenu_2021.offrepack .slider .formule .prix div { display: inline-block;} #page_contenu_2021.offrepack .slider .formule .prix div sup{font-size:14px;display:block;} #page_contenu_2021.offrepack .slider .formule .prix div span.parmois { font-size:12px; line-height: 18px; display:block; font-family:'open_sansregular'; color:#797979; } #page_contenu_2021.offrepack .slider .formule .premier-versement {font-size:11px; margin-top: 5px; text-align: right; display: block;} #page_contenu_2021.offrepack .slider .accroche { border-left:solid 2px #f27857; padding-left:10px;} #page_contenu_2021.offrepack .slider .accroche span { font-size:11px; } #page_contenu_2021.offrepack .slider .accroche p { margin:0;font-size:13px;line-height: 17px;} #page_contenu_2021.offrepack .slider .accroche.eco-r { border-color:#67B290; color:inherit!important;} #page_contenu_2021.offrepack .slider .accroche.eco-r:before { display:none;} #page_contenu_2021.offrepack .slider .accroche.eco-r p:before { content: ""; font-family: 'icomoon_dedie_lokeo'!important; color: #67B290; font-size: 20px; margin-right: 5px;} #page_contenu_2021.offrepack .slider .lien_produit a { position:absolute; top:0; bottom:0; left:0; right:0;} #page_contenu_2021.offrepack .slider .slick-slide > a { position:absolute; bottom:0px; right:5px; text-decoration:underline; padding:10px 10px 20px 20px; text-align: right; font-size: 13px;} #page_contenu_2021.offrepack .slider .slick-arrow { z-index:2;background-color:#f27857; width:80px;border-radius:0; -webkit-border-top-left-radius: 25px;-webkit-border-bottom-left-radius: 25px;-moz-border-radius-topleft: 25px;-moz-border-radius-bottomleft: 25px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;} #page_contenu_2021.offrepack .slider .slick-arrow:before { color:#ffffff; position: absolute; top: 14px; left: 14px; } #page_contenu_2021.offrepack .slider .slick-arrow.slick-disabled { background-color:#ffffff; border-color:#cccccc;} #page_contenu_2021.offrepack .slider .slick-arrow.slick-disabled:before { color:#cccccc; opacity:1;} #page_contenu_2021.offrepack .slider .slick-prev { left:0; } #page_contenu_2021.offrepack .slider .slick-next { right:0; } #page_contenu_2021.offrepack .slider .slick-dots { margin-top: 15px; position:relative; bottom:inherit; padding-left:0;} #page_contenu_2021.offrepack .slider .lien_produit:hover {border: solid 2px #f27857;} .reconditionne.informationsvers.tooltip-group { float:none; background:none;} .reconditionne.informationsvers.tooltip-group > p { display:inline-block;} .reconditionne.informationsvers.tooltip-group .item span { border: initial; color:#797979; font-size:15px;} .reconditionne.informationsvers.tooltip-group .item { position:relative; cursor:pointer; display: inline-block; margin:0; margin-left:5px} .reconditionne.informationsvers.tooltip-group .item:hover .tooltip { visibility: visible; opacity: 1; transform: translate(-50%, -120px);} .reconditionne.informationsvers.tooltip-group .tooltip {display: block;position: absolute;bottom: -95px;line-height: 18px;left: 50%;padding: 0.8rem 1rem;border-radius: 3px;font-size: 0.8rem;background: #dddbe0;color: #434343;opacity: 0;pointer-events: none;text-align: center;width: 260px;transform: translate(-50%, -70px);transition: all 0.3s ease;z-index: 1;-webkit-box-shadow: 0px -10px 30px -13px rgba(67,67,67,0.45);-moz-box-shadow: 0px -10px 30px -13px rgba(67,67,67,0.45);box-shadow: 0px -10px 30px -13px rgba(67,67,67,0.45);} .reconditionne.informationsvers.tooltip-group .tooltip {text-align:left;} .reconditionne.informationsvers.tooltip-group .tooltip:after {right: 20px; left: initial;} .reconditionne.informationsvers.tooltip-group .tooltip:after {display: block;position: absolute;bottom: 0;left: 50%;width: 0;height: 0;content: "";border: solid;border-width: 10px 10px 0 10px;border-color: transparent;transform: translate(-50%, 100%);border-top-color: #dddbe0;} /*ENCART PAGE LISTE TV*/ .encart-tv.page_liste.page-tv a.button-border-vert.blanc {margin: 8px; font-size: 12px; color: #FFFFFF;border: solid 2px #FFFFFF;} .encart-tv.page_liste.page-tv a.button-border-vert.blanc::before {background-color: #FFFFFF;} .encart-tv.page_liste.page-tv a.button-border-vert.blanc:hover {color: #517e9b;background-color: #FFFFFF;border: solid 2px #FFFFFF;} .encart-tv.page_liste.page-tv .bloc-tv-background-text {color: #517f9b; background: #FFFFFF} .encart-tv.page_liste {padding: 0!important; background:none; overflow:hidden;} .encart-tv.page_liste.page-tv{text-align: center;color: white;} .encart-tv.page_liste.page-tv > div {padding:10px;background: #517e9b;} .encart-tv.page_liste.page-tv > div > div {height: 300px;padding: 10px; display: flex;flex-direction: column;align-items: center;justify-content: center; margin-bottom: auto; margin-top: auto;} .encart-tv.page_liste.page-tv > div > div > div {padding: 9px;} .encart-tv.page_liste.page-tv img {margin-bottom: 10px;height: 85px;} .encart-tv.page_liste.page-tv p {font-size: 16px;line-height: 24px;} .encart-tv.page_liste.page-tv .icomoon {font-size: 60px;} .encart-tv.page_liste.page-tv .icomoon:before {color: white;} .encart-tv.page_liste.page-tv .left {border-radius: 0 0 0 40px;} .encart-tv.page_liste.page-tv .right {border-radius: 0 0 40px 0;} .encart-tv.page_liste.page-tv > div {width: 49%;margin: 0;} @media screen and (max-width: 39.9375em) { .encart-tv.page_liste.page-tv { padding:0;} .encart-tv.page_liste.page-tv > div {width: 100%; margin-bottom:20px; min-height:auto;} } /*BIEN CHOISIR SON TV*/ #page_contenu_2021.bien-choisir-son-tv > .louez-le-tv a.button-border-vert.blanc {margin: 8px; font-size: 12px; color: #FFFFFF;border: solid 2px #FFFFFF;} #page_contenu_2021.bien-choisir-son-tv > .louez-le-tv a.button-border-vert.blanc::before {background-color: #FFFFFF;} #page_contenu_2021.bien-choisir-son-tv > .louez-le-tv a.button-border-vert.blanc:hover {color: #f27857;background-color: #FFFFFF;border: solid 2px #FFFFFF;} #page_contenu_2021.bien-choisir-son-tv .hero {background-image: url(/media/2021_page-contenu/bien_choisir_son_tv/AdobeStock_100991602.jpg);} #page_contenu_2021.bien-choisir-son-tv .encart_haut p {margin-bottom: 0; text-align: center;} #page_contenu_2021.bien-choisir-son-tv .section_encart_haut {margin-bottom:30px;} #page_contenu_2021.bien-choisir-son-tv img {text-align: center; margin: auto; display:block;} #page_contenu_2021.bien-choisir-son-tv table {border-collapse: collapse; width: 100%; text-align: center; margin: auto; min-height:150px; margin-top:15px;} #page_contenu_2021.bien-choisir-son-tv table p { margin-bottom:0;} #page_contenu_2021.bien-choisir-son-tv td {border: 1px solid #cccccc; vertical-align:middle;} #page_contenu_2021.bien-choisir-son-tv td:first-child {border-left: none;} #page_contenu_2021.bien-choisir-son-tv td:last-child {border-right: none;} #page_contenu_2021.bien-choisir-son-tv tr:first-child td {border-top: none;} #page_contenu_2021.bien-choisir-son-tv tr:last-child td {border-bottom: none;} #page_contenu_2021.bien-choisir-son-tv .highlight {color: #f27857;} #page_contenu_2021.bien-choisir-son-tv > .louez-le-tv {float:none; background: #f27857; padding: 40px 0 40px 0;} #page_contenu_2021.bien-choisir-son-tv > .louez-le-tv h2 {color: #FFFFFF; margin-bottom:20px;} #page_contenu_2021.bien-choisir-son-tv > .louez-le-tv div {display: inline-block; text-align:center; width:100%;} /*INFO BULLE*/ @media screen and (max-width: 28em) { .fprod .duree_location > p {display: inline-block;width: calc(100% - 30px);} .fprod .duree_location > .informationsvers {display: inline-block;float: right!important;} .fprod .product-choice .tooltip-group.informationsvers .tooltip {left: -100px!important;} .fprod .product-choice .tooltip-group.informationsvers .tooltip:after {right: 0!important;left: initial!important;} } @media screen and (max-width: 23em) { .fprod .duree_location > .informationsvers {margin-top: 9px;} } /* ENCART PAGE PHONE RECONDITIONNE 1 et 2*/ .encart-phone-reconditionne.page_liste {padding: 0!important; background:none; overflow:hidden;} .encart-phone-reconditionne.page_liste.page-phone{text-align: center;color: white;} .encart-phone-reconditionne.page_liste.page-phone > div {padding:10px;background: #67b290;} .encart-phone-reconditionne.page_liste.page-phone > div > div {height: 300px;padding: 10px; display: flex;flex-direction: column;align-items: center;justify-content: center; margin-bottom: auto; margin-top: auto;} .encart-phone-reconditionne.page_liste.page-phone > div > div > div {padding: 9px;} .encart-phone-reconditionne.page_liste.page-phone img {margin-bottom: 10px;height: 85px;} .encart-phone-reconditionne.page_liste.page-phone p {font-size: 14px;line-height: 22px;} .encart-phone-reconditionne.page_liste.page-phone .icomoon_dedie_lokeo {font-size: 60px; display: block} .encart-phone-reconditionne.page_liste.page-phone .icomoon_dedie_lokeo:before {color: white;} .encart-phone-reconditionne.page_liste.page-phone .left {border-radius: 0 0 0 40px;} .encart-phone-reconditionne.page_liste.page-phone .right {border-radius: 0 0 40px 0;} .encart-phone-reconditionne.page_liste.page-phone > div {width: 49%;margin: 0;} .encart-phone-reconditionne.page_liste.page-phone ul {text-align: left; list-style: initial; margin: 0 10px 0 10px; font-size: 14px;} .encart-phone-reconditionne.page_liste.page-phone .text-left {text-align: left;} @media screen and (max-width: 39.9375em) { .encart-phone-reconditionne.page_liste.page-phone { padding:0;} .encart-phone-reconditionne.page_liste.page-phone > div {width: 100%; margin-bottom:20px; min-height:auto;} } /*Ajout de la feuille dans le menu*/ #univers1 #nav2 > li.nav-1 > p > a, #univers1 #nav2 > li.nav-1 > p > a:hover { color:#67B290;} #univers1 #nav2 > li.nav-1 > p > a:after {content: ""; font-family: 'icomoon_dedie_lokeo'; color: #67B290; font-size: 15px;margin-left: 5px;} #univers1 #nav2 > li.nav-1 .sub ul li.cat a.gros:after {content: ""; font-family: 'icomoon_dedie_lokeo'; color: #67B290; font-size: 15px;margin-left: 5px;} #univers1 #nav2 > li.nav-1 .sub ul li.cat:nth-child(6) a.gros:after {content:""!important;} #univers1 #nav2 > li.nav-6 .sub ul li.cat:nth-child(5) a.gros::after {content: ""!important;font-family: 'icomoon_dedie_lokeo'; color: #67B290; font-size: 15px;margin-left: 5px;} /*ajout margin sur la partie coupon dans le panier - mobile*/ @media screen and (max-width: 1023px){ .checkout-cart-index .coupons.accordion-container .set a.accordion_lien {padding: 15px 0;} } /*Ajout page Produit*/ /*Avis - ajutement css soyer le 1er a donner votre avis*/ .fprod .product-information .avis > p > a { margin-top: 12px; display: block; margin-left: 30px; border-left: solid 1px #797979; padding-left: 30px; line-height: 15px;} /*MASQUER CTA page produit suur produit spécifique body[class*="smartphone-apple-iphone-16"] .fprod form .product-info-box #addtocart #ajoutpanier { display:none!important;} body[class*="smartphone-apple-iphone-16"] .fprod form .product-info-box #addtocart .icon-Livraison { display:none!important;}*/