VOLET ÉCOLOGIQUE – Blanchisserie De Paris https://www.blanchisseriedeparis.fr Wed, 08 Apr 2026 11:00:18 +0000 fr-FR hourly 1 https://www.blanchisseriedeparis.fr/wp-content/uploads/2025/02/cropped-Logo-SVG-1-32x32.png VOLET ÉCOLOGIQUE – Blanchisserie De Paris https://www.blanchisseriedeparis.fr 32 32 Nous baissons encore notre consommation d’eau ! https://www.blanchisseriedeparis.fr/article-fr3/ Fri, 20 Dec 2024 18:08:00 +0000 https://www.blanchisseriedeparis.fr/?p=3279 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&family=Karla:wght@400;500;600;700&family=Poly:ital@0;1&display=swap'); /* ── Masquer le header article Scrate ── */ .blog_post_media, .blog_post_title, .single_post_info, .single-post .entry-title, .single-post .post-thumbnail, .single-post .entry-meta, .single-post .blog_post_media_wrapper, .single_post_title, .blog_post_preview_content > .blog_post_media, article.post > .blog_post_media, article.post > header, .single-format-standard > .blog_post_media, .post_info, .post-title, .single-post article > .blog_post_title, .single-post article > .post_info, .single-post .post_content > .blog_post_title, .single-post .post_content > .post_info, .blog_post_title_single, .post_featured_data, .blog_post_data, body.single-post .content_wrapper > article > *:not(.wpcode-content):not(.bdp-bdb):not(.post_content), body.single-post .post_content > h1, body.single-post .post_content > .post_info, .blogpost_title, .listing_meta { display: none !important; } /* ── Fix logo header after viewport override ── */ .logo_container img, picture.default_logo img, picture.mobile_logo img, picture.sticky_logo img { max-height: 70px !important; max-width: 200px !important; width: auto !important; height: auto !important; object-fit: contain !important; } /* ══════════════════════════════════════════════════════════════ BDP, Article BDB Acquisition ══════════════════════════════════════════════════════════════ */ .bdp-bdb * { margin: 0; padding: 0; box-sizing: border-box !important; } .bdp-bdb { width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-top: -40px !important; position: relative; overflow-x: hidden !important; font-family: 'Poppins', sans-serif; } /* ── NOISE GRAIN ── */ .bdp-bdb__noise { position: fixed; inset: 0; z-index: 9999; pointer-events: none; opacity: .03; mix-blend-mode: multiply; } .bdp-bdb__noise::before { content: ''; position: absolute; inset: -200%; width: 400%; height: 400%; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 128px; animation: bdp-bdb-grain .5s steps(1) infinite; } @keyframes bdp-bdb-grain { 0%, 100% { transform: translate(0,0) } 10% { transform: translate(-5%,-10%) } 30% { transform: translate(3%,-15%) } 50% { transform: translate(12%,9%) } 70% { transform: translate(9%,4%) } 90% { transform: translate(-1%,7%) } } /* ── SCROLL REVEAL ── */ .bdp-bdb .rv { opacity: 0; transform: translateY(50px); transition: opacity 1s cubic-bezier(.22,1,.36,1), transform 1s cubic-bezier(.22,1,.36,1); } .bdp-bdb .rv.vis { opacity: 1 !important; transform: translateY(0) !important; } .bdp-bdb .rv.d1 { transition-delay: .12s } .bdp-bdb .rv.d2 { transition-delay: .24s } .bdp-bdb .rv.d3 { transition-delay: .36s } .bdp-bdb .rv.d4 { transition-delay: .48s } .bdp-bdb .rv.d5 { transition-delay: .60s } .bdp-bdb .scale-rv { opacity: 0; transform: scale(.88) translateY(30px); transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1); } .bdp-bdb .scale-rv.vis { opacity: 1 !important; transform: scale(1) translateY(0) !important; } /* ══════════════════════════════════════════════════════════════ HERO, DARK GRADIENT ══════════════════════════════════════════════════════════════ */ .bdp-bdb__hero { position: relative; min-height: auto; background: linear-gradient(160deg, #004196 0%, #0a2744 40%, #0c2340 65%, #2FB7AB 100%); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 100px 0 100px; } /* Orbs */ .bdp-bdb__hero-orb { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; animation: bdp-bdb-orb 14s ease-in-out infinite; } .bdp-bdb__hero-orb--jade { width: 500px; height: 500px; background: #2FB7AB; top: -10%; right: -5%; opacity: .18; } .bdp-bdb__hero-orb--bleu { width: 400px; height: 400px; background: #004196; bottom: -15%; left: -8%; opacity: .2; animation-delay: -7s; } .bdp-bdb__hero-orb--jaune { width: 250px; height: 250px; background: #E2DE00; top: 40%; left: 50%; opacity: .06; animation-delay: -4s; } @keyframes bdp-bdb-orb { 0%, 100% { transform: translate(0,0) scale(1) } 33% { transform: translate(20px,-15px) scale(1.05) } 66% { transform: translate(-10px,20px) scale(.95) } } /* Arcs */ .bdp-bdb__hero-arc { position: absolute; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.07); pointer-events: none; } .bdp-bdb__hero-arc--1 { width: 500px; height: 500px; top: -200px; right: -150px; } .bdp-bdb__hero-arc--2 { width: 650px; height: 650px; top: -275px; right: -225px; border-width: 1px; border-color: rgba(255,255,255,.035); } .bdp-bdb__hero-arc--3 { width: 400px; height: 400px; bottom: -150px; left: -100px; } .bdp-bdb__hero-arc--4 { width: 550px; height: 550px; bottom: -225px; left: -175px; border-width: 1px; border-color: rgba(255,255,255,.035); } /* Floating decos */ .bdp-bdb__deco-ring { position: absolute; width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(255,255,255,.06); animation: bdp-bdb-float 11s ease-in-out infinite; pointer-events: none; } .bdp-bdb__deco-diamond { position: absolute; width: 16px; height: 16px; border: 1px solid rgba(255,255,255,.06); transform: rotate(45deg); animation: bdp-bdb-float 13s ease-in-out infinite reverse; pointer-events: none; } .bdp-bdb__deco-cross { position: absolute; font-family: 'Poppins', sans-serif; font-size: 18px; color: rgba(255,255,255,.06); animation: bdp-bdb-pulse 9s ease-in-out infinite; pointer-events: none; } @keyframes bdp-bdb-float { 0%, 100% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-20px) rotate(5deg) } } @keyframes bdp-bdb-pulse { 0%, 100% { opacity: .06 } 50% { opacity: .12 } } /* Dots grid hero */ .bdp-bdb__dots-grid { position: absolute; display: grid; grid-template-columns: repeat(10, 1fr); gap: 8px; opacity: .3; pointer-events: none; } .bdp-bdb__dots-grid i { width: 3px; height: 3px; border-radius: 50%; background: #fff; display: block; } /* Hero content */ .bdp-bdb__hero-inner { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 0 40px; display: grid; grid-template-columns: 1fr 1.4fr; column-gap: 50px; row-gap: 12px; align-items: center; } .bdp-bdb__hero-content { position: relative; } .bdp-bdb__hero-overline { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; } .bdp-bdb__hero-overline-bar { width: 40px; height: 2px; background: linear-gradient(90deg, #2FB7AB, #E2DE00); border-radius: 2px; } .bdp-bdb__hero-overline-text { font-family: 'JetBrains Mono', monospace !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; color: #2FB7AB !important; } .bdp-bdb__hero-title { font-family: 'Poppins', sans-serif !important; font-size: clamp(30px, 3.5vw, 46px) !important; font-weight: 900 !important; line-height: .88 !important; letter-spacing: -3px !important; text-transform: uppercase !important; color: #fff !important; margin-bottom: 24px !important; } .bdp-bdb__hero-title b { display: block !important; -webkit-text-stroke: 2px rgba(255,255,255,.7) !important; -webkit-text-fill-color: transparent !important; color: transparent !important; font-weight: 900 !important; } .bdp-bdb__hero-subtitle { font-family: 'Poly', serif !important; font-style: italic !important; font-size: 20px !important; color: rgba(255,255,255,.7) !important; line-height: 1.5 !important; margin-bottom: 32px !important; max-width: 480px; } .bdp-bdb__hero-meta { display: flex; gap: 24px; flex-wrap: wrap; grid-column: 1; align-self: start; } .bdp-bdb__hero-meta-item { display: flex; align-items: center; gap: 8px; font-family: 'JetBrains Mono', monospace !important; font-size: 13px !important; color: rgba(255,255,255,.85) !important; letter-spacing: 1px; } .bdp-bdb__hero-meta-dot { width: 8px; height: 8px; border-radius: 50%; background: #2FB7AB; } /* Hero image */ .bdp-bdb__hero-visual { position: relative; grid-column: 2; grid-row: 1 / 3; align-self: center; } .bdp-bdb__hero-img-wrapper { position: relative; border-radius: 20px; overflow: hidden; background: transparent; border: none; box-shadow: 0 20px 60px rgba(0,0,0,.25), 0 8px 20px rgba(0,0,0,.12); } .bdp-bdb__hero-img-wrapper img { width: 100%; height: auto; display: block; height: auto; max-width: 100%; display: block; } .bdp-bdb__hero-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 13px; color: rgba(255,255,255,.3); letter-spacing: 1px; text-transform: uppercase; flex-direction: column; gap: 8px; } .bdp-bdb__hero-img-placeholder svg { opacity: .2; } /* Corner accent */ .bdp-bdb__hero-img-accent { position: absolute; top: -8px; right: -8px; width: 50px; height: 50px; background: linear-gradient(135deg, #2FB7AB, #E2DE00); border-radius: 12px; z-index: -1; opacity: .5; } /* ══════════════════════════════════════════════════════════════ WAVE SEPARATOR ══════════════════════════════════════════════════════════════ */ .bdp-bdb__wave { position: relative; width: 100%; overflow: hidden; line-height: 0; margin-top: -120px; z-index: 2; } .bdp-bdb__wave svg { display: block; width: 100%; height: 120px; filter: drop-shadow(0 -8px 20px rgba(0,0,0,.25)) drop-shadow(0 -3px 8px rgba(0,0,0,.15)); } /* ══════════════════════════════════════════════════════════════ ARTICLE BODY, LIGHT BACKGROUND ══════════════════════════════════════════════════════════════ */ .bdp-bdb__body { position: relative; background: #f8f9fc; background-image: radial-gradient(rgba(0,65,150,.03) 1px, transparent 1px); background-size: 32px 32px; padding: 80px 0 100px; overflow: hidden; } /* Watermarks */ .bdp-bdb__watermark { position: absolute; font-family: 'Poppins', sans-serif; font-weight: 900; font-size: clamp(140px, 18vw, 280px); text-transform: uppercase; letter-spacing: -8px; color: rgba(0,65,150,.025); pointer-events: none; white-space: nowrap; line-height: 1; } .bdp-bdb__watermark--1 { top: 40px; right: -40px; } .bdp-bdb__watermark--2 { bottom: 120px; left: -60px; } /* Light arcs */ .bdp-bdb__body-arc { position: absolute; border-radius: 50%; pointer-events: none; } .bdp-bdb__body-arc--1 { width: 400px; height: 400px; top: -120px; right: -100px; border: 1.5px solid rgba(0,65,150,.05); } .bdp-bdb__body-arc--1b { width: 520px; height: 520px; top: -180px; right: -160px; border: 1px solid rgba(0,65,150,.03); } .bdp-bdb__body-arc--2 { width: 350px; height: 350px; bottom: 60px; left: -100px; border: 1.5px solid rgba(47,183,171,.05); } .bdp-bdb__body-arc--2b { width: 480px; height: 480px; bottom: -5px; left: -165px; border: 1px solid rgba(47,183,171,.03); } /* Light floating decos */ .bdp-bdb__body-ring { position: absolute; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(0,65,150,.06); top: 200px; right: 80px; animation: bdp-bdb-float 12s ease-in-out infinite; pointer-events: none; } .bdp-bdb__body-diamond { position: absolute; width: 14px; height: 14px; border: 1px solid rgba(47,183,171,.10); transform: rotate(45deg); bottom: 300px; left: 60px; animation: bdp-bdb-float 14s ease-in-out infinite reverse; pointer-events: none; } .bdp-bdb__body-cross { position: absolute; font-size: 16px; color: rgba(0,65,150,.06); top: 500px; left: 120px; animation: bdp-bdb-pulse 8s ease-in-out infinite; pointer-events: none; } /* Article layout */ .bdp-bdb__article { max-width: 780px; margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; } /* Intro lead */ .bdp-bdb__lead { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 600 !important; color: #2E3B55 !important; line-height: 1.5 !important; margin-bottom: 48px !important; padding-left: 24px; border-left: 3px solid #2FB7AB; } .bdp-bdb__text { font-family: 'Karla', sans-serif !important; font-size: 17px !important; font-weight: 400 !important; color: #3a4a5c !important; line-height: 1.75 !important; margin-bottom: 28px !important; } .bdp-bdb__text strong { font-weight: 700 !important; color: #2E3B55 !important; } /* Section titles inline */ .bdp-bdb__section-title { font-family: 'Poppins', sans-serif !important; font-size: clamp(26px, 3.5vw, 36px) !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: -2px !important; line-height: .92 !important; color: #2E3B55 !important; margin-top: 56px !important; margin-bottom: 24px !important; } .bdp-bdb__section-title b { display: block !important; -webkit-text-stroke: 1.5px #004196 !important; -webkit-text-fill-color: transparent !important; color: transparent !important; font-weight: 900 !important; } /* Inline image */ .bdp-bdb__inline-img { position: relative; border-radius: 20px; overflow: hidden; margin: 48px 0; aspect-ratio: 16/9; background: #e8ecf2; } .bdp-bdb__inline-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .bdp-bdb__inline-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: rgba(0,65,150,.25); letter-spacing: 1px; text-transform: uppercase; flex-direction: column; gap: 8px; } .bdp-bdb__inline-img-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 20px; background: linear-gradient(transparent, rgba(0,0,0,.5)); font-family: 'Karla', sans-serif; font-size: 13px; color: rgba(255,255,255,.85); } /* ══════════════════════════════════════════════════════════════ STATS BAND, DARK ══════════════════════════════════════════════════════════════ */ .bdp-bdb__stats { position: relative; background: linear-gradient(160deg, #004196 0%, #0a2744 50%, #0c2340 75%, #2FB7AB 100%); padding: 80px 0 160px; overflow: hidden; } .bdp-bdb__stats-inner { max-width: 1100px; margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__stats-overline { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; } .bdp-bdb__stats-overline-bar { width: 40px; height: 2px; background: linear-gradient(90deg, #2FB7AB, #E2DE00); border-radius: 2px; } .bdp-bdb__stats-overline-text { font-family: 'JetBrains Mono', monospace !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; color: #2FB7AB !important; } .bdp-bdb__stats-title { font-family: 'Poppins', sans-serif !important; font-size: clamp(32px, 4.5vw, 48px) !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: -2px !important; line-height: .88 !important; color: #fff !important; margin-bottom: 48px !important; } .bdp-bdb__stats-title b { display: block !important; -webkit-text-stroke: 2px rgba(255,255,255,.7) !important; -webkit-text-fill-color: transparent !important; color: transparent !important; font-weight: 900 !important; } .bdp-bdb__stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } /* Stat card, glass */ .bdp-bdb__stat-card { border-radius: 24px; background: linear-gradient(160deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.05) 35%, rgba(255,255,255,.08) 65%, rgba(255,255,255,.16) 100%); backdrop-filter: blur(28px) saturate(1.6) brightness(1.05); -webkit-backdrop-filter: blur(28px) saturate(1.6) brightness(1.05); border: 1px solid rgba(255,255,255,.12); border-top-color: rgba(255,255,255,.38); border-left-color: rgba(255,255,255,.22); border-bottom-color: rgba(255,255,255,.06); box-shadow: 0 20px 60px rgba(0,0,0,.2), 0 6px 20px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.04), inset 0 0 30px rgba(255,255,255,.03); padding: 32px 28px; text-align: center; position: relative; overflow: hidden; transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s cubic-bezier(.22,1,.36,1); } .bdp-bdb__stat-card:hover { transform: translateY(-8px) scale(1.015); box-shadow: 0 30px 80px rgba(0,0,0,.25), 0 10px 30px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 30px rgba(255,255,255,.05); } /* Specular */ .bdp-bdb__stat-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 55%; background: linear-gradient(180deg, rgba(255,255,255,.15) 0%, transparent 100%); border-radius: 24px 24px 50% 50%; pointer-events: none; } /* Shimmer */ .bdp-bdb__stat-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 40%, rgba(47,183,171,.12) 50%, transparent 60%); transform: translateX(-200%); transition: transform .8s cubic-bezier(.22,1,.36,1); pointer-events: none; } .bdp-bdb__stat-card:hover::after { transform: translateX(200%); } .bdp-bdb__stat-number { font-family: 'Poppins', sans-serif !important; font-size: 44px !important; font-weight: 900 !important; background: linear-gradient(135deg, #2FB7AB, #E2DE00) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; margin-bottom: 8px !important; line-height: 1 !important; } .bdp-bdb__stat-label { font-family: 'Karla', sans-serif !important; font-size: 14px !important; color: rgba(255,255,255,.7) !important; line-height: 1.4 !important; } /* Stats orbs */ .bdp-bdb__stats-orb { position: absolute; border-radius: 50%; filter: blur(80px); pointer-events: none; } .bdp-bdb__stats-orb--1 { width: 300px; height: 300px; background: #E2DE00; top: -100px; right: 10%; opacity: .06; } .bdp-bdb__stats-orb--2 { width: 250px; height: 250px; background: #2FB7AB; bottom: -80px; left: 5%; opacity: .1; } /* ══════════════════════════════════════════════════════════════ GALLERY, 2 images side by side on light ══════════════════════════════════════════════════════════════ */ .bdp-bdb__gallery { position: relative; background: #f8f9fc; background-image: radial-gradient(rgba(0,65,150,.03) 1px, transparent 1px); background-size: 32px 32px; padding: 80px 0 100px; overflow: hidden; } .bdp-bdb__gallery-inner { max-width: 1100px; margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__gallery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 40px; } .bdp-bdb__gallery-card { border-radius: 20px; overflow: hidden; background: linear-gradient(145deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.6) 50%, rgba(255,255,255,.75) 100%); backdrop-filter: blur(16px) saturate(1.3); border: 1px solid rgba(255,255,255,.8); border-top-color: rgba(255,255,255,1); border-bottom-color: rgba(255,255,255,.5); box-shadow: 0 12px 40px rgba(0,65,150,.06), 0 4px 12px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(0,0,0,.02); transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s cubic-bezier(.22,1,.36,1); } .bdp-bdb__gallery-card:hover { transform: translateY(-6px) scale(1.01); box-shadow: 0 20px 50px rgba(0,65,150,.1), 0 8px 20px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,1); } .bdp-bdb__gallery-card-img { aspect-ratio: 16/10; background: #e8ecf2; overflow: hidden; } .bdp-bdb__gallery-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .bdp-bdb__gallery-card-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: rgba(0,65,150,.2); letter-spacing: 1px; text-transform: uppercase; } .bdp-bdb__gallery-card-body { padding: 24px 28px; } .bdp-bdb__gallery-card-title { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #2E3B55 !important; margin-bottom: 8px !important; } .bdp-bdb__gallery-card-desc { font-family: 'Karla', sans-serif !important; font-size: 14px !important; color: #5a6a7c !important; line-height: 1.6 !important; } /* Watermarks gallery */ .bdp-bdb__gallery-watermark { position: absolute; font-family: 'Poppins', sans-serif; font-weight: 900; font-size: clamp(120px, 15vw, 240px); text-transform: uppercase; letter-spacing: -6px; color: rgba(0,65,150,.025); pointer-events: none; white-space: nowrap; line-height: 1; top: 20px; left: -40px; } /* ══════════════════════════════════════════════════════════════ CTA, fin article ══════════════════════════════════════════════════════════════ */ .bdp-bdb__cta-section { background: #f8f9fc; padding: 0 0 100px; position: relative; } .bdp-bdb__cta-inner { max-width: 780px; margin: 0 auto; padding: 0 40px; text-align: center; } .bdp-bdb__cta-line { width: 60px; height: 3px; background: linear-gradient(90deg, #004196, #2FB7AB); border-radius: 3px; margin: 0 auto 32px; } .bdp-bdb__cta-text { font-family: 'Poppins', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; color: #2E3B55 !important; line-height: 1.4 !important; margin-bottom: 32px !important; } .bdp-bdb__cta-btn { display: inline-flex; align-items: center; gap: 12px; padding: 16px 36px; border-radius: 60px; background: linear-gradient(135deg, #004196, #2FB7AB); color: #fff !important; font-family: 'Poppins', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; border: none; cursor: pointer; position: relative; overflow: hidden; transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s cubic-bezier(.22,1,.36,1); -webkit-appearance: none !important; min-height: 54px; max-height: 54px; } .bdp-bdb__cta-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,65,150,.25); } .bdp-bdb__cta-btn::after { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.2) 50%, transparent 60%); transform: translateX(-200%); transition: transform .6s; } .bdp-bdb__cta-btn:hover::after { transform: translateX(200%); } .bdp-bdb__cta-btn-arrow { width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; transition: transform .3s cubic-bezier(.22,1,.36,1); } .bdp-bdb__cta-btn:hover .bdp-bdb__cta-btn-arrow { transform: translateX(4px); } /* ══════════════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════════════ */ /* Desktop layout maintained — zoom applied via JS on .bdp-bdb only */ /* ══════════════════════════════════════════════════════════════ LAYOUT COTON — Composants specifiques ══════════════════════════════════════════════════════════════ */ /* ── SPLIT ROW ── */ .bdp-bdb__split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; margin: 56px 0; max-width: 1100px; margin-left: auto; margin-right: auto; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__split--reverse { direction: rtl; } .bdp-bdb__split--reverse > * { direction: ltr; } .bdp-bdb__split-img { border-radius: 20px; overflow: hidden; box-shadow: 0 12px 40px rgba(0,65,150,.08); } .bdp-bdb__split-img img { width: 100% !important; height: auto !important; display: block !important; } /* ── PULL QUOTE ── */ .bdp-bdb__pullquote { position: relative; max-width: 780px; margin: 56px auto; padding: 40px 48px; background: linear-gradient(145deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.6) 100%); backdrop-filter: blur(16px); border-radius: 20px; border-left: 4px solid #2FB7AB !important; box-shadow: 0 8px 30px rgba(0,65,150,.06); } .bdp-bdb__pullquote-mark { position: absolute; top: -16px; left: 32px; font-family: 'Poppins', sans-serif; font-size: 80px; font-weight: 900; background: linear-gradient(135deg, #2FB7AB, #E2DE00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; } .bdp-bdb__pullquote p { font-family: 'Poly', serif !important; font-style: italic !important; font-size: 20px !important; color: #2E3B55 !important; line-height: 1.6 !important; margin: 0 !important; } /* ── BADGES GRID ── */ .bdp-bdb__badges { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; max-width: 780px; margin: 48px auto; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__badge { border-radius: 16px; padding: 28px 24px; text-align: center; background: linear-gradient(145deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.65) 100%); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.8) !important; box-shadow: 0 8px 24px rgba(0,65,150,.05); transition: transform .4s cubic-bezier(.22,1,.36,1); } .bdp-bdb__badge:hover { transform: translateY(-4px); } .bdp-bdb__badge-icon { font-size: 32px; margin-bottom: 12px; display: block; } .bdp-bdb__badge-title { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #2E3B55 !important; margin-bottom: 6px !important; } .bdp-bdb__badge-desc { font-family: 'Karla', sans-serif !important; font-size: 13px !important; color: #5a6a7c !important; line-height: 1.5 !important; } /* ── PHOTO MASONRY ── */ .bdp-bdb__masonry { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 780px; margin: 48px auto; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__masonry-item { border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,65,150,.06); } .bdp-bdb__masonry-item--tall { grid-row: span 2; } .bdp-bdb__masonry-item img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } /* ── HIGHLIGHT CARD ── */ .bdp-bdb__highlight { background: linear-gradient(160deg, #004196 0%, #0a2744 50%, #2FB7AB 100%); padding: 60px 0; margin: 56px 0; position: relative; overflow: hidden; width: 100vw !important; margin-left: calc(-50vw + 50%) !important; } .bdp-bdb__highlight-inner { max-width: 780px; margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__highlight-text { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 600 !important; color: #fff !important; line-height: 1.5 !important; text-align: center; } .bdp-bdb__highlight-text strong { background: linear-gradient(135deg, #2FB7AB, #E2DE00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* ── BENTO SPECS ── */ .bdp-bdb__bento { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto auto; gap: 16px; max-width: 780px; margin: 48px auto; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__bento-card { border-radius: 20px; padding: 32px 24px; background: linear-gradient(145deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.65) 100%); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.8) !important; box-shadow: 0 8px 24px rgba(0,65,150,.05); transition: transform .4s cubic-bezier(.22,1,.36,1); } .bdp-bdb__bento-card:hover { transform: translateY(-4px); } .bdp-bdb__bento-card--wide { grid-column: span 2; } .bdp-bdb__bento-card--accent { background: linear-gradient(160deg, #004196 0%, #0a2744 60%, #2FB7AB 100%) !important; border: none !important; } .bdp-bdb__bento-stat { font-family: 'Poppins', sans-serif !important; font-size: 36px !important; font-weight: 900 !important; background: linear-gradient(135deg, #2FB7AB, #E2DE00) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; line-height: 1 !important; margin-bottom: 8px !important; } .bdp-bdb__bento-label { font-family: 'Karla', sans-serif !important; font-size: 14px !important; color: #5a6a7c !important; line-height: 1.4 !important; } .bdp-bdb__bento-card--accent .bdp-bdb__bento-label { color: rgba(255,255,255,.7) !important; } /* ── ICON CARDS ── */ .bdp-bdb__icon-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 780px; margin: 48px auto; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__icon-card { border-radius: 20px; padding: 32px 24px; text-align: center; background: linear-gradient(145deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.65) 100%); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.8) !important; box-shadow: 0 8px 24px rgba(0,65,150,.05); transition: transform .4s cubic-bezier(.22,1,.36,1); } .bdp-bdb__icon-card:hover { transform: translateY(-4px); } .bdp-bdb__icon-card-emoji { font-size: 36px; margin-bottom: 16px; display: block; } .bdp-bdb__icon-card-title { font-family: 'Poppins', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #2E3B55 !important; margin-bottom: 8px !important; } .bdp-bdb__icon-card-desc { font-family: 'Karla', sans-serif !important; font-size: 13px !important; color: #5a6a7c !important; line-height: 1.5 !important; } /* ── BIG NUMBER ── */ .bdp-bdb__bignumber { text-align: center; max-width: 780px; margin: 48px auto 32px; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__bignumber-value { font-family: 'Poppins', sans-serif !important; font-size: clamp(80px, 15vw, 160px) !important; font-weight: 900 !important; background: linear-gradient(135deg, #2FB7AB, #E2DE00) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; line-height: 1 !important; } .bdp-bdb__bignumber-label { font-family: 'Karla', sans-serif !important; font-size: 18px !important; color: #5a6a7c !important; margin-top: 8px !important; } /* ── COMPARISON BAR ── */ .bdp-bdb__compare { max-width: 780px; margin: 48px auto; padding: 0 40px; position: relative; z-index: 2; } .bdp-bdb__compare-item { margin-bottom: 24px; } .bdp-bdb__compare-label { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #2E3B55 !important; margin-bottom: 8px !important; display: flex; justify-content: space-between; } .bdp-bdb__compare-bar { height: 32px; border-radius: 16px; background: #e8ecf2; overflow: hidden; position: relative; } .bdp-bdb__compare-fill { height: 100%; border-radius: 16px; display: flex; align-items: center; padding-left: 16px; font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 600; color: #fff; transition: width 1.5s cubic-bezier(.22,1,.36,1); } .bdp-bdb__compare-fill--bdp { background: linear-gradient(90deg, #004196, #2FB7AB); } .bdp-bdb__compare-fill--sector { background: linear-gradient(90deg, #8a9ab5, #b0bec5); }
+
Performance ecologique

On baisse encore
notre consommationd'eau

De 3 litres par kilo a un objectif de 1 litre. Grace a Ecolab.

Consommation eau BDP Ecolab
3L par kilo
Partenariat Ecolab
EAU
ECOLAB
+

Avec une consommation actuelle de 3 litres par kilo de linge traite, l'une des plus faibles du secteur, nous visons un nouvel objectif : 1 litre par kilo. Grace a notre partenariat avec Ecolab.

3L
par kilo de linge traite, contre 15L en moyenne dans le secteur
BDP3L/kg
3L
Moyenne secteur15L/kg
15L
Objectif BDP1L/kg
1L
Circuit traitement eau BDP

Des technologiesde pointe

Notre partenariat avec Ecolab garantit une amelioration constante. Recyclage de l'eau a chaque cycle, maximisation de l'efficacite a chaque etape du traitement.

Objectif : 1 litre d'eau par kilo de linge traite. Dans un contexte de tension hydrique, c'est une reponse concrete.

Partenariat Ecolab

Ecolab, un partenairestrategique

Depuis plusieurs annees, Ecolab nous accompagne dans notre transformation ecologique. Leur expertise et leurs solutions innovantes nous permettent de repousser les limites de ce qui est possible.

Decouvrez comment nous faisons la difference au quotidien.

Nous contacter
]]>