Outiref

Code source de l'URL : https://societeacbf.com

<!doctype html>
<html lang="fr"><head>
<script>if(/(^|\.)societeacbf\.com$/.test(location.hostname))(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-N3PBMD68');</script>
<script>
window.dataLayer=window.dataLayer||[];
window.dataLayer.push({event:'page_view',page_path:location.pathname,page_title:document.title});
document.addEventListener('click',function(e){var a=e.target.closest('a[href^="tel:"]');if(!a)return;window.dataLayer.push({event:'click_telephone',page_path:location.pathname,phone:a.getAttribute('href').replace('tel:','')});});
</script>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="canonical" href="https://www.societeacbf.com/">
<title>Société de couverture et couvreur dans l'Yonne</title>
<meta name="description" content="Société de couverture et couvreur dans l&#x27;Yonne. Rénovation, réparation et entretien de votre toiture, diagnostic gratuit à domicile et garantie décennale.">
<meta property="og:title" content="Société de couverture et couvreur dans l&#x27;Yonne"><meta property="og:description" content="Société de couverture et couvreur dans l&#x27;Yonne. Rénovation, réparation et entretien de votre toiture, diagnostic gratuit à domicile et garantie décennale.">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap">
<style>
:root{--rouge:#10233f;--rouge2:#1f3a63;--noir:#10233f;--noir2:#10233f;--gris:#f6f6f7;--filet:#e2e3e6;--texte:#222}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font:400 16px/1.7 Inter,system-ui,sans-serif;color:var(--texte);background:#fff;overflow-x:hidden}
h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
img{display:block;max-width:100%}
.int{width:90%;max-width:1240px;margin:0 auto;position:relative}
.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sur{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}
.sur:before{content:"";width:28px;height:3px;background:var(--rouge)}
h2{font-size:clamp(30px,3.3vw,42px);line-height:1.18;font-weight:800;letter-spacing:-.02em;color:#2b2b2e}
h2 span{display:block;font-weight:400}
.bouton{display:inline-block;background:var(--rouge);color:#fff;font-weight:700;text-decoration:none;padding:16px 30px;border-radius:4px;border:0;cursor:pointer;font-size:15px}
.bouton:hover{background:#1f3a63}
.plan{position:absolute;pointer-events:none;color:#000;opacity:.05;stroke-width:1}

/* En-tête */
.haut{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--filet);display:flex;min-height:88px}
.logo{background:var(--rouge);display:flex;align-items:center;padding:0 54px 0 5%;clip-path:polygon(0 0,100% 0,calc(100% - 24px) 100%,0 100%);flex:none}
.logo img{height:64px;width:auto}
.haut-c{flex:1;display:flex;flex-direction:column;min-width:0}
.bande{display:flex;gap:28px;align-items:center;font-size:13px;padding:7px 24px;border-bottom:1px solid var(--filet)}
.bande a{text-decoration:none}
.bande .ico{color:var(--rouge);margin-right:7px;vertical-align:-2px}
.nav{display:flex;align-items:center;gap:34px;padding:0 24px;flex:1;font-size:14px;font-weight:600}
.nav>a,.menu>span{text-decoration:none;text-transform:uppercase;cursor:pointer;padding:12px 0}
.nav>a:hover,.menu:hover>span{color:var(--rouge)}
.menu{position:relative}
.sous{display:none;position:absolute;top:100%;left:-16px;width:300px;background:#fff;padding:10px 0;box-shadow:0 12px 30px rgba(0,0,0,.14);border-top:3px solid var(--rouge)}
.menu:hover .sous,.menu:focus-within .sous{display:block}
.sous a{display:block;padding:7px 18px;text-decoration:none;font-weight:500}
.sous a:hover{color:var(--rouge)}
.diag{background:var(--rouge);color:#fff;display:flex;align-items:center;gap:8px;padding:0 5% 0 48px;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:none;clip-path:polygon(24px 0,100% 0,100% 100%,0 100%);flex:none}
.diag:hover{background:#1f3a63}
.contact-mobile{display:none}

/* Photo du haut */
.hero{position:relative;color:#fff;background:#10141c url('/assets/img/accueil-maison.webp') center 40%/cover no-repeat;padding:84px 0 92px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,14,24,.86) 0,rgba(9,14,24,.62) 45%,rgba(9,14,24,.2) 100%)}
.hero .int{display:grid;grid-template-columns:1.35fr .85fr;gap:60px;align-items:center}
.hero .petit{font-size:13px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin:0 0 14px}
.hero h1{font-size:clamp(38px,5.2vw,68px);line-height:1.12;font-weight:600;letter-spacing:-.02em;max-width:760px}
.hero h1 em{font-style:italic;font-weight:500}
.hero .chapo{margin:20px 0 0;max-width:520px;font-weight:500}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:30px 0 0}
.rond{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-weight:700;font-size:18px}
.rond b{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--rouge);display:flex;align-items:center;justify-content:center;font-size:24px}
.rond small{display:block;font-size:12px;font-weight:500;letter-spacing:.04em}

/* Formulaire */
.boite{background:#fff;color:#111;padding:30px;border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,.28)}
.titre-form{font-size:24px;line-height:1.25;font-weight:500}
.sous-form{margin:4px 0 18px;font-size:15px}
.champs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.champs textarea{grid-column:1/-1}
.champs input,.champs select{width:100%;height:48px;border:1px solid #8a9099;border-radius:4px;padding:0 14px;background:#fff;color:#111;font:inherit;font-size:15px}
.champs input::placeholder{color:#333}
.envoyer{width:100%;height:52px;margin-top:14px;background:var(--rouge);color:#fff;border:0;border-radius:4px;font:700 15px Inter,sans-serif;cursor:pointer}
.envoyer:hover{background:#1f3a63}
.accord{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4;margin-top:12px}
.w-form-done,.w-form-fail{display:none;color:#111;font-weight:600}

/* Présentation */
.qui{position:relative;padding:100px 0 110px;overflow:hidden}
.qui .plan{width:680px;right:-80px;top:40px;opacity:.07}
.qui .plan2{width:360px;left:-70px;right:auto;top:auto;bottom:-90px;stroke-width:10;opacity:.03}
.qui .int{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.qui .texte{margin-top:18px}
.arg{display:grid;grid-template-columns:64px 1fr;gap:18px;margin-top:24px}
.pastille{width:64px;height:64px;border-radius:50%;background:#e7effb;color:var(--rouge);display:flex;align-items:center;justify-content:center;font-size:30px}
.arg h3{font-size:18px;font-weight:700;color:#2b2b2e;margin-bottom:2px}
.bas-qui{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:30px}
.appel{display:flex;align-items:center;gap:12px;text-decoration:none}
.appel b{width:48px;height:48px;border-radius:50%;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-size:21px}
.appel small{display:block;font-size:12px;font-weight:700;text-transform:uppercase;color:#111}
.appel strong{display:block;font-size:24px;font-weight:800;color:var(--rouge);line-height:1.2;white-space:nowrap}
.badge{display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,var(--rouge),var(--rouge2));color:#fff;padding:12px 18px;border-radius:4px;line-height:1.2}
.badge b{font-size:40px;font-weight:800}
.collage{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(12,38px);gap:14px}
.collage img{width:100%;height:100%;object-fit:cover}
.collage .c1{grid-column:1;grid-row:1/8}
.collage .c2{grid-column:1;grid-row:8/13;width:87%;justify-self:end}
.collage .c3{grid-column:2;grid-row:4/13}

/* Services */
.services{position:relative;background:var(--noir);color:#fff;padding:90px 0;overflow:hidden}
.services .plan{color:#fff;width:900px;left:-160px;top:-120px;opacity:.05}
.services .plan2{left:auto;right:-220px;top:220px}
.tete{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:44px}
.services h2{color:#fff}
.cartes{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.carte{grid-column:span 2;background:#fff;color:#222;text-decoration:none;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}
.carte:hover{transform:translateY(-4px)}
.carte:nth-child(5n+4),.carte:nth-child(5n+5){grid-column:span 3}
.carte .ph{position:relative;aspect-ratio:16/10;flex:none}
.carte:nth-child(5n+4) .ph,.carte:nth-child(5n+5) .ph{aspect-ratio:2/1}
.carte .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vague{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:42px}
.carte .pic{position:absolute;left:20px;bottom:-10px;width:56px;height:56px;border-radius:50%;background:var(--rouge);color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;z-index:2}
.carte .corps{padding:34px 22px 26px}
.carte h3{font-size:20px;line-height:1.3;font-weight:700;color:#2b2b2e;margin-bottom:8px}
.carte:hover h3{color:var(--rouge)}
.carte p{font-size:15px;line-height:1.6}
.carte .corps{display:flex;flex-direction:column;flex:1}
.carte .plus{margin-top:auto;padding-top:16px;font-weight:700;font-size:15px;color:var(--rouge);text-decoration:underline;text-underline-offset:4px}

/* Étapes */
.etapes{background:var(--gris);padding:96px 0 110px}
.blocs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.bloc{background:var(--rouge);color:#fff;padding:30px 24px 34px;border-radius:4px}
.bloc:nth-child(even){margin-top:36px}
.bloc .ico{font-size:40px}
.bloc b{display:block;font-size:42px;line-height:1.1;font-weight:800;margin:12px 0 4px}
.bloc h3{font-size:18px;font-weight:700;margin-bottom:8px}
.bloc p{font-size:15px;line-height:1.55}

/* Réalisations */
.reals{padding:90px 0 0;text-align:center}
.reals .sur{justify-content:center}
.reals .sur:before{display:none}
.mosaique{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:320px;gap:2px;margin-top:44px;background:#fff}
.mosaique figure{position:relative;overflow:hidden}
.mosaique figure:nth-child(6n+3),.mosaique figure:nth-child(6n+4){grid-column:span 2}
.mosaique figure.cache{display:none}
.mosaique img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mosaique figure:hover img{transform:scale(1.04)}
.mosaique figure:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.78))}
.mosaique figcaption{position:absolute;z-index:2;left:28px;right:16px;bottom:26px;color:#fff;font-weight:700;font-size:19px;line-height:1.25;padding-left:12px;border-left:3px solid var(--rouge);text-align:left}

.voir{display:flex;justify-content:center;padding:30px 0 0}
.reals{padding-bottom:0}

/* Avis */
.avis{position:relative;padding:96px 0;overflow:hidden}
.grille-avis{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}
.un-avis{background:#fff;box-shadow:0 10px 34px rgba(0,0,0,.09);padding:26px 22px;border-radius:4px;display:flex;flex-direction:column}
.etoiles{color:#f5a623;letter-spacing:2px;font-size:17px}
.un-avis p{font-size:15px;line-height:1.6;margin:10px 0 18px;flex:1}
.un-avis strong{font-size:15px;color:#2b2b2e}
.avis .plan{width:620px;right:-140px;top:60px;opacity:.06}

/* Zone */
.zone{background:var(--noir2);color:#fff;padding:90px 0}
.zone .int{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.zone h2{color:#fff}
.zone .texte{margin-top:16px}
.villes{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-top:22px;font-weight:600}
.villes li:before{content:"›";color:var(--rouge);font-weight:800;margin-right:9px}
#carte-zone{height:430px;border-radius:4px;background:#222;position:relative;z-index:0;isolation:isolate}

/* FAQ */
.faq{position:relative;background:var(--gris);padding:64px 0;overflow:hidden}
.faq .plan{width:640px;left:-180px;bottom:-200px;opacity:.06}
.faq .int{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:center}
.cadre{position:relative;padding:28px 0 0 28px}
.cadre:before{content:"";position:absolute;left:0;top:0;width:140px;height:140px;background:var(--rouge)}
.cadre img{position:relative;width:100%;aspect-ratio:1/1;object-fit:cover}
.faq details{border-bottom:1px solid var(--filet);padding:10px 0}
.faq details:first-of-type{margin-top:14px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;font-weight:700;color:#111;font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:#e7effb;color:var(--rouge);display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1}
.faq details[open] summary{color:var(--rouge)}
.faq details[open] summary:after{content:"−";background:var(--rouge);color:#fff}
.faq details p{margin-top:10px}

/* Pied de page */
.pied{background:#0b1a30;color:#fff;font-size:15px}
.pied-haut{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:36px 0;border-bottom:1px solid #243a5c}
.pied-haut img{height:66px;width:auto}
.colonnes{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:50px;padding:50px 0}
.colonnes .titre-col{font-size:20px;font-weight:700;padding-bottom:12px;margin-bottom:18px;position:relative}
.colonnes .titre-col:after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;background:var(--rouge)}
.colonnes a{text-decoration:none}
.colonnes a:hover{color:#c9dbf6}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.deux a:before{content:"›";color:var(--rouge);margin-right:8px;font-weight:800}
.horaires li{display:flex;justify-content:space-between;gap:16px;max-width:240px}
.droits{border-top:1px solid #243a5c;padding:20px 0;text-align:center;font-size:13px}
.droits a{margin:0 8px}

@media (max-width:1100px){
.bande{display:none}
.nav{gap:20px;padding:0 16px}
.diag{padding:0 20px 0 36px;font-size:12px;line-height:1.25;max-width:190px}
}
@media (max-width:860px){
.haut{align-items:stretch;min-height:68px;flex-wrap:wrap}
.logo{padding:0 42px 0 5%}
.logo img{height:50px}
.diag{display:none}
.haut-c{display:none}
.haut{flex-wrap:nowrap}
.contact-mobile{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;margin-left:auto;padding:6px 16px 6px 8px;min-width:0;white-space:nowrap;font-size:14px;line-height:1.3;color:#111}
.contact-mobile a{text-decoration:underline;text-underline-offset:3px}
.contact-mobile .tel-mobile{font-size:18px;font-weight:800;color:var(--rouge)}
.plan{opacity:.02!important}
.hero{padding:48px 0 52px}
.hero .int{grid-template-columns:1fr;gap:32px}
.hero .petit{margin-left:0}
.hero .chapo,.actions{margin-left:0}
.boite{padding:24px 20px}
.qui{padding:64px 0}
.qui .int,.tete,.zone .int,.faq .int{grid-template-columns:1fr;gap:36px}
.tete{gap:14px}
.collage{grid-template-rows:repeat(12,24px);gap:10px}
.services,.etapes,.avis,.zone,.faq{padding:60px 0}
.cartes{grid-template-columns:1fr}
.carte,.carte:nth-child(5n+4),.carte:nth-child(5n+5){grid-column:auto}
.blocs{grid-template-columns:1fr 1fr;gap:12px}
.bloc{padding:22px 16px}
.bloc:nth-child(even){margin-top:22px}
.bloc b{font-size:32px}
.reals{padding-top:60px}
.mosaique{grid-template-columns:1fr 1fr;grid-auto-rows:170px}
.cadre img{aspect-ratio:16/11}
.mosaique figure:nth-child(6n+3),.mosaique figure:nth-child(6n+4){grid-column:auto}
.mosaique figcaption{left:14px;bottom:14px;font-size:15px;padding-left:9px}
.grille-avis{grid-template-columns:1fr;gap:14px}
#carte-zone{height:320px}
.colonnes{grid-template-columns:1fr;gap:34px;padding:36px 0}
}

.rond,.appel{display:inline-flex;align-items:stretch;gap:0;padding:0;border:0;border-radius:5px;overflow:hidden;background:var(--noir);color:#fff;text-decoration:none;transition:background .2s}
.decennale .rond,.pied .rond{background:#1d4f86}
.dec-photo{min-width:0}
.rond:hover,.appel:hover,.envoyer:hover{background:#1f3a63}
.decennale .rond:hover,.pied .rond:hover{background:#245d9b}
.rond b,.appel b{width:58px;height:58px;flex:none;border:0;border-radius:0;background:#2f6fb0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}
.rond span,.appel strong{flex:1;display:flex;align-items:center;justify-content:center;padding:0 26px;font:700 18px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:#fff;white-space:nowrap}
.envoyer{display:block;width:100%;height:48px;margin-top:14px;padding:0 16px;border-radius:5px;background:var(--noir);color:#fff;font:500 15px Inter,system-ui,sans-serif;text-align:center;transition:background .2s}
/* Sur ordinateur, sections plus aérées. */
@media(min-width:861px){
.qui{padding:124px 0 134px}
.services,.zone{padding:116px 0}
.etapes{padding:116px 0 128px}
.reals{padding-top:116px}
.voir{padding-top:40px}
.avis{padding:116px 0}
.faq{padding:108px 0}
.faq details{padding:14px 0}
.faq details:first-of-type{margin-top:20px}
.dec-texte{padding-top:96px;padding-bottom:96px}
}
.bouton,.bouton:hover{display:inline;padding:0;border:0;border-radius:0;background:none;color:var(--rouge);font:700 16px/1.4 Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.hero .int>*{min-width:0}
.champs textarea{width:100%;border:1px solid #8a9099;border-radius:4px;padding:12px 14px;background:#fff;color:#111;font:inherit;font-size:15px;resize:vertical}
.champs textarea::placeholder{color:#333}
.hero.service h1{font-size:clamp(34px,4.2vw,54px);line-height:1.12}
.hero.service h1 em{white-space:nowrap}
.hero.service .chapo{font-weight:400;font-size:17px;line-height:1.65;max-width:540px}
/* Même voile bleu nuit que le haut de l'accueil */
.hero.service:before{background:linear-gradient(90deg,rgba(16,35,63,.9) 0,rgba(16,35,63,.74) 45%,rgba(16,35,63,.5) 100%)}
@media(max-width:860px){.hero.service{background-position:var(--pos-m,center 40%)}.hero.service:before{background:rgba(16,35,63,.8)}}
.cartes.quatre{grid-template-columns:repeat(4,1fr)}
.cartes.quatre .carte{grid-column:auto}
.cartes.quatre .carte:hover{transform:none}
.cartes.quatre .carte:hover h3{color:#2b2b2e}
.cartes.quatre .carte .ph{aspect-ratio:4/3}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px}
.arg{grid-template-columns:84px 1fr;align-items:center}
.arg .pastille{justify-self:center}
.arg .sceau{width:84px;height:84px}
.services:has(.prestas){background:#1b3a63}
.pastille b{font-size:22px;font-weight:800;line-height:1}
.prestas{display:grid;grid-template-columns:repeat(4,1fr)}
.presta{padding:6px 30px;border-left:1px solid rgba(255,255,255,.25)}
.presta:first-child{padding-left:0;border-left:0}
.presta:last-child{padding-right:0}
.picto{display:block;width:92px;height:92px;margin-bottom:22px;overflow:visible;color:#fff;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.presta h3{font-size:20px;line-height:1.3;font-weight:700;color:#fff;margin-bottom:10px}
.presta p{font-size:15px;line-height:1.65;color:#fff}
.decennale{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--noir);color:#fff}
.dec-logo{position:absolute;left:calc(50% - 130px);top:50%;width:216px;transform:translateY(-50%);z-index:2;background:#fff;padding:22px 24px;border-radius:4px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.dec-logo img{display:block;width:100%;height:auto}
.dec-photo{clip-path:polygon(0 0,100% 0,91% 100%,0 100%)}
.dec-photo img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover}
.dec-texte{align-self:center;padding:70px max(20px,calc((100vw - 1240px)/2)) 70px 120px}
.dec-texte h2{color:#fff;font-size:clamp(28px,2.8vw,36px)}
.dec-texte p.texte{margin:18px 0 28px;max-width:520px}
@media(max-width:1100px){
.prestas{grid-template-columns:1fr 1fr;row-gap:44px}
.presta:nth-child(odd){padding-left:0;border-left:0}
.presta:nth-child(even){padding-right:0}
}
@media(max-width:760px){
.prestas{grid-template-columns:1fr;row-gap:32px}
.presta,.presta:nth-child(even){padding:0;border-left:0}
.decennale{grid-template-columns:1fr}
.dec-logo{left:auto;right:20px;top:calc(100vw*.625 - 36px);width:170px;padding:16px 18px;transform:none}
.dec-photo{clip-path:none}
.dec-photo img{min-height:0;aspect-ratio:16/10}
.dec-texte{padding:64px 20px 50px}

}
</style>
<style>
.hero h1{border-left-color:#fff}
.services .sur:before,.zone .sur:before,.decennale .sur:before{background:#fff}
.villes li:before{color:#fff}
.colonnes .titre-col:after{background:#fff}
.deux a:before{color:#fff}
.mosaique figcaption{border-left-color:#fff}
</style><style>
.hero{background-image:url('/assets/img/haut-couvreur-tuiles-plates.webp');background-size:115% auto;background-position:100% 45%;padding:110px 0 120px}
.hero:before{background:linear-gradient(90deg,rgba(16,35,63,.9) 0,rgba(16,35,63,.74) 45%,rgba(16,35,63,.5) 100%)}
.hero h1{border-left:0;padding-left:0;font-weight:600;letter-spacing:-.02em;font-size:clamp(40px,4.4vw,60px);line-height:1.12;max-width:680px}
.hero h1 em{display:block;font-style:italic;font-weight:500}
.hero .petit,.hero .chapo,.hero .actions{margin-left:0}
.hero .chapo{max-width:540px;font-size:17px;line-height:1.65;font-weight:400}
.contour{color:#fff;font:600 16px Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.contour:hover{text-decoration-thickness:2px}
@media(max-width:860px){
.hero{padding:44px 0 52px;background-size:cover;background-position:60% center}
.hero:before{background:rgba(16,35,63,.8)}
.hero .petit{font-size:11px;letter-spacing:.16em;margin-bottom:12px}
.hero h1{font-size:38px;line-height:1.12}
.hero h1 em{display:inline}
.contour{display:none}
}
</style><script type="application/ld+json">{"@context":"https://schema.org","@type":"RoofingContractor","name":"ACBF","url":"https://www.societeacbf.com/","telephone":"+33376277032","email":"acbf.france@gmail.com","logo":"https://www.societeacbf.com/assets/img/7ba2e19196a124831004.webp","foundingDate":"2012","areaServed":{"@type":"AdministrativeArea","name":"Yonne"},"openingHours":["Mo-Fr 07:00-20:00","Sa-Su 10:00-18:00"]}</script></head><body>

<header class="haut">
  <a class="logo" href="/"><img src="/assets/img/7ba2e19196a124831004.webp" alt="ACBF, couvreur dans l'Yonne" width="320" height="160"></a>
  <div class="haut-c">
    <div class="bande">
      <span><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 12 12 4l9 8"/><path d="M6 10v9h12v-9"/><path d="M10 19v-5h4v5"/></svg>Intervention dans toute l'Yonne</span>
      <a href="tel:0376277032"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.6a1 1 0 0 1-.25 1z"/></svg>03 76 27 70 32</a>
      <a href="mailto:acbf.france@gmail.com">acbf.france@gmail.com</a>
    </div>
    <nav class="nav">
      <a href="/">Accueil</a>
      <div class="menu" tabindex="0"><span>Nos services</span><div class="sous"><a href="/couvreur-renovation-toiture-89">Rénovation de toiture</a><a href="/couvreur-recherche-fuite-toiture-89">Fuite et réparation de toiture</a><a href="/couvreur-demoussage-toiture-89">Démoussage et nettoyage de toiture</a><a href="/couvreur-traitement-hydrofuge-89">Hydrofuge de toiture</a><a href="/couvreur-etancheite-89">Étanchéité de toiture plate</a><a href="/couvreur-zinguerie-gouttieres-89">Zinguerie et gouttières</a><a href="/couvreur-pose-velux-89">Pose de Velux</a><a href="/couvreur-isolation-combles-89">Isolation des combles</a><a href="/couvreur-traitement-charpente-89">Traitement de charpente</a><a href="/couvreur-traitement-facade-89">Traitement de façade</a></div></div>
      <a href="#realisations">Réalisations</a>
      <a href="#avis">Avis</a>
      <a href="#faq">Questions</a>
    </nav>
  </div>
  <a class="diag" href="#diagnostic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.6a1 1 0 0 1-.25 1z"/></svg>Je souhaite être rappelé</a>
  <div class="contact-mobile"><a class="tel-mobile" href="tel:0376277032">03 76 27 70 32</a></div>
</header>

<main>
<section class="hero"><div class="int">
  <div>
    <p class="petit">Entreprise de couverture</p>
    <h1>Votre société de couverture <em>implantée dans l'Yonne</em></h1>
    <p class="chapo">Rénovation, réparation et entretien de toiture dans toute l'Yonne. Un couvreur se déplace chez vous pour le diagnostic, gratuitement, et suit votre chantier jusqu'au bout.</p>
    <div class="actions">
      <a class="rond" href="tel:0376277032"><b><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.6a1 1 0 0 1-.25 1z"/></svg></b><span>03 76 27 70 32</span></a>
      <a class="contour" href="#services">Voir nos services</a>
    </div>
  </div>
  <div class="boite w-form" id="diagnostic">
    <form id="Form-service1" method="get">
      <p class="titre-form">Obtenez un premier chiffrage de votre projet</p>
      <p class="sous-form">Sans engagement de votre part</p>
      <div class="champs">
        <input type="text" name="Nom" placeholder="Nom" aria-label="Nom" autocomplete="family-name" required>
        <input type="text" name="Prenom" placeholder="Prénom" aria-label="Prénom" autocomplete="given-name" required>
        <input type="tel" name="T-l-phone" placeholder="Téléphone" aria-label="Numéro de téléphone" autocomplete="tel" required>
        <input type="email" name="Email" placeholder="Adresse mail" aria-label="Adresse mail" autocomplete="email" required>
        <textarea name="Message" rows="2" placeholder="Votre demande" aria-label="Votre demande" required></textarea>
      </div>
      <div style="position:absolute;left:-9999px;top:-9999px" aria-hidden="true"><input type="text" name="Website" tabindex="-1" autocomplete="off"></div>
      <label class="accord"><input type="checkbox" name="Consentement" required><span>J'accepte que mes coordonnées soient utilisées pour être contacté par l'entreprise ACBF.</span></label>
      <input class="envoyer" type="submit" data-wait="Patientez...." value="Envoyer ma demande">
    </form>
    <div class="w-form-done"><div>Merci, nous avons bien reçu votre demande.</div></div>
    <div class="w-form-fail"><div>Veuillez réessayer, une erreur s'est produite.</div></div>
  </div>
</div></section>

<section class="qui" id="presentation"><svg class="plan" viewBox="0 0 600 600" fill="none" stroke="currentColor" aria-hidden="true"><path d="M40 330 300 90l260 240M90 330v210h420V330M40 330h520M300 90v240M170 210v120M430 210v120M170 330l130-120 130 120M90 400h420M90 470h420M190 330v210M300 330v210M410 330v210M300 90l-130 120M300 90l130 120"/></svg><svg class="plan plan2" viewBox="0 0 600 600" fill="none" stroke="currentColor" aria-hidden="true"><path d="M40 330 300 90l260 240M90 330v210h420V330M40 330h520M300 90v240M170 210v120M430 210v120M170 330l130-120 130 120M90 400h420M90 470h420M190 330v210M300 330v210M410 330v210M300 90l-130 120M300 90l130 120"/></svg><div class="int">
  <div>
    <p class="sur">Depuis 2012</p>
    <h2>Une entreprise familiale <span>de couverture dans l'Yonne</span></h2>
    <p class="texte">On rénove, on répare et on entretient les toitures dans toute l'Yonne : tuiles, ardoises, zinguerie, fenêtres de toit et isolation des combles. Vous avez un seul interlocuteur pour tout votre toit.</p>
    <div class="arg"><span class="pastille"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6l5-2 6 2 5-2v14l-5 2-6-2-5 2z"/><path d="M9 4v14M15 6v14"/></svg></span><div><h3>Diagnostic gratuit à domicile</h3><p>On se déplace, on inspecte le toit et on vous explique ce qu'on a vu.</p></div></div><div class="arg"><svg class="sceau" viewBox="0 0 120 120" role="img" aria-label="Garantie décennale, 10 ans"><defs><path id="shq" d="M17 60a43 43 0 0 1 86 0"/><path id="sbq" d="M8 60a52 52 0 0 0 104 0"/></defs><circle cx="60" cy="60" r="60" fill="#fff"/><circle cx="60" cy="60" r="56" fill="none" stroke="#10233f" stroke-width="1.500"/><circle cx="60" cy="60" r="38" fill="#10233f"/><circle cx="12.500" cy="60" r="2" fill="#10233f"/><circle cx="107.500" cy="60" r="2" fill="#10233f"/><g font-family="Inter,system-ui,sans-serif" font-weight="800" fill="#10233f" font-size="11" letter-spacing="1.500" text-anchor="middle"><text><textPath href="#shq" startOffset="50%">GARANTIE</textPath></text><text><textPath href="#sbq" startOffset="50%">DÉCENNALE</textPath></text></g><g font-family="Inter,system-ui,sans-serif" font-weight="800" fill="#fff" text-anchor="middle"><text x="60" y="66" font-size="32">10</text><text x="60" y="81" font-size="11" letter-spacing="2">ANS</text></g></svg><div><h3>Garantie décennale</h3><p>ACBF est une société immatriculée, avec une garantie décennale gérée par Groupama.</p></div></div>
    <div class="bas-qui">
      <a class="appel" href="tel:0376277032"><b><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.6a1 1 0 0 1-.25 1z"/></svg></b><strong>03 76 27 70 32</strong></a>
    </div>
  </div>
  <div class="collage">
    <img src="/assets/img/chantier-cheminee.webp" alt="Toiture en tuiles avec habillage de cheminée" class="c1" loading="lazy">
    <img src="/assets/img/etancheite-retour-client.webp" alt="Maison avec une toiture en tuiles noires" class="c2" loading="lazy">
    <img src="/assets/img/toit-fenetres.webp" alt="Toiture en tuiles avec fenêtres de toit" class="c3" loading="lazy">
  </div>
</div></section>

<section class="services" id="services"><svg class="plan" viewBox="0 0 600 600" fill="none" stroke="currentColor" aria-hidden="true"><path d="M40 330 300 90l260 240M90 330v210h420V330M40 330h520M300 90v240M170 210v120M430 210v120M170 330l130-120 130 120M90 400h420M90 470h420M190 330v210M300 330v210M410 330v210M300 90l-130 120M300 90l130 120"/></svg><svg class="plan plan2" viewBox="0 0 600 600" fill="none" stroke="currentColor" aria-hidden="true"><path d="M40 330 300 90l260 240M90 330v210h420V330M40 330h520M300 90v240M170 210v120M430 210v120M170 330l130-120 130 120M90 400h420M90 470h420M190 330v210M300 330v210M410 330v210M300 90l-130 120M300 90l130 120"/></svg><div class="int">
  <div class="tete">
    <div><p class="sur">Nos services</p><h2>Nos travaux de couverture dans l'Yonne</h2></div>
    <p>De la petite réparation à la rénovation complète, on s'occupe de tout le toit. Chaque service a sa page, avec le détail des travaux.</p>
  </div>
  <div class="cartes"><a class="carte" href="/couvreur-renovation-toiture-89"><div class="ph"><img src="/assets/img/toit-maison-blanche.webp" alt="Rénovation de toiture" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 12 12 4l9 8"/><path d="M6 10v9h12v-9"/><path d="M10 19v-5h4v5"/></svg></span></div><div class="corps"><h3>Rénovation de toiture</h3><p>Tuiles ou ardoises en fin de vie, fuites à répétition : on refait la couverture, un versant ou le toit entier.</p><span class="plus">En savoir plus</span></div></a><a class="carte" href="/couvreur-recherche-fuite-toiture-89"><div class="ph"><img src="/assets/img/fuite-meta-photo.webp" alt="Fuite et réparation de toiture" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3s7 7.5 7 12a7 7 0 0 1-14 0c0-4.5 7-12 7-12z"/></svg></span></div><div class="corps"><h3>Fuite et réparation de toiture</h3><p>De l'eau au plafond après la pluie ? On trouve d'où elle vient et on répare la tuile, le solin ou le faîtage en cause.</p><span class="plus">En savoir plus</span></div></a><a class="carte" href="/couvreur-demoussage-toiture-89"><div class="ph"><img src="/assets/img/hydrofuge-meta-photo.webp" alt="Démoussage et nettoyage de toiture" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 19C5 10 11 5 20 4c0 9-5 15-14 15"/><path d="M5 20c2-5 5-8 9-10"/></svg></span></div><div class="corps"><h3>Démoussage et nettoyage de toiture</h3><p>Mousses, lichens et dépôts noirs gardent l'eau sur le toit. On les retire et on ralentit leur retour.</p><span class="plus">En savoir plus</span></div></a><a class="carte" href="/couvreur-traitement-hydrofuge-89"><div class="ph"><img src="/assets/img/toit-hydrofuge-rouge.webp" alt="Hydrofuge de toiture" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 8c1.5 3 3.5 3 4.5 0 1 3 3 3 4.5 0 1.5 3 3.5 3 4.5 0 1 3 3 3 4.5 0"/><path d="M3 15c1.5 3 3.5 3 4.5 0 1 3 3 3 4.5 0 1.5 3 3.5 3 4.5 0 1 3 3 3 4.5 0"/></svg></span></div><div class="corps"><h3>Hydrofuge de toiture</h3><p>Un produit qui limite l'absorption d'eau des tuiles. Incolore, ou coloré pour raviver un toit qui a grisé.</p><span class="plus">En savoir plus</span></div></a><a class="carte" href="/couvreur-etancheite-89"><div class="ph"><img src="/assets/img/etancheite-meta-toit-plat.webp" alt="Étanchéité de toiture plate" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 9h18"/><path d="M5 9v10h14V9"/><path d="M3 6h18"/></svg></span></div><div class="corps"><h3>Étanchéité de toiture plate</h3><p>Toit plat ou toit-terrasse : on répare la zone abîmée ou on refait tout le revêtement.</p><span class="plus">En savoir plus</span></div></a><a class="carte" href="/couvreur-zinguerie-gouttieres-89"><div class="ph"><img src="/assets/img/zinc-raccord.webp" alt="Zinguerie et gouttières" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 7h18v3a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5z"/><path d="M16 15v6"/></svg></span></div><div class="corps"><h3>Zinguerie et gouttières</h3><p>Gouttières, descentes, noues et solins : les pièces qui guident l'eau hors du toit.</p><span class="plus">En savoir plus</span></div></a><a class="carte" href="/couvreur-pose-velux-89"><div class="ph"><img src="/assets/img/etancheite-pourquoi-nous.webp" alt="Pose de Velux" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><rect x="5" y="4" width="14" height="16" rx="1"/><path d="M12 4v16M5 12h14"/></svg></span></div><div class="corps"><h3>Pose de Velux</h3><p>Création ou remplacement de fenêtres de toit, avec un raccord soigné sur la couverture.</p><span class="plus">En savoir plus</span></div></a><a class="carte" href="/couvreur-isolation-combles-89"><div class="ph"><img src="/assets/img/isolation-combles.webp" alt="Isolation des combles" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 11 12 4l9 7"/><path d="M5 14c2-2 3 2 5 0s3 2 5 0 3 2 4 0"/><path d="M5 18c2-2 3 2 5 0s3 2 5 0 3 2 4 0"/></svg></span></div><div class="corps"><h3>Isolation des combles</h3><p>Combles perdus ou aménagés : moins de chaleur qui s'échappe par le haut de la maison.</p><span class="plus">En savoir plus</span></div></a><a class="carte" href="/couvreur-traitement-charpente-89"><div class="ph"><img src="/assets/img/57bf8713c7352a92ec1b.webp" alt="Traitement de charpente" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 16 12 5l9 11"/><path d="M7 16v4M17 16v4M3 16h18M12 5v11"/></svg></span></div><div class="corps"><h3>Traitement de charpente</h3><p>Trous dans le bois, sciure, poutres qui sonnent creux : on traite contre les insectes xylophages.</p><span class="plus">En savoir plus</span></div></a><a class="carte" href="/couvreur-traitement-facade-89"><div class="ph"><img src="/assets/img/fissures-retour-client.webp" alt="Traitement de façade" loading="lazy"><svg class="vague" viewBox="0 0 400 42" preserveAspectRatio="none" aria-hidden="true"><path d="M0 8C70 40 150 42 220 26S340 2 400 16V42H0z" fill="#10233f"/><path d="M0 18C70 46 150 46 220 34S340 12 400 26V42H0z" fill="#fff"/></svg><span class="pic"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 5h18v14H3zM3 10h18M3 15h18M9 5v5M15 5v5M6 10v5M12 10v5M18 10v5M9 15v4M15 15v4"/></svg></span></div><div class="corps"><h3>Traitement de façade</h3><p>Fissures, enduit abîmé, mur qui prend l'eau : on répare et on protège la façade.</p><span class="plus">En savoir plus</span></div></a></div>
</div></section>

<section class="etapes"><div class="int">
  <p class="sur">Comment ça se passe</p>
  <h2>Comment se passe un chantier de couvreur dans l'Yonne ?</h2>
  <ol class="blocs"><li class="bloc"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 5h14v11H9l-4 4z"/></svg><b>01</b><h3>Prise de contact</h3><p>Vous nous appelez ou vous remplissez le formulaire. On convient d'un rendez-vous chez vous, dans l'Yonne.</p></li><li class="bloc"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="6"/><path d="M16 16l4 4"/></svg><b>02</b><h3>Visite de la toiture</h3><p>Un technicien inspecte la couverture, les combles et la zinguerie. Il vous dit ce qui presse et ce qui peut attendre.</p></li><li class="bloc"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 3h7l4 4v14H7z"/><path d="M10 12h5M10 16h5"/></svg><b>03</b><h3>Devis et travaux</h3><p>Vous recevez un devis détaillé, avec le prix et le délai. L'équipe intervient ensuite à la date prévue.</p></li><li class="bloc"><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z"/></svg><b>04</b><h3>Réception du chantier</h3><p>On fait le tour des travaux avec vous, et vous recevez votre garantie décennale.</p></li></ol>
</div></section>

<section class="decennale">
  <div class="dec-logo"><img src="/assets/img/groupama.svg" alt="Garantie décennale gérée par Groupama" loading="lazy"></div>
  <div class="dec-photo"><img src="/assets/img/g-toiture-noire-et-pignon-en-brique.webp" alt="Maison en brique avec une toiture en tuiles noires" loading="lazy"></div>
  <div class="dec-texte">
    <p class="sur">Garantie décennale</p>
    <h2>Entreprise de couverture couverte par la garantie décennale</h2>
    <p class="texte">ACBF est une société immatriculée, couverte par une garantie décennale gérée par Groupama. Si un défaut touche la solidité ou l'étanchéité de votre toit après des travaux de couverture, vous restez protégé pendant dix ans après la fin du chantier.</p>
    <a class="rond" href="tel:0376277032"><b><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.6a1 1 0 0 1-.25 1z"/></svg></b><span>03 76 27 70 32</span></a>
  </div>
</section>

<section class="reals" id="realisations">
  <div class="int"><p class="sur">Nos réalisations</p><h2>Réalisations de notre entreprise<br>de couverture dans l'Yonne</h2></div>
  <div class="mosaique"><figure><img src="/assets/img/be13b3419a7a52406b7d.webp" alt="Toiture en tuiles rouges" loading="lazy"><figcaption>Toiture en tuiles rouges</figcaption></figure><figure><img src="/assets/img/chantier-facade.webp" alt="Toiture et façade" loading="lazy"><figcaption>Toiture et façade</figcaption></figure><figure><img src="/assets/img/toit-brun-vue-haut.webp" alt="Toiture en tuiles brunes" loading="lazy"><figcaption>Toiture en tuiles brunes</figcaption></figure><figure><img src="/assets/img/r-maison-ardoise.webp" alt="Toiture d&#x27;une maison ancienne" loading="lazy"><figcaption>Toiture d'une maison ancienne</figcaption></figure><figure><img src="/assets/img/78c2e1dea3f60cd55b0a.webp" alt="Couverture rouge" loading="lazy"><figcaption>Couverture rouge</figcaption></figure><figure><img src="/assets/img/r-zinc-plat.webp" alt="Couverture en zinc" loading="lazy"><figcaption>Couverture en zinc</figcaption></figure><figure class="cache"><img src="/assets/img/g-lucarne-et-tuiles-rouges.webp" alt="Lucarne et tuiles rouges" loading="lazy"><figcaption>Lucarne et tuiles rouges</figcaption></figure><figure class="cache"><img src="/assets/img/r-rives-brique.webp" alt="Rives et gouttières" loading="lazy"><figcaption>Rives et gouttières</figcaption></figure><figure class="cache"><img src="/assets/img/g-pan-de-toiture-en-tuiles-brunes.webp" alt="Pan de toiture en tuiles brunes" loading="lazy"><figcaption>Pan de toiture en tuiles brunes</figcaption></figure><figure class="cache"><img src="/assets/img/r-facade-pignon.webp" alt="Façade et pignon" loading="lazy"><figcaption>Façade et pignon</figcaption></figure><figure class="cache"><img src="/assets/img/r-rive-grise.webp" alt="Couverture grise" loading="lazy"><figcaption>Couverture grise</figcaption></figure><figure class="cache"><img src="/assets/img/g-faitage-en-tuiles-brunes.webp" alt="Faîtage en tuiles brunes" loading="lazy"><figcaption>Faîtage en tuiles brunes</figcaption></figure><figure class="cache"><img src="/assets/img/r-tuiles-rouges.webp" alt="Tuiles rouges" loading="lazy"><figcaption>Tuiles rouges</figcaption></figure><figure class="cache"><img src="/assets/img/g-toit-plat-en-zinc.webp" alt="Toit plat en zinc" loading="lazy"><figcaption>Toit plat en zinc</figcaption></figure><figure class="cache"><img src="/assets/img/g-pavillon-et-toiture-grise.webp" alt="Pavillon et toiture grise" loading="lazy"><figcaption>Pavillon et toiture grise</figcaption></figure><figure class="cache"><img src="/assets/img/g-toiture-noire-et-pignon-en-brique.webp" alt="Toiture noire et pignon en brique" loading="lazy"><figcaption>Toiture noire et pignon en brique</figcaption></figure><figure class="cache"><img src="/assets/img/g-raccord-en-zinc-sous-les-tuiles.webp" alt="Raccord en zinc sous les tuiles" loading="lazy"><figcaption>Raccord en zinc sous les tuiles</figcaption></figure><figure class="cache"><img src="/assets/img/r-parement.webp" alt="Parement de façade" loading="lazy"><figcaption>Parement de façade</figcaption></figure><figure class="cache"><img src="/assets/img/g-tuiles-rouges-et-fenetres-de-toit.webp" alt="Tuiles rouges et fenêtres de toit" loading="lazy"><figcaption>Tuiles rouges et fenêtres de toit</figcaption></figure><figure class="cache"><img src="/assets/img/g-maison-blanche-et-toiture-grise.webp" alt="Maison blanche et toiture grise" loading="lazy"><figcaption>Maison blanche et toiture grise</figcaption></figure><figure class="cache"><img src="/assets/img/g-maison-et-toiture-brune.webp" alt="Maison et toiture brune" loading="lazy"><figcaption>Maison et toiture brune</figcaption></figure><figure class="cache"><img src="/assets/img/g-facade-enduite-et-garage.webp" alt="Façade enduite et garage" loading="lazy"><figcaption>Façade enduite et garage</figcaption></figure><figure class="cache"><img src="/assets/img/r-gouttieres.webp" alt="Gouttières" loading="lazy"><figcaption>Gouttières</figcaption></figure><figure class="cache"><img src="/assets/img/g-cheminee-et-tuiles-brunes.webp" alt="Cheminée et tuiles brunes" loading="lazy"><figcaption>Cheminée et tuiles brunes</figcaption></figure><figure class="cache"><img src="/assets/img/r-chantier-echelles.webp" alt="Façade en cours de chantier" loading="lazy"><figcaption>Façade en cours de chantier</figcaption></figure><figure class="cache"><img src="/assets/img/g-rive-et-gouttiere.webp" alt="Rive et gouttière" loading="lazy"><figcaption>Rive et gouttière</figcaption></figure><figure class="cache"><img src="/assets/img/g-toiture-noire-et-fenetres-de-toit.webp" alt="Toiture noire et fenêtres de toit" loading="lazy"><figcaption>Toiture noire et fenêtres de toit</figcaption></figure><figure class="cache"><img src="/assets/img/g-pignon-et-rives.webp" alt="Pignon et rives" loading="lazy"><figcaption>Pignon et rives</figcaption></figure><figure class="cache"><img src="/assets/img/g-tuiles-vues-du-faitage.webp" alt="Tuiles vues du faîtage" loading="lazy"><figcaption>Tuiles vues du faîtage</figcaption></figure><figure class="cache"><img src="/assets/img/g-parement-pierre-et-garage.webp" alt="Parement pierre et garage" loading="lazy"><figcaption>Parement pierre et garage</figcaption></figure><figure class="cache"><img src="/assets/img/g-maison-en-tuiles-rouges.webp" alt="Maison en tuiles rouges" loading="lazy"><figcaption>Maison en tuiles rouges</figcaption></figure><figure class="cache"><img src="/assets/img/g-chantier-sous-protection.webp" alt="Chantier sous protection" loading="lazy"><figcaption>Chantier sous protection</figcaption></figure><figure class="cache"><img src="/assets/img/g-toiture-grise-et-garage.webp" alt="Toiture grise et garage" loading="lazy"><figcaption>Toiture grise et garage</figcaption></figure><figure class="cache"><img src="/assets/img/r-parement-pierre.webp" alt="Façade et parement pierre" loading="lazy"><figcaption>Façade et parement pierre</figcaption></figure><figure class="cache"><img src="/assets/img/r-facade-creme.webp" alt="Façade enduite" loading="lazy"><figcaption>Façade enduite</figcaption></figure><figure class="cache"><img src="/assets/img/g-detail-d-une-tuile.webp" alt="Détail d&#x27;une tuile" loading="lazy"><figcaption>Détail d'une tuile</figcaption></figure><figure class="cache"><img src="/assets/img/g-pan-de-tuiles-brunes.webp" alt="Pan de tuiles brunes" loading="lazy"><figcaption>Pan de tuiles brunes</figcaption></figure><figure class="cache"><img src="/assets/img/g-mur-en-brique-et-gouttiere.webp" alt="Mur en brique et gouttière" loading="lazy"><figcaption>Mur en brique et gouttière</figcaption></figure><figure class="cache"><img src="/assets/img/g-chantier-sur-une-toiture-brune.webp" alt="Chantier sur une toiture brune" loading="lazy"><figcaption>Chantier sur une toiture brune</figcaption></figure><figure class="cache"><img src="/assets/img/g-pignon-et-balcon.webp" alt="Pignon et balcon" loading="lazy"><figcaption>Pignon et balcon</figcaption></figure><figure class="cache"><img src="/assets/img/g-faitage-en-tuiles-grises.webp" alt="Faîtage en tuiles grises" loading="lazy"><figcaption>Faîtage en tuiles grises</figcaption></figure><figure class="cache"><img src="/assets/img/g-evacuation-d-eau-sur-zinc.webp" alt="Évacuation d&#x27;eau sur zinc" loading="lazy"><figcaption>Évacuation d'eau sur zinc</figcaption></figure><figure class="cache"><img src="/assets/img/g-intervention-sur-un-pignon.webp" alt="Intervention sur un pignon" loading="lazy"><figcaption>Intervention sur un pignon</figcaption></figure><figure class="cache"><img src="/assets/img/g-enduit-de-facade.webp" alt="Enduit de façade" loading="lazy"><figcaption>Enduit de façade</figcaption></figure><figure class="cache"><img src="/assets/img/g-pignon-et-veranda.webp" alt="Pignon et véranda" loading="lazy"><figcaption>Pignon et véranda</figcaption></figure><figure class="cache"><img src="/assets/img/g-toiture-grise-pendant-le-chantier.webp" alt="Toiture grise pendant le chantier" loading="lazy"><figcaption>Toiture grise pendant le chantier</figcaption></figure><figure class="cache"><img src="/assets/img/g-pignon-enduit.webp" alt="Pignon enduit" loading="lazy"><figcaption>Pignon enduit</figcaption></figure><figure class="cache"><img src="/assets/img/g-descente-d-eau-pluviale.webp" alt="Descente d&#x27;eau pluviale" loading="lazy"><figcaption>Descente d'eau pluviale</figcaption></figure></div>
  <div class="voir"><button class="bouton" id="voir-plus" type="button">Voir plus de réalisations</button></div>
</section>

<section class="avis" id="avis"><svg class="plan" viewBox="0 0 600 600" fill="none" stroke="currentColor" aria-hidden="true"><path d="M40 330 300 90l260 240M90 330v210h420V330M40 330h520M300 90v240M170 210v120M430 210v120M170 330l130-120 130 120M90 400h420M90 470h420M190 330v210M300 330v210M410 330v210M300 90l-130 120M300 90l130 120"/></svg><div class="int">
  <p class="sur">Avis clients</p>
  <h2>Avis clients sur notre entreprise de couverture dans l'Yonne</h2>
  <ul class="grille-avis"><li class="un-avis"><span class="etoiles" aria-label="5 étoiles sur 5">★★★★★</span><p>Très satisfaite des travaux réalisés à mon domicile. Personnel sérieux, je recommande cette entreprise.</p><strong>Evelyne P.</strong></li><li class="un-avis"><span class="etoiles" aria-label="5 étoiles sur 5">★★★★★</span><p>Très satisfaite des travaux réalisés à mon domicile. Personnel sympathique et compétent, je recommande cette entreprise sans hésiter.</p><strong>Marie-Ange C.</strong></li><li class="un-avis"><span class="etoiles" aria-label="5 étoiles sur 5">★★★★★</span><p>Je suis satisfait des travaux réalisés à mon domicile, je recommande cette entreprise.</p><strong>Bernard B.</strong></li><li class="un-avis"><span class="etoiles" aria-label="5 étoiles sur 5">★★★★★</span><p>Je suis satisfaite du travail. On avait déjà fait appel à cette entreprise, j'en suis contente puisque j'ai encore fait appel à elle aujourd'hui.</p><strong>Danielle V.</strong></li></ul>
</div></section>

<section class="zone" id="zone"><div class="int">
  <div>
    <p class="sur">Zone d'intervention</p>
    <h2>Couvreur et entreprise de couverture dans toute l'Yonne</h2>
    <p class="texte">On se déplace à Auxerre, à Sens, à Joigny et dans toutes les communes autour. On intervient sur les maisons anciennes aux tuiles plates comme sur les pavillons plus récents. Ici, le gel et le dégel usent vite une couverture mal entretenue. On adapte les travaux à chaque toit.</p>
    <ul class="villes"><li>Auxerre</li><li>Sens</li><li>Joigny</li><li>Migennes</li><li>Avallon</li><li>Villeneuve-sur-Yonne</li><li>Charny Orée de Puisaye</li><li>Paron</li><li>Tonnerre</li><li>Saint-Florentin</li></ul>
  </div>
  <div id="carte-zone" data-villes="[[&quot;Auxerre&quot;, 47.7982, 3.5683], [&quot;Sens&quot;, 48.1975, 3.2836], [&quot;Joigny&quot;, 47.9807, 3.3986], [&quot;Migennes&quot;, 47.9636, 3.5158], [&quot;Avallon&quot;, 47.4886, 3.9082], [&quot;Villeneuve-sur-Yonne&quot;, 48.0833, 3.2999], [&quot;Charny Orée de Puisaye&quot;, 47.8934, 3.0956], [&quot;Paron&quot;, 48.1833, 3.2667], [&quot;Tonnerre&quot;, 47.8579, 3.9744], [&quot;Saint-Florentin&quot;, 47.999, 3.7318]]"></div>
</div></section>

<section class="faq" id="faq"><svg class="plan" viewBox="0 0 600 600" fill="none" stroke="currentColor" aria-hidden="true"><path d="M40 330 300 90l260 240M90 330v210h420V330M40 330h520M300 90v240M170 210v120M430 210v120M170 330l130-120 130 120M90 400h420M90 470h420M190 330v210M300 330v210M410 330v210M300 90l-130 120M300 90l130 120"/></svg><div class="int">
  <div class="cadre">
    <img src="/assets/img/faq-toiture.webp" alt="Toiture en tuiles grises refaite sur une maison blanche" loading="lazy">
  </div>
  <div>
    <p class="sur">On vous répond</p>
    <h2>Vos questions fréquentes sur notre entreprise de couverture</h2>
    <details open><summary>Vos travaux sont-ils garantis ?</summary><p>Oui, nos travaux sont couverts par la garantie décennale pendant dix ans après la fin du chantier.</p></details><details><summary>Avez-vous une assurance ?</summary><p>Oui, ACBF est une société immatriculée, couverte par une garantie décennale gérée par Groupama.</p></details><details><summary>Que faire en cas de fuite ?</summary><p>Protégez ce qui se trouve sous la fuite, ne montez pas sur le toit et appelez-nous au 03 76 27 70 32.</p></details><details><summary>Dois-je quitter ma maison pendant le chantier ?</summary><p>En général non. Si une intervention dans les combles demande de libérer une pièce, on vous prévient à l'avance.</p></details><details><summary>La visite à domicile est-elle vraiment gratuite ?</summary><p>Oui. On se déplace, on inspecte le toit et on vous remet un devis, sans engagement.</p></details><details><summary>Où intervenez-vous ?</summary><p>Dans toute l'Yonne. On se déplace à Auxerre, à Sens, à Joigny et dans toutes les communes autour. Indiquez-nous votre commune quand vous nous contactez.</p></details>
  </div>
</div></section>
</main>

<footer class="pied"><div class="int">
  <div class="pied-haut">
    <a href="/"><img src="/assets/img/7ba2e19196a124831004.webp" alt="ACBF" width="320" height="160" loading="lazy"></a>
    <a class="rond" href="tel:0376277032"><b><svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.6a1 1 0 0 1-.25 1z"/></svg></b><span>03 76 27 70 32</span></a>
  </div>
  <div class="colonnes">
    <div><p class="titre-col">Informations</p><p>ACBF, couvreur dans l'Yonne. Rénovation, réparation et entretien de toiture, avec un savoir-faire transmis depuis 2012.</p><p style="margin-top:12px"><a href="mailto:acbf.france@gmail.com">acbf.france@gmail.com</a></p></div>
    <div><p class="titre-col">Nos services</p><div class="deux"><a href="/couvreur-renovation-toiture-89">Rénovation de toiture</a><a href="/couvreur-recherche-fuite-toiture-89">Fuite et réparation de toiture</a><a href="/couvreur-demoussage-toiture-89">Démoussage et nettoyage de toiture</a><a href="/couvreur-traitement-hydrofuge-89">Hydrofuge de toiture</a><a href="/couvreur-etancheite-89">Étanchéité de toiture plate</a><a href="/couvreur-zinguerie-gouttieres-89">Zinguerie et gouttières</a><a href="/couvreur-pose-velux-89">Pose de Velux</a><a href="/couvreur-isolation-combles-89">Isolation des combles</a><a href="/couvreur-traitement-charpente-89">Traitement de charpente</a><a href="/couvreur-traitement-facade-89">Traitement de façade</a></div></div>
    <div><p class="titre-col">Horaires</p><ul class="horaires"><li><span>Lundi au vendredi</span><span>7h - 20h</span></li><li><span>Samedi</span><span>10h - 18h</span></li><li><span>Dimanche</span><span>10h - 18h</span></li></ul></div>
  </div>
  <div class="droits">© 2026 ACBF. Tous droits réservés.<br><a href="/mentions-legales">Mentions légales</a><a href="/politique-de-confidentialite">Confidentialité</a><a href="/politique-de-cookies">Cookies</a></div>
</div></footer>
<script>
(function () {
  var SCRIPT_URL = 'https://script.google.com/macros/s/AKfycbxDBvR_dzS9L68iuCEu0rsCctV6dTQJF5-wgRCmDBmXX35tKlog6nEdx33kkqQ3dpdTrw/exec';

  function pushDataLayer(payload) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(payload);
  }

  document.addEventListener('submit', function (e) {
    var form = e.target;
    if (!form || form.id !== 'Form-service1') return;

    e.preventDefault();
    e.stopPropagation();

    var wrapper = form.closest('.w-form') || form.parentNode;
    var doneEl = wrapper.querySelector('.w-form-done');
    var failEl = wrapper.querySelector('.w-form-fail');
    var submitBtn = form.querySelector('input[type="submit"]');
    var originalBtnValue = submitBtn ? submitBtn.value : '';

    var data = {};
    new FormData(form).forEach(function (value, key) { data[key] = value; });
    data.Page = location.pathname;

    

    if (failEl) failEl.style.display = 'none';
    if (submitBtn) {
      submitBtn.disabled = true;
      submitBtn.value = submitBtn.getAttribute('data-wait') || 'Envoi en cours...';
    }

    function setMessage(el, text) {
      if (!el) return;
      var inner = el.querySelector('div');
      if (inner) inner.textContent = text;
    }

    function scrollToMessage(el) {
      if (el && el.scrollIntoView) {
        el.scrollIntoView({ behavior: 'smooth', block: 'center' });
      }
    }

    function showDone(message) {
      form.style.display = 'none';
      setMessage(doneEl, message);
      if (doneEl) doneEl.style.display = 'block';
      scrollToMessage(doneEl);
    }


    function showTechnicalError(message) {
      setMessage(failEl, message);
      if (failEl) failEl.style.display = 'block';
      if (submitBtn) {
        submitBtn.disabled = false;
        submitBtn.value = originalBtnValue;
      }
      scrollToMessage(failEl);
    }


    fetch(SCRIPT_URL, {
      method: 'POST',
      headers: { 'Content-Type': 'text/plain;charset=utf-8' },
      body: JSON.stringify(data)
    })
      .then(function (res) { return res.json(); })
      .then(function (json) {
        if (json.result === 'success') {
          pushDataLayer({ event: 'lead_qualifie', page: data.Page });
          showDone("Merci, nous avons bien reçu votre demande. Un membre de l'équipe ACBF vous recontactera le plus rapidement possible.");
        } else {
          showTechnicalError("Veuillez réessayer, une erreur s'est produite.");
        }
      })
      .catch(function () {
        showTechnicalError("Veuillez réessayer, une erreur s'est produite.");
      });
  }, true);
})();
</script>

<script>
(function () {
  var voir = document.getElementById('voir-plus');
  voir.addEventListener('click', function () {
    var cachees = document.querySelectorAll('.mosaique .cache');
    for (var i = 0; i < 12 && i < cachees.length; i++) cachees[i].classList.remove('cache');
    if (cachees.length <= 12) voir.parentNode.remove();
  });
  // La carte ne se charge que lorsqu'on approche de la section.
  var cible = document.getElementById('carte-zone');
  new IntersectionObserver(function (e, o) {
    if (!e[0].isIntersecting) return;
    o.disconnect();
    var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css'; document.head.appendChild(l);
    var s = document.createElement('script'); s.src = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js';
    s.onload = function () {
      // Chemin des images des repères donné en dur : sinon Leaflet le cherche dans le CSS,
      // qui n'est pas toujours chargé à temps, et les repères ne s'affichent pas.
      L.Icon.Default.imagePath = 'https://unpkg.com/leaflet@1.9.4/dist/images/';
      var carte = L.map(cible, { scrollWheelZoom: false }).setView([47.85, 3.55], 9);
      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>', maxZoom: 18 }).addTo(carte);
      var points = [];
      JSON.parse(cible.dataset.villes).forEach(function (v) { L.marker([v[1], v[2]]).addTo(carte).bindPopup(v[0]); points.push([v[1], v[2]]); });
      // Toutes les villes visibles, repères compris (ils dépassent de 41 px au-dessus du point).
      carte.fitBounds(points, { paddingTopLeft: [30, 50], paddingBottomRight: [30, 20] });
    };
    document.head.appendChild(s);
  }, { rootMargin: '400px' }).observe(cible);
})();
</script>

</body></html>