/* ============================================================ BATIMM RENOV โ€” Couche design "DA Charte" Fond navy + profondeur (halos or) + cartes en relief. Chargee EN DERNIER dans le : s'applique sans !important. Couleurs : navy #1A2640 ยท or #BD9461 (deja appliquees a la source). ============================================================ */ /* Fond global : degrade navy + halos or chauds (recette des cartes d'avis) */ body{ background: radial-gradient(circle at 20% 10%, rgba(189,148,97,.18), transparent 46%), radial-gradient(circle at 88% 88%, rgba(189,148,97,.12), transparent 48%), linear-gradient(155deg,#1d2b49 0%,#1A2640 50%,#121a2e 100%); background-attachment:fixed; } /* Sections transparentes : laissent vivre le fond, chacune son halo */ .lou-expertise,.lou-services,.lou-reals,.lou-testi,.lou-faq,.lou-zones,.sp-form-section,.lou-steps{ background:transparent;position:relative; } .lou-expertise::after,.lou-services::after,.lou-reals::after,.lou-testi::after,.lou-faq::after,.sp-form-section::after,.lou-steps::after{ content:'';position:absolute;inset:0;pointer-events:none;z-index:0; } .lou-expertise::after{background:radial-gradient(680px 480px at 90% 8%, rgba(189,148,97,.10), transparent 60%);} .lou-steps::after{background:radial-gradient(640px 480px at 8% 92%, rgba(189,148,97,.09), transparent 60%);} .lou-services::after{background:radial-gradient(700px 500px at 92% 90%, rgba(189,148,97,.09), transparent 62%);} .lou-reals::after{background:radial-gradient(720px 520px at 50% 2%, rgba(189,148,97,.08), transparent 60%);} .lou-testi::after{background:radial-gradient(660px 500px at 6% 50%, rgba(189,148,97,.09), transparent 60%);} .lou-faq::after{background:radial-gradient(620px 480px at 95% 45%, rgba(189,148,97,.09), transparent 60%);} .sp-form-section::after{background:radial-gradient(680px 500px at 12% 100%, rgba(189,148,97,.10), transparent 60%);} .lou-expertise>*,.lou-services>*,.lou-reals>*,.lou-testi>*,.lou-faq>*,.lou-zones>*,.sp-form-section>*,.lou-steps>*{position:relative;z-index:1;} /* Cartes facon "carte d'avis" : panneau navy chaud + bord or + filet or en haut */ .lou-svc-card,.lou-step-card,.lou-real-card,.lou-testi-card{ position:relative; background:linear-gradient(160deg, rgba(33,48,80,.62), rgba(18,27,46,.72)); border:1px solid rgba(189,148,97,.22); box-shadow:0 20px 48px rgba(0,0,0,.34); } .lou-svc-card::before,.lou-step-card::before,.lou-testi-card::before{ content:'';position:absolute;top:0;left:0;right:0;height:2px; background:linear-gradient(90deg,transparent,#BD9461 40%,#d8b483 60%,transparent);z-index:2; } .lou-svc-card:hover,.lou-step-card:hover,.lou-real-card:hover{ border-color:rgba(189,148,97,.5);box-shadow:0 28px 64px rgba(0,0,0,.45); } /* Encadres laterales / formulaire */ .lou-aside,.sp-form-right{ background:linear-gradient(160deg, rgba(33,48,80,.66), rgba(18,27,46,.74)); border-top:3px solid #BD9461; } .sp-fr-inp,.sp-fr-ta{background:rgba(15,22,40,.7);border:1px solid rgba(189,148,97,.2);} /* Voile du hero en navy (au lieu du noir) */ .lou-hero-overlay{ background:linear-gradient(130deg,rgba(18,26,46,.95) 0%,rgba(26,38,64,.55) 55%,rgba(26,38,64,.12) 100%); } /* Bande stats : aplat or degrade (rythme fort) */ .lou-stats{background:linear-gradient(90deg,#BD9461,#d8b483);} /* Footer : navy profond + halo */ .svc-ft{background:linear-gradient(180deg,#15203a,#101729);position:relative;overflow:hidden;} .svc-ft::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 420px at 12% 0%, rgba(189,148,97,.08), transparent 60%);pointer-events:none;} .svc-ft-inner{position:relative;z-index:1;} /* ===== Service : PLATRERIE (plat-*) โ€” profondeur + cartes or ===== */ .plat-skills,.plat-zone-section,.plat-testi,.plat-bottom{background:transparent;position:relative;} .plat-skills::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(700px 500px at 90% 8%,rgba(189,148,97,.10),transparent 60%);} .plat-zone-section::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(680px 500px at 8% 90%,rgba(189,148,97,.09),transparent 60%);} .plat-skills>*,.plat-zone-section>*,.plat-testi>*,.plat-bottom>*{position:relative;z-index:1;} .plat-skill-card,.plat-zone-card,.plat-split-card{position:relative;background:linear-gradient(160deg,rgba(33,48,80,.62),rgba(18,27,46,.72));border:1px solid rgba(189,148,97,.22);box-shadow:0 20px 48px rgba(0,0,0,.34);} .plat-skill-card::before,.plat-zone-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#BD9461 40%,#d8b483 60%,transparent);z-index:2;} .plat-skill-card:hover,.plat-zone-card:hover{border-color:rgba(189,148,97,.5);box-shadow:0 28px 64px rgba(0,0,0,.45);} /* ===== Service : PEINTURE INTERIEURE (pei-*) ===== */ .pei-skills,.pei-split,.pei-bottom,.pei-faq-wrap,.pei-testi{background:transparent;position:relative;} .pei-skills::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(700px 500px at 90% 8%,rgba(189,148,97,.10),transparent 60%);} .pei-bottom::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(680px 500px at 8% 90%,rgba(189,148,97,.09),transparent 60%);} .pei-skills>*,.pei-split>*,.pei-bottom>*,.pei-faq-wrap>*,.pei-testi>*{position:relative;z-index:1;} /* texte clair dans les zones autrefois claires */ .pei-testi-text,.pei-testi-name,.pei-faq-q,.pei-mood-title{color:#F2EDE3;} .pei-testi-loc,.pei-faq-a{color:rgba(242,237,227,.62);} .pei-faq-item{border-color:rgba(189,148,97,.16) !important;} .pei-testi-quote{color:rgba(189,148,97,.18);} /* cartes en relief */ .pei-skill-card,.pei-split-card,.pei-mood-card{position:relative;background:linear-gradient(160deg,rgba(33,48,80,.62),rgba(18,27,46,.72));border:1px solid rgba(189,148,97,.22);box-shadow:0 20px 48px rgba(0,0,0,.34);} .pei-skill-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#BD9461 40%,#d8b483 60%,transparent);z-index:2;} .pei-skill-card:hover,.pei-split-card:hover{border-color:rgba(189,148,97,.5);box-shadow:0 28px 64px rgba(0,0,0,.45);} /* peinture-interieure : section formulaire */ .pei-form-section{background:transparent !important;position:relative;color:#F2EDE3;} .pei-form-section::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(680px 500px at 12% 100%,rgba(189,148,97,.10),transparent 60%);} .pei-form-section>*{position:relative;z-index:1;} .pei-form-section h2,.pei-form-left h2,.pei-form-tag,.pei-form-tel,.pei-form-left p{color:#F2EDE3 !important;} .pei-form-right{background:linear-gradient(160deg,rgba(33,48,80,.7),rgba(18,27,46,.82)) !important;border-top:3px solid #BD9461;} /* peinture-interieure : section "autres services" */ .pei-other-services{background:transparent !important;position:relative;} .pei-other-services h2,.pei-other-services p,.pei-other-services .pei-tag{color:#F2EDE3 !important;} .pei-other-link{background:linear-gradient(160deg,rgba(33,48,80,.62),rgba(18,27,46,.72)) !important;border:1px solid rgba(189,148,97,.22) !important;color:#F2EDE3 !important;} .pei-other-link:hover{border-color:rgba(189,148,97,.5) !important;} /* ===== Bloc PARTAGE services : section methode (mth-*) โ€” present sur les 10 pages ===== */ .mth-section{background:transparent !important;position:relative;} .mth-section::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(700px 520px at 88% 12%,rgba(189,148,97,.10),transparent 60%);} .mth-inner,.mth-content{position:relative;z-index:1;} .mth-title,.mth-text,.mth-badge-name{color:#F2EDE3 !important;} .mth-text strong{color:#fff !important;} .mth-badge-job,.mth-label-txt{color:rgba(242,237,227,.72) !important;} .mth-label{border-color:rgba(189,148,97,.2) !important;} /* peinture-interieure : hero + mood */ .pei-hero{background:#1A2640 !important;} .pei-mood{background:transparent !important;} /* ===== Cartes services (mob/iso/rev/hum) : relief + filet or ===== */ .mob-svc-card,.iso-svc-card,.rev-svc-card,.hum-svc-card{position:relative;background:linear-gradient(160deg,rgba(33,48,80,.62),rgba(18,27,46,.72)) !important;border:1px solid rgba(189,148,97,.22) !important;box-shadow:0 20px 48px rgba(0,0,0,.34);} .mob-svc-card::before,.iso-svc-card::before,.rev-svc-card::before,.hum-svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#BD9461 40%,#d8b483 60%,transparent);z-index:2;} .mob-svc-card:hover,.iso-svc-card:hover,.rev-svc-card:hover,.hum-svc-card:hover{border-color:rgba(189,148,97,.5) !important;box-shadow:0 28px 64px rgba(0,0,0,.45) !important;} /* ratissage : hero navy (clone platrerie) */ .plat-hero{background:#1A2640;} /* FIX texte sombre invisible dans le bloc garanties partage (mth-labels) */ .mth-label-txt strong,.mth-labels strong,.mth-label strong{color:#ffffff !important;} .mth-label-txt,.mth-label-txt span,.mth-labels span{color:rgba(242,237,227,.72) !important;} /* FIX peinture-interieure (page d'origine claire) : texte principal -> clair */ .pei-h1-line,.pei-h2,.pei-hero-label,.pei-skill-title,.pei-mood-label,.pei-mood-title{color:#F2EDE3 !important;} .pei-sub,.pei-p,.pei-skill-desc,.pei-split-text,.pei-split-text p{color:rgba(242,237,227,.78) !important;} .pei-p strong,.pei-split-text strong,.pei-h2 strong{color:#ffffff !important;} /* peinture-interieure : derniers details */ .pei-mood-head,.pei-mood-head *{color:rgba(242,237,227,.82) !important;} .pei-mood-head .pei-or,.pei-mood-head strong{color:#BD9461 !important;} .pei-btn-ghost{color:#F2EDE3 !important;border-color:rgba(189,148,97,.55) !important;} /* peinture-interieure : checklist + tags + badge lisibles */ .pei-check{color:rgba(242,237,227,.88) !important;} .pei-badge,.pei-tag,.pei-tag-dark{color:#F2EDE3 !important;} /* cartes "autres services" (nm/dc) lisibles sur navy */ .pei-other-link .nm,.pei-other-services .nm,.sp-other-services .nm,.nm{color:#F2EDE3 !important;} .pei-other-link .dc,.pei-other-services .dc,.sp-other-services .dc,.dc{color:rgba(242,237,227,.7) !important;} /* FIX bouton CTA non style (btn-noir) sur bandeau dore - platrerie/ratissage */ .plat-cta-btns .btn-noir,a.btn-noir{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 40px;background:#1A2640;color:#F2EDE3 !important;text-decoration:none !important;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;border-radius:6px;transition:transform .2s,box-shadow .2s,background .2s;} .plat-cta-btns .btn-noir:hover,a.btn-noir:hover{background:#0f1628;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.3);} .plat-cta-tel{color:#1A2640 !important;text-decoration:none !important;font-weight:800;letter-spacing:1px;} /* peinture-interieure : badge 150+ non coupe + accents dores (DA) */ .pei-split-card{top:0 !important;} .pei-tag,.pei-tag-dark,.pei-hero-label,.pei-mood-label,.pei-badge{color:#BD9461 !important;} .pei-p strong,.pei-split-text strong,.pei-h2 strong,.pei-mood-title strong,.pei-or{color:#BD9461 !important;} /* peinture-interieure : accent dore sur la derniere ligne du H1 (pas monotone) */ h1 .pei-h1-line:last-child{color:#BD9461 !important;} /* Boutons sur une seule ligne (Montserrat plus large) */ .btn-p,.btn-s,.btn-noir{white-space:nowrap;}