/* Bisecco — fiche Webify Meaux : mise en page approuvée 2026-11-11.
   Affecte uniquement <body class="bwp-webify">. La fiche et ses formulaires restent natifs. */
body.bwp-webify{
 --bw-navy:#0B1F3A;--bw-dark:#08294F;--bw-blue:#2F80ED;--bw-orange:#FF6412;
 --bw-line:#E1E9F3;--bw-text:#102B50;--bw-muted:#677B92;--bw-radius:18px;
 background:#F5F8FC;
}
body.bwp-webify .fiche{background:linear-gradient(180deg,#F5F8FD 0%,#FAFBFE 65%,#F5F8FC 100%);padding-bottom:36px;color:var(--bw-text);font-family:Poppins,Arial,sans-serif}
body.bwp-webify .fiche *{box-sizing:border-box}
body.bwp-webify .fiche .fiche-corps{width:min(calc(100% - 64px),1440px);max-width:1440px;margin-inline:auto;margin-top:-72px}
body.bwp-webify .fiche .fiche-couverture,
body.bwp-webify .fiche .fiche-couverture.a-couverture{height:385px;overflow:hidden;background-color:#133E68}
body.bwp-webify .fiche .fiche-couverture.couv-photo .couv-image{
 width:100%;height:100%;object-fit:cover;object-position:66% 34%;filter:saturate(.96)
}
body.bwp-webify .fiche .fiche-couverture::after,
body.bwp-webify .fiche .fiche-couverture.couv-photo::after,
body.bwp-webify .fiche .fiche-couverture.couv-logo::after{
 z-index:1;background:linear-gradient(90deg,rgba(5,29,56,.98) 0%,rgba(9,49,88,.94) 25%,rgba(9,51,91,.67) 47%,rgba(7,39,77,.07) 80%),linear-gradient(0deg,rgba(9,31,54,.18),transparent 30%);
}
body.bwp-webify .fiche .fiche-pastille,
body.bwp-webify .fiche .fiche-outils button{top:20px;background:rgba(255,255,255,.96);border:1px solid #E3EAF3;box-shadow:0 6px 16px rgba(8,28,57,.12);border-radius:10px;font-size:12px}
body.bwp-webify .fiche .fiche-pastille{left:max(24px,calc((100vw - 1440px)/2));min-height:36px;padding:0 12px}
body.bwp-webify .fiche .fiche-outils{right:max(24px,calc((100vw - 1440px)/2));top:20px}
body.bwp-webify .fiche .bwp-hero-copy{
 position:absolute;z-index:2;left:max(32px,calc((100vw - 1392px)/2));
 top:92px;width:min(520px,44vw);color:#fff;pointer-events:none
}
body.bwp-webify .fiche .bwp-hero-copy .bwp-eyebrow{
 display:block;color:#FF9B5F;font:700 13px/1.2 Poppins,Arial,sans-serif;letter-spacing:.085em;
 text-transform:uppercase;margin:0 0 11px
}
body.bwp-webify .fiche .bwp-hero-copy .bwp-hero-head{
 display:block;color:#fff;font:750 clamp(28px,3vw,46px)/1.16 Poppins,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 14px
}
body.bwp-webify .fiche .bwp-hero-copy p{
 color:#D7E7FA;font:400 clamp(12px,1.2vw,16px)/1.65 Poppins,Arial,sans-serif;margin:0;max-width:440px
}
body.bwp-webify .fiche .fiche-carte{
 position:relative;align-items:center;padding:32px clamp(24px,3.5vw,46px);
 background:#fff;border:1px solid var(--bw-line);border-radius:22px 22px 0 0;
 box-shadow:0 18px 42px rgba(21,56,94,.1);gap:28px
}
body.bwp-webify .fiche .fiche-identite{gap:24px;align-items:center;min-width:0}
body.bwp-webify .fiche .fiche-logo{
 margin-top:-65px;width:112px;height:112px;display:grid;place-items:center;
 background:#fff;border:5px solid #fff;border-radius:50%;overflow:visible;
 box-shadow:0 8px 20px rgba(10,38,70,.16)
}
body.bwp-webify .fiche .fiche-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}
body.bwp-webify .fiche .fiche-point{width:28px;height:28px;right:-5px;bottom:-5px}
body.bwp-webify .fiche .fiche-metier{font-size:11px;font-weight:700;letter-spacing:.085em;margin-bottom:7px}
body.bwp-webify .fiche .fiche h1,
body.bwp-webify .fiche .fiche-identite h1{
 color:var(--bw-navy);font:800 clamp(26px,2.6vw,39px)/1.25 Poppins,Arial,sans-serif;
 letter-spacing:-.04em;margin:4px 0 11px
}
body.bwp-webify .fiche .fiche-meta{gap:10px 22px;color:var(--bw-muted);font-size:12px;line-height:1.5}
body.bwp-webify .fiche .fiche-meta strong{color:#172F52}
body.bwp-webify .fiche .fiche-badge{
 display:inline-flex;vertical-align:middle;background:#E8F8F0;color:#167E50;border:1px solid #C7ECD9;
 font:700 11px/1.2 Poppins,Arial,sans-serif;padding:8px 11px;margin-top:12px;border-radius:999px
}
body.bwp-webify .fiche .bwp-siren-number{color:#14643D;border-left:1px solid #C2E5D3;margin-left:8px;padding-left:8px;font-weight:600}
body.bwp-webify .fiche .fiche-actions{width:min(100%,282px);gap:9px}
body.bwp-webify .fiche .fiche-actions .bouton{
 min-height:44px!important;border-radius:10px;padding:10px 16px;
 font:700 12.5px/1.25 Poppins,Arial,sans-serif;box-shadow:none;transition:transform .18s,box-shadow .18s
}
body.bwp-webify .fiche .fiche-actions .bouton:hover{transform:translateY(-1px)}
body.bwp-webify .fiche .fiche-actions .bouton-plein{
 background:var(--bw-orange);border:1px solid var(--bw-orange);
 box-shadow:0 8px 16px rgba(255,100,18,.17);color:#fff
}
body.bwp-webify .fiche .fiche-actions .bouton-blanc{background:#F9FBFE;border:1px solid #D7E2F1;color:var(--bw-navy)}
body.bwp-webify .fiche .fiche-actions .bouton-orange-contour{background:#fff;border:1px solid var(--bw-orange);color:#F06412}
body.bwp-webify .fiche .fiche-chiffres{
 background:#F9FBFF;border:1px solid var(--bw-line);border-top:none;
 box-shadow:0 14px 26px rgba(17,53,101,.07);border-radius:0 0 22px 22px;
}
body.bwp-webify .fiche .fiche-chiffres li{padding:18px 17px 18px 67px;min-height:94px;color:#62738B;font:400 11px/1.45 Poppins,Arial,sans-serif}
body.bwp-webify .fiche .fiche-chiffres li+li{border-left:1px solid #E4EBF5}
body.bwp-webify .fiche .fiche-chiffres .tuile{top:20px;left:18px;width:34px;height:34px;border-radius:10px}
body.bwp-webify .fiche .fiche-chiffres strong{font:700 14px/1.45 Poppins,Arial,sans-serif;color:var(--bw-navy)}
body.bwp-webify .fiche .fiche-chiffres em{font:700 10px/1.55 Poppins,Arial,sans-serif;letter-spacing:.015em;color:#5D6C84;text-transform:none}
body.bwp-webify .fiche .fiche-colonnes{
 display:grid;grid-template-columns:minmax(0,1.48fr) minmax(340px,.92fr);
 gap:22px;margin-top:22px;align-items:start
}
body.bwp-webify .fiche .fiche-principal,
body.bwp-webify .fiche .fiche-cote{gap:17px;min-width:0}
body.bwp-webify .fiche .bloc{
 padding:25px 27px 27px;background:#fff;border:1px solid var(--bw-line);border-radius:18px;
 box-shadow:0 8px 20px rgba(19,52,87,.055)
}
body.bwp-webify .fiche .bloc>h2{
 font:750 18px/1.35 Poppins,Arial,sans-serif;letter-spacing:-.025em;color:var(--bw-navy);margin:0 0 14px;gap:12px
}
body.bwp-webify .fiche .bloc>h2>.ico{
 color:var(--bw-orange);width:20px;height:20px;flex:none
}
body.bwp-webify .fiche .bloc p{
 color:#50627B;font:400 13.5px/1.65 Poppins,Arial,sans-serif;margin:0 0 12px
}
body.bwp-webify .fiche .bloc .vide{color:#7888A0;font-size:13px}
body.bwp-webify .fiche .fiche-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.bwp-webify .fiche .fiche-services article{
 padding:16px 18px;text-align:left;border:1px solid #E2ECF6;border-radius:12px;background:#F9FBFE
}
body.bwp-webify .fiche .fiche-services article span{
 width:32px;height:32px;background:#E8F3FF;color:#1B69C7;font-size:11px;border-radius:9px
}
body.bwp-webify .fiche .fiche-services article h3{font:700 13px/1.35 Poppins,Arial,sans-serif;color:var(--bw-navy);margin:10px 0 6px}
body.bwp-webify .fiche .fiche-services article p{font-size:12px}
body.bwp-webify .fiche .fiche-photos{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.bwp-webify .fiche .fiche-photos a{
 border-radius:12px;overflow:hidden;border:1px solid #E2EAF3;box-shadow:0 2px 8px rgba(20,53,98,.06);
 background:#F6F9FE;color:#203E63;font:600 11px Poppins,Arial,sans-serif
}
body.bwp-webify .fiche .fiche-photos img{width:100%;height:125px;object-fit:cover}
body.bwp-webify .fiche .fiche-photos span{padding:9px;line-height:1.4}
body.bwp-webify .fiche .fiche-tags span{border-radius:9px;border:1px solid #DAE6F4;background:#F3F8FD;color:#335F90;font-size:12px}
body.bwp-webify .fiche .avis-regle{color:#7391A8;font-size:11.5px!important}
body.bwp-webify .fiche .bloc-projet{
 background:linear-gradient(105deg,#082749 0%,#0B3565 62%,#084D83 100%);
 color:#fff;border:0;border-radius:18px;
 display:flex;gap:26px;justify-content:space-between;align-items:center;padding:25px 36px;
 box-shadow:0 14px 26px rgba(7,40,79,.15)
}
body.bwp-webify .fiche .bloc-projet h2,
body.bwp-webify .fiche .bloc.bloc-projet>div>h2{font:750 23px/1.25 Poppins,Arial,sans-serif;color:#fff;margin:0 0 7px}
body.bwp-webify .fiche .bloc-projet p{color:#D3E4F6;font-size:13px}
body.bwp-webify .fiche .bloc-projet .bouton{background:#FF6412;border:1px solid #FF6412;border-radius:11px;font-weight:700;box-shadow:0 7px 18px rgba(255,100,18,.15);white-space:nowrap}
body.bwp-webify .fiche .bwp-bottom-cta{margin-top:21px}
body.bwp-webify .fiche .fiche-cote .bloc{padding:22px 24px}
body.bwp-webify .fiche .fiche-cote .bloc>h2{font-size:17px}
body.bwp-webify .fiche #devis{scroll-margin-top:120px}
body.bwp-webify .fiche .devis-form .champ-simple{margin-bottom:11px}
body.bwp-webify .fiche .devis-form .champ-simple>span{display:block;font:600 11.5px/1.4 Poppins,Arial,sans-serif;color:#38506C;margin-bottom:6px}
body.bwp-webify .fiche .devis-form input:not([type=checkbox]),
body.bwp-webify .fiche .devis-form textarea{
 width:100%;min-height:42px;padding:10px 12px;background:#F8FAFD;border:1px solid #DBE5F0;
 border-radius:10px;color:#172F50;font:400 12.5px/1.5 Poppins,Arial,sans-serif
}
body.bwp-webify .fiche .devis-form textarea{min-height:102px;resize:vertical}
body.bwp-webify .fiche .devis-form input:focus,body.bwp-webify .fiche .devis-form textarea:focus{outline:2px solid #B2D3FF;border-color:#468DE7;background:#fff}
body.bwp-webify .fiche .devis-form .case{display:flex;align-items:flex-start;gap:8px;color:#67798E;font-size:11px;line-height:1.55}
body.bwp-webify .fiche .devis-form .case input{accent-color:#FF6412;flex:none;margin-top:3px}
body.bwp-webify .fiche .devis-form button[type=submit]{
 width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;
 background:#FF6412;border:1px solid #FF6412;border-radius:11px;box-shadow:0 8px 17px rgba(255,100,18,.18);
 color:#fff;font:700 12.5px Poppins,Arial,sans-serif
}
body.bwp-webify .fiche .fiche-contacts{border-top:1px solid #E4EBF4;margin-top:17px;padding-top:12px}
body.bwp-webify .fiche .fiche-contacts li{padding:7px 0}
body.bwp-webify .fiche .fiche-contacts em{font-size:10px}
body.bwp-webify .fiche .fiche-contacts a,
body.bwp-webify .fiche .fiche-contacts summary{font-size:12.5px}
body.bwp-webify .fiche .fiche-cote .bloc:last-child{
 background:linear-gradient(110deg,#F0FBF4,#F8FCFF);border-color:#D8EFE2
}
body.bwp-webify .fiche .fiche-cote .bloc:last-child>h2 .ico{color:#169A61}
body.bwp-webify .fiche .bwp-owner-card{
 padding:20px 22px;background:linear-gradient(135deg,#0B2D56,#093D75);
 border-radius:16px;color:#fff;box-shadow:0 12px 25px rgba(9,47,90,.13)
}
body.bwp-webify .fiche .bwp-owner-card h2{color:#fff;font:700 16px/1.3 Poppins,Arial,sans-serif;margin:0 0 12px}
body.bwp-webify .fiche .bwp-owner-card p{color:#DAE7F4;font-size:11.5px;line-height:1.55;margin:8px 0}
body.bwp-webify .fiche .bwp-owner-score{display:flex;align-items:center;gap:16px}
body.bwp-webify .fiche .bwp-owner-ring{
 flex:none;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;
 background:conic-gradient(#28D389 calc(var(--bwp-score,0)*1%),#34628B 0)
}
body.bwp-webify .fiche .bwp-owner-ring strong{
 display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#0A3565;
 color:#fff;font:800 20px Poppins,Arial,sans-serif
}
body.bwp-webify .fiche .bwp-owner-card a{display:inline-block;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.bwp-webify .fiche .bwp-realistic-empty{display:flex;gap:10px;align-items:flex-start;background:#F5F9FF;border:1px dashed #D8E6F6;padding:18px;border-radius:12px;color:#5B728F}
body.bwp-webify .fiche .bwp-realistic-empty::before{content:"✦";color:#2F80ED;font-weight:800}
@media(max-width:1120px){
 body.bwp-webify .fiche .fiche-colonnes{grid-template-columns:minmax(0,1.4fr) minmax(300px,.95fr);gap:17px}
 body.bwp-webify .fiche .fiche-carte{gap:18px}
 body.bwp-webify .fiche .fiche-chiffres li{padding:17px 10px 16px 58px}
 body.bwp-webify .fiche .fiche-chiffres .tuile{left:12px}
 body.bwp-webify .fiche .fiche-cote .bloc{padding:20px}
}
@media(max-width:940px){
 body.bwp-webify .fiche .fiche-colonnes{grid-template-columns:1fr}
 body.bwp-webify .fiche .fiche-cote{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 body.bwp-webify .fiche #devis{grid-column:1/-1}
 body.bwp-webify .fiche .fiche-carte{align-items:flex-start}
 body.bwp-webify .fiche .fiche-actions{width:240px}
 body.bwp-webify .fiche .fiche-photos img{height:160px}
}
@media(max-width:700px){
 body.bwp-webify .fiche .fiche-couverture,body.bwp-webify .fiche .fiche-couverture.a-couverture{height:315px}
 body.bwp-webify .fiche .fiche-couverture::after{background:linear-gradient(90deg,rgba(5,29,56,.95),rgba(7,39,77,.45))}
 body.bwp-webify .fiche .bwp-hero-copy{left:22px;top:92px;width:calc(100% - 44px)}
 body.bwp-webify .fiche .bwp-hero-copy .bwp-hero-head{font-size:30px}
 body.bwp-webify .fiche .bwp-hero-copy p{font-size:12px;max-width:290px}
 body.bwp-webify .fiche .fiche-corps{width:min(calc(100% - 28px),1440px);margin-top:-38px}
 body.bwp-webify .fiche .fiche-carte{flex-direction:column;gap:20px;padding:23px 20px;border-radius:18px 18px 0 0}
 body.bwp-webify .fiche .fiche-identite{flex-direction:row;align-items:flex-start;gap:13px}
 body.bwp-webify .fiche .fiche-logo{width:80px;height:80px;margin-top:-42px;border-width:4px}
 body.bwp-webify .fiche .fiche-point{right:-4px;bottom:-4px;width:25px;height:25px}
 body.bwp-webify .fiche .fiche-identite h1{font-size:25px;letter-spacing:-.025em}
 body.bwp-webify .fiche .fiche-meta{font-size:11px}
 body.bwp-webify .fiche .fiche-actions{width:100%;grid-template-columns:1fr 1fr}
 body.bwp-webify .fiche .fiche-actions>.bouton:first-child{grid-column:1/-1}
 body.bwp-webify .fiche .fiche-actions .bouton{min-height:43px!important;text-align:center}
 body.bwp-webify .fiche .fiche-chiffres{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:0 0 18px 18px}
 body.bwp-webify .fiche .fiche-chiffres li:nth-child(3){border-left:0;border-top:1px solid #E4EBF5}
 body.bwp-webify .fiche .fiche-chiffres li:nth-child(4){border-top:1px solid #E4EBF5}
 body.bwp-webify .fiche .fiche-chiffres li{min-height:88px;padding-left:49px}
 body.bwp-webify .fiche .fiche-chiffres .tuile{left:9px;top:18px;width:32px;height:32px}
 body.bwp-webify .fiche .fiche-chiffres strong{font-size:12px}
 body.bwp-webify .fiche .fiche-colonnes{margin-top:18px;gap:15px}
 body.bwp-webify .fiche .fiche-cote{grid-template-columns:1fr}
 body.bwp-webify .fiche .bloc,body.bwp-webify .fiche .fiche-cote .bloc{padding:21px 18px;border-radius:15px}
 body.bwp-webify .fiche .fiche-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.bwp-webify .fiche .fiche-photos img{height:140px}
 body.bwp-webify .fiche .fiche-services{grid-template-columns:1fr}
 body.bwp-webify .fiche .bloc-projet{padding:24px 20px;flex-direction:column;align-items:stretch;text-align:left}
 body.bwp-webify .fiche .bloc-projet .bouton{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){body.bwp-webify .fiche *,body.bwp-webify .fiche *::before,body.bwp-webify .fiche *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Visuel de présentation : reprend uniquement la vraie photo de couverture. */
body.bwp-webify .fiche .fiche-principal>.bloc.bwp-has-preview:first-child{
 position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(185px,.75fr);
 grid-template-rows:auto minmax(78px,1fr);column-gap:19px;align-items:start;min-height:190px
}
body.bwp-webify .fiche .fiche-principal>.bloc.bwp-has-preview:first-child>h2{grid-column:1;grid-row:1}
body.bwp-webify .fiche .fiche-principal>.bloc.bwp-has-preview:first-child>p,
body.bwp-webify .fiche .fiche-principal>.bloc.bwp-has-preview:first-child>blockquote{grid-column:1;grid-row:2;align-self:start}
body.bwp-webify .fiche .bwp-about-visual{grid-column:2;grid-row:1/span 2;margin:0;height:100%;min-height:126px;overflow:hidden;background:#EAF2FB;border-radius:12px}
body.bwp-webify .fiche .bwp-about-visual img{display:block;width:100%;height:100%;min-height:126px;object-fit:cover;object-position:72% 50%}
@media(max-width:600px){
 body.bwp-webify .fiche .fiche-principal>.bloc.bwp-has-preview:first-child{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}
 body.bwp-webify .fiche .fiche-principal>.bloc.bwp-has-preview:first-child>h2{grid-column:1;grid-row:1}
 body.bwp-webify .fiche .fiche-principal>.bloc.bwp-has-preview:first-child>p,
 body.bwp-webify .fiche .fiche-principal>.bloc.bwp-has-preview:first-child>blockquote{grid-column:1;grid-row:2}
 body.bwp-webify .fiche .bwp-about-visual{grid-column:1;grid-row:3;height:145px;margin-top:10px}
}