Default page

Edit File: index.html

<!doctype html>
<html lang="fr">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>
    Nettoyage toiture Gourdon (46300) — 2 artisans vérifiés |
    confiance-toiture.fr
  </title>
  <link rel="icon" type="image/png" href="/uploads/favicon.png" />
  <meta name="description"
    content="Artisans toiture à Gourdon (46300, Lot). Nettoyage, démoussage, réparation fuite. 2 artisans vérifiés. 0€ acompte <2000€. Devis gratuit 24h." />
  <link rel="canonical" href="https://confiance-toiture.fr/gourdon" />
  <meta property="og:title" content="Nettoyage toiture Gourdon (46300) — 2 artisans vérifiés | confiance-toiture.fr" />
  <meta property="og:description"
    content="Artisans toiture à Gourdon (46300, Lot). Nettoyage, démoussage, réparation fuite. 2 artisans vérifiés. 0€ acompte <2000€. Devis gratuit 24h." />
  <meta property="og:url" content="https://confiance-toiture.fr/gourdon" />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="https://confiance-toiture.fr/og-image.jpg" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="robots" content="index,follow,max-snippet:-1,max-image-preview:large" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link
    href="https://fonts.googleapis.com/css2?family=Outfit:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap"
    rel="stylesheet" />
  <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@graph": [
          {
            "@type": "LocalBusiness",
            "name": "confiance-toiture.fr — Artisans toiture Gourdon",
            "url": "https://confiance-toiture.fr/gourdon",
            "telephone": "+33561XXXXXX",
            "email": "contact@confiance-toiture.fr",
            "description": "Nettoyage, démoussage et réparation de toiture à Gourdon (46300). 2 artisans vérifiés. 0€ acompte <2000€ TTC.",
            "address": {
              "@type": "PostalAddress",
              "addressLocality": "Gourdon",
              "postalCode": "46300",
              "addressCountry": "FR"
            },
            "geo": {
              "@type": "GeoCoordinates",
              "latitude": 44.7367,
              "longitude": 1.3831
            },
            "aggregateRating": {
              "@type": "AggregateRating",
              "ratingValue": "4.9",
              "reviewCount": "94",
              "bestRating": "5"
            }
          },
          {
            "@type": "FAQPage",
            "mainEntity": [
              {
                "@type": "Question",
                "name": "Combien coûte un nettoyage de toiture à Gourdon ?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "Forte pente (surcoût sécurité) : 13–19 €/m². Tuiles canal standard : 12–17 €/m². Démoussage + hydrofuge : 17–26 €/m². Devis gratuit sous 24h ouvrées."
                }
              },
              {
                "@type": "Question",
                "name": "Quels artisans toiture interviennent à Gourdon ?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "2 artisans vérifiés actifs à Gourdon et dans un rayon de 20 km. Assurance décennale obligatoire, note 4,9/5."
                }
              },
              {
                "@type": "Question",
                "name": "Intervenez-vous en urgence à Gourdon ?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "Oui. Nos artisans interviennent en urgence sous 48h à Gourdon pour toute fuite active."
                }
              },
              {
                "@type": "Question",
                "name": "Le 0€ d'acompte s'applique-t-il à Gourdon ?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "Oui. Pour tout chantier inférieur à 2 000€ TTC réglé comptant, aucune avance avant les travaux."
                }
              },
              {
                "@type": "Question",
                "name": "Quelles sont les spécificités des toitures à Gourdon ?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "L'exposition altitude et vent accélère le dépôt de pollens et spores. Les pentes fortes rendent les interventions plus techniques et peuvent nécessiter des équipements de sécurité supplémentaires."
                }
              }
            ]
          }
        ]
      }
    </script>
  <style>
    :root {
      --bg: #0c0d0f;
      --bg2: #131416;
      --bg3: #1a1b1e;
      --surface: #1e1f22;
      --surface2: #252629;
      --border: rgba(255, 255, 255, 0.08);
      --border2: rgba(255, 255, 255, 0.05);
      --text: #f0f0f0;
      --text2: #b0b3b8;
      --text3: #6b6f76;
      --orange: #f5622a;
      --orange2: #e8541f;
      --green: #22c55e;
      --klarna: #ffb3c7;
      --r: 8px;
      --rl: 14px;
      --ff-display: "Outfit", sans-serif;
      --ff-body: "Poppins", sans-serif;
    }

* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

html {
      scroll-behavior: smooth;
    }

body {
      background: var(--bg);
      color: var(--text);
      font-family: var(--ff-body);
      font-size: 16px;
      line-height: 1.6;
    }

h1,
    h2,
    h3,
    h4 {
      font-family: var(--ff-display);
      font-weight: 800;
      line-height: 1.15;
    }

a {
      color: var(--orange);
      text-decoration: none;
    }

a:hover {
      text-decoration: underline;
    }

p strong,
    li strong {
      display: inline !important;
      font-size: inherit;
    }

/* NAV */
    nav.site-nav {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: rgba(12, 13, 15, 0.9);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border);
      padding: 0.9rem 1.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

.brand {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      text-decoration: none;
    }

.brand-mark {
      width: 36px;
      height: 36px;
      background: var(--orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--ff-display);
      font-weight: 800;
      font-size: 0.85rem;
      color: #fff;
    }

.brand-name {
      font-family: var(--ff-display);
      font-weight: 700;
      font-size: 1.05rem;
      color: var(--text);
    }

.brand-name span {
      color: var(--orange);
    }

.nav-links {
      display: flex;
      align-items: center;
      gap: 0.3rem;
    }

.nav-links a {
      font-size: 0.85rem;
      color: var(--text2);
      padding: 0.4rem 0.7rem;
      border-radius: var(--r);
      transition: color 0.2s;
      text-decoration: none;
    }

.nav-links a:hover {
      color: var(--orange);
    }

.nav-cta {
      background: var(--orange);
      color: #fff !important;
      padding: 0.5rem 1.1rem !important;
      border-radius: var(--r);
      font-weight: 600;
    }

.nav-cta:hover {
      background: var(--orange2) !important;
      color: #fff !important;
    }

/* DROPDOWN */
    .nav-dropdown {
      position: relative;
    }

.nav-dropdown-btn {
      display: flex;
      align-items: center;
      gap: 0.3rem;
      font-size: 0.85rem;
      color: var(--text2);
      padding: 0.4rem 0.7rem;
      border-radius: var(--r);
      background: none;
      border: none;
      cursor: pointer;
      font-family: var(--ff-body);
      transition: color 0.2s;
    }

.nav-dropdown-btn:hover {
      color: var(--orange);
    }

.nav-dropdown-btn svg {
      transition: transform 0.2s;
    }

.nav-dropdown:hover .nav-dropdown-btn svg,
    .nav-dropdown.open .nav-dropdown-btn svg {
      transform: rotate(180deg);
    }

.nav-dropdown-menu {
      position: absolute;
      top: calc(100% + 8px);
      left: 0;
      min-width: 230px;
      background: var(--bg2);
      border: 1px solid var(--border);
      border-radius: var(--rl);
      padding: 0.5rem;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-6px);
      transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
      z-index: 2000;
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    }

.nav-dropdown:hover .nav-dropdown-menu,
    .nav-dropdown.open .nav-dropdown-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

.nav-dropdown-menu a {
      display: flex;
      align-items: center;
      gap: 0.7rem;
      padding: 0.6rem 0.8rem;
      border-radius: var(--r);
      font-size: 0.84rem;
      color: var(--text2);
      text-decoration: none;
      transition: background 0.15s, color 0.15s;
    }

.nav-dropdown-menu a:hover {
      background: var(--surface);
      color: var(--orange);
      text-decoration: none;
    }

.nav-dropdown-menu a .dd-icon {
      font-size: 1rem;
      flex-shrink: 0;
    }

/* MOBILE ACCORDION */
    .mnav-group {
      border-bottom: 1px solid var(--border);
    }

.mnav-group-btn {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      background: none;
      border: none;
      padding-bottom: 1rem;
      font-size: 1.2rem;
      color: var(--text2);
      cursor: pointer;
      font-family: var(--ff-body);
      font-weight: 500;
    }

.mnav-group-btn svg {
      transition: transform 0.25s;
      flex-shrink: 0;
    }

.mnav-group.open .mnav-group-btn svg {
      transform: rotate(180deg);
    }

.mnav-sub {
      display: none;
      flex-direction: column;
      gap: 0.2rem;
      padding-bottom: 0.8rem;
    }

.mnav-group.open .mnav-sub {
      display: flex;
    }

.mnav-sub a {
      font-size: 0.95rem;
      color: var(--text3);
      padding: 0.5rem 0.8rem;
      border-radius: var(--r);
      border-bottom: none !important;
      padding-bottom: 0.5rem !important;
      transition: background 0.15s, color 0.15s;
    }

.mnav-sub a:hover {
      background: var(--surface);
      color: var(--orange);
    }

.burger {
      display: none;
      background: none;
      border: 1px solid var(--border);
      width: 38px;
      height: 38px;
      border-radius: var(--r);
      cursor: pointer;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 5px;
    }

.burger span {
      width: 18px;
      height: 2px;
      background: var(--text2);
      border-radius: 2px;
      transition: 0.3s;
    }

.mnav {
      display: none;
      position: fixed;
      inset: 0;
      background: var(--bg2);
      z-index: 999;
      padding: 5rem 2rem 2rem;
      flex-direction: column;
      gap: 1.5rem;
    }

.mnav.open {
      display: flex;
    }

.mnav a {
      font-size: 1.2rem;
      color: var(--text2);
      text-decoration: none;
      border-bottom: 1px solid var(--border);
      padding-bottom: 1rem;
    }

.mnav .m-cta {
      background: var(--orange);
      color: #fff;
      text-align: center;
      border-radius: var(--r);
      padding: 1rem;
      border: none;
      font-size: 1rem;
      font-weight: 600;
      cursor: pointer;
      margin-top: 1rem;
      text-decoration: none;
    }

.burger-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      background: none;
      border: 1px solid var(--border);
      width: 38px;
      height: 38px;
      border-radius: 50%;
      cursor: pointer;
      color: var(--text2);
      font-size: 1.1rem;
    }

@media (max-width: 768px) {
      .nav-links {
        display: none;
      }

.burger {
        display: flex;
      }
    }

/* LAYOUT */
    .wrap {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 1.5rem;
    }

.sp-body {
      max-width: 1200px;
      margin: 0 auto;
      padding: 3rem 1.5rem;
      display: grid;
      grid-template-columns: 1fr 320px;
      gap: 3rem;
      align-items: start;
    }

@media (max-width: 900px) {
      .sp-body {
        grid-template-columns: 1fr;
      }
    }

.sp-side {
      position: sticky;
      top: 80px;
    }

/* HERO / SP-TOP */
    .sp-top {
      position: relative;
      overflow: hidden;
      background: var(--bg2);
      border-bottom: 1px solid var(--border);
      padding: 4rem 1.5rem 3rem;
    }

.sp-orb {
      position: absolute;
      top: -80px;
      right: -100px;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle,
          rgba(245, 98, 42, 0.18) 0%,
          transparent 70%);
      pointer-events: none;
    }

.sp-in {
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
    }

.s-tag {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--orange);
      margin-bottom: 0.8rem;
    }

.s-tag::before {
      content: "";
      width: 20px;
      height: 2px;
      background: var(--orange);
    }

.sp-kws {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-bottom: 1rem;
    }

.sp-kw {
      background: rgba(245, 98, 42, 0.1);
      border: 1px solid rgba(245, 98, 42, 0.2);
      color: var(--orange);
      padding: 0.3rem 0.75rem;
      border-radius: 20px;
      font-size: 0.75rem;
      font-weight: 600;
    }

h1.page-h1 {
      font-size: clamp(1.8rem, 4vw, 3rem);
      margin-bottom: 1rem;
      color: var(--text);
    }

.hero-sub {
      font-size: 1rem;
      color: var(--text2);
      margin-bottom: 1.8rem;
      max-width: 600px;
    }

/* BREADCRUMB */
    .breadcrumb {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.4rem;
      font-size: 0.82rem;
      margin-bottom: 1.5rem;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid var(--border);
      border-radius: var(--r);
      padding: 0.6rem 1rem;
    }

.bc-a {
      color: var(--text3);
      cursor: pointer;
      text-decoration: none;
      transition: color 0.2s;
    }

.bc-a:hover {
      color: var(--orange);
    }

.bc-sep {
      color: var(--text3);
      font-size: 0.7rem;
    }

.bc-cur {
      color: var(--text2);
      font-weight: 600;
    }

/* CONTENU */
    .sp-content h2 {
      font-size: 1.3rem;
      margin: 2rem 0 0.8rem;
      color: var(--text);
    }

.sp-content h3 {
      font-size: 1.05rem;
      margin: 1.5rem 0 0.5rem;
      color: var(--text2);
    }

.sp-content p {
      font-size: 0.92rem;
      line-height: 1.8;
      color: var(--text2);
      margin-bottom: 1rem;
      text-align: justify;
      hyphens: auto;
    }

.sp-content ul {
      padding-left: 1.3rem;
      margin-bottom: 1rem;
    }

.sp-content ul li {
      font-size: 0.92rem;
      line-height: 1.8;
      color: var(--text2);
      margin-bottom: 0.4rem;
    }

.sp-content strong {
      color: var(--text);
      font-weight: 700;
    }

h1,
    h2,
    h3,
    h4 {
      text-align: left;
      hyphens: none;
    }

/* SIDEBAR */
    .side-card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--rl);
      padding: 1.5rem;
      margin-bottom: 1.2rem;
    }

.side-card h3 {
      font-size: 0.95rem;
      margin-bottom: 0.8rem;
    }

.g-list {
      list-style: none;
      padding: 0;
    }

.g-list li {
      font-size: 0.82rem;
      color: var(--text2);
      padding: 0.35rem 0;
      border-bottom: 1px solid var(--border2);
    }

.g-list li:last-child {
      border: none;
    }

.g-list li::before {
      content: "✓ ";
      color: var(--green);
      font-weight: 700;
    }

.va-block {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--rl);
      padding: 1.2rem;
      margin-bottom: 1rem;
    }

.va-head {
      font-size: 0.72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--text3);
      margin-bottom: 0.7rem;
    }

.va-row {
      display: flex;
      align-items: center;
      gap: 0.7rem;
      padding: 0.65rem 0;
      border-bottom: 1px solid var(--border2);
      cursor: pointer;
      text-decoration: none;
    }

.va-row:last-child {
      border: none;
    }

.va-row:hover .va-arr {
      color: var(--orange);
    }

.va-ico {
      font-size: 1rem;
      flex-shrink: 0;
    }

.va-body {
      flex: 1;
      min-width: 0;
    }

.va-body strong {
      display: block;
      font-size: 0.82rem;
      color: var(--text);
    }

.va-body span {
      font-size: 0.74rem;
      color: var(--text3);
    }

.va-arr {
      color: var(--text3);
      font-size: 0.85rem;
      flex-shrink: 0;
    }

/* BOUTONS */
    .btn-main {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background: var(--orange);
      color: #fff;
      border: none;
      padding: 0.8rem 1.6rem;
      border-radius: var(--r);
      font-family: var(--ff-body);
      font-size: 0.95rem;
      font-weight: 700;
      cursor: pointer;
      transition:
        background 0.2s,
        transform 0.15s;
      text-decoration: none;
    }

.btn-main:hover {
      background: var(--orange2);
      transform: translateY(-1px);
      color: #fff;
    }

.btn-secondary {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background: none;
      color: var(--orange);
      border: 1px solid var(--orange);
      padding: 0.7rem 1.4rem;
      border-radius: var(--r);
      font-family: var(--ff-body);
      font-size: 0.9rem;
      font-weight: 600;
      cursor: pointer;
      transition: 0.2s;
      text-decoration: none;
    }

.btn-secondary:hover {
      background: rgba(245, 98, 42, 0.1);
    }

/* TABLEAU */
    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.85rem;
      margin: 1.2rem 0;
    }

th {
      padding: 0.75rem 1rem;
      text-align: left;
      border: 1px solid var(--border);
      background: var(--surface2);
    }

td {
      padding: 0.65rem 1rem;
      border: 1px solid var(--border);
      color: var(--text2);
    }

.td-price {
      color: var(--orange);
      font-weight: 700;
      text-align: center;
    }

/* FAQ */
    .faq-wrap {
      margin-top: 1.5rem;
    }

.faq-item {
      border-bottom: 1px solid var(--border);
    }

.faq-btn {
      width: 100%;
      background: none;
      border: none;
      color: var(--text);
      text-align: left;
      padding: 1rem 0;
      cursor: pointer;
      font-family: var(--ff-body);
      font-size: 0.9rem;
      font-weight: 600;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
    }

.faq-ico {
      color: var(--orange);
      font-size: 0.8rem;
      flex-shrink: 0;
      transition: transform 0.2s;
    }

.faq-item.open .faq-ico {
      transform: rotate(180deg);
    }

.faq-body {
      display: none;
      font-size: 0.85rem;
      color: var(--text2);
      padding: 0.5rem 0 1rem;
      line-height: 1.7;
    }

.faq-item.open .faq-body {
      display: block;
    }

/* AVIS */
    .avis-card {
      background: var(--surface);
      border-left: 3px solid var(--orange);
      border-radius: 0 var(--r) var(--r) 0;
      padding: 1.2rem 1.4rem;
      margin: 1.5rem 0;
    }

.avis-card p {
      font-style: italic;
      color: var(--text2);
      margin-bottom: 0.6rem;
      text-align: left;
    }

.avis-card .avis-sig {
      font-size: 0.78rem;
      color: var(--text3);
    }

/* FOOTER */
    footer {
      background: var(--bg2);
      border-top: 1px solid var(--border);
      padding: 3rem 1.5rem 1.5rem;
      margin-top: 4rem;
    }

.footer-main {
      max-width: 1200px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr;
      gap: 2rem;
      margin-bottom: 2rem;
    }

@media (max-width: 768px) {
      .footer-main {
        grid-template-columns: 1fr 1fr;
      }
    }

.fb-name {
      font-family: var(--ff-display);
      font-weight: 800;
      font-size: 1.1rem;
      margin-bottom: 0.5rem;
    }

.fb-name span {
      color: var(--orange);
    }

.fb-desc {
      font-size: 0.78rem;
      color: var(--text3);
      line-height: 1.7;
    }

.fc h4 {
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--text3);
      margin-bottom: 0.8rem;
    }

.fc ul {
      list-style: none;
    }

.fc ul li {
      margin-bottom: 0.4rem;
    }

.fc ul li a {
      font-size: 0.82rem;
      color: var(--text2);
      text-decoration: none;
      transition: color 0.2s;
    }

.fc ul li a:hover {
      color: var(--orange);
    }

.footer-bottom {
      max-width: 1200px;
      margin: 0 auto;
      padding-top: 1.5rem;
      border-top: 1px solid var(--border);
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0.5rem;
      font-size: 0.74rem;
      color: var(--text3);
    }

@media (max-width: 768px) {
      .footer-bottom {
        flex-direction: column;
      }
    }

/* TOAST SOCIAL PROOF */
    .sp-toast {
      position: fixed;
      bottom: 1.5rem;
      left: 1.5rem;
      z-index: 8000;
      background: var(--bg2);
      border: 1px solid var(--border);
      border-radius: var(--rl);
      padding: 0.9rem 1.1rem;
      display: flex;
      align-items: center;
      gap: 0.8rem;
      max-width: 280px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
      transform: translateX(-120%);
      transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

.sp-toast.show {
      transform: translateX(0);
    }

.sp-toast-ico {
      width: 36px;
      height: 36px;
      background: var(--orange);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      flex-shrink: 0;
    }

.sp-toast-body strong {
      display: block;
      font-size: 0.82rem;
      color: var(--text);
    }

.sp-toast-body span {
      font-size: 0.74rem;
      color: var(--text3);
    }

/* RESPONSIVE */
    @media (max-width: 768px) {
      .sp-top {
        padding: 2.5rem 1rem 2rem;
      }

h1.page-h1 {
        font-size: 1.8rem;
      }

.sp-body {
        padding: 2rem 1rem;
        grid-template-columns: 1fr;
      }

.sp-side {
        position: static;
      }
    }
  </style>
</head>

<body>
  <nav class="site-nav">
    <a href="/" class="brand">
      <img src="/uploads/logo.png" alt="confiance-toiture.fr Logo" style="height: 40px; width: auto;" />
    </a>
    <div class="nav-links">
      
      <div class="nav-dropdown" id="dd-services">
        <button class="nav-dropdown-btn" aria-haspopup="true" aria-expanded="false">
          Services
          <svg width="12" height="12" viewBox="0 0 12 12" fill="none">
            <path d="M2 4L6 8L10 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
              stroke-linejoin="round" />
          </svg>
        </button>
        <div class="nav-dropdown-menu" role="menu">
          <a href="/nettoyage-toiture" role="menuitem"><span class="dd-icon">🧹</span>Nettoyage de toiture</a>
          <a href="/demoussage-traitement" role="menuitem"><span class="dd-icon">🌿</span>Démoussage &amp; Hydrofuge</a>
          <a href="/reparation-fuite" role="menuitem"><span class="dd-icon">🔧</span>Réparation de fuite</a>
          <a href="/entretien-gouttieres" role="menuitem"><span class="dd-icon">💧</span>Nettoyage gouttières</a>
        </div>
      </div>
      
      <div class="nav-dropdown" id="dd-depts">
        <button class="nav-dropdown-btn" aria-haspopup="true" aria-expanded="false">
          Départements
          <svg width="12" height="12" viewBox="0 0 12 12" fill="none">
            <path d="M2 4L6 8L10 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
              stroke-linejoin="round" />
          </svg>
        </button>
        <div class="nav-dropdown-menu" role="menu">
          <a href="/lot" role="menuitem"><span class="dd-icon">📍</span>Lot (46)</a>
          <a href="/lot-et-garonne" role="menuitem"><span class="dd-icon">📍</span>Lot-et-Garonne (47)</a>
          <a href="/tarn" role="menuitem"><span class="dd-icon">📍</span>Tarn (81)</a>
          <a href="/tarn-et-garonne" role="menuitem"><span class="dd-icon">📍</span>Tarn-et-Garonne (82)</a>
        </div>
      </div>
      <a href="/blog">Blog</a>
      <a href="/devis" class="nav-cta">Devis gratuit</a>
    </div>
    <button class="burger" id="burger" aria-label="Menu">
      <span></span><span></span><span></span>
    </button>
  </nav>
  <div class="mnav" id="mnav">
    <button class="burger-close" id="burger-close">✕</button>
    <a href="/" style="border-bottom: 1px solid var(--border); padding-bottom: 1rem;">Accueil</a>

<div class="mnav-group" id="m-services">
      <button class="mnav-group-btn" id="m-services-btn">
        Services
        <svg width="14" height="14" viewBox="0 0 12 12" fill="none">
          <path d="M2 4L6 8L10 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
            stroke-linejoin="round" />
        </svg>
      </button>
      <div class="mnav-sub">
        <a href="/nettoyage-toiture">🧹 Nettoyage de toiture</a>
        <a href="/demoussage-traitement">🌿 Démoussage &amp; Hydrofuge</a>
        <a href="/reparation-fuite">🔧 Réparation de fuite</a>
        <a href="/entretien-gouttieres">💧 Nettoyage gouttières</a>
      </div>
    </div>

<div class="mnav-group" id="m-depts">
      <button class="mnav-group-btn" id="m-depts-btn">
        Départements
        <svg width="14" height="14" viewBox="0 0 12 12" fill="none">
          <path d="M2 4L6 8L10 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
            stroke-linejoin="round" />
        </svg>
      </button>
      <div class="mnav-sub">
        <a href="/lot">📍 Lot (46)</a>
        <a href="/lot-et-garonne">📍 Lot-et-Garonne (47)</a>
        <a href="/tarn">📍 Tarn (81)</a>
        <a href="/tarn-et-garonne">📍 Tarn-et-Garonne (82)</a>
      </div>
    </div>

<a href="/blog" style="border-bottom: 1px solid var(--border); padding-bottom: 1rem;">Blog &amp; Guides</a>
    <a href="/qui-sommes-nous" style="border-bottom: 1px solid var(--border); padding-bottom: 1rem;">Qui sommes-nous</a>
    <a href="/legal" style="border-bottom: 1px solid var(--border); padding-bottom: 1rem;">Mentions légales</a>
    <a href="/devis" class="m-cta">Devis gratuit</a>
  </div>
  <div class="sp-top">
    <div class="sp-orb"></div>
    <div class="sp-in">
      <nav class="breadcrumb" aria-label="fil d'ariane">
        <a href="/" class="bc-a">Accueil</a><span class="bc-sep">›</span><a href="/departements"
          class="bc-a">Départements</a><span class="bc-sep">›</span><a href="/lot" class="bc-a">Lot</a><span
          class="bc-sep">›</span><span class="bc-cur">Gourdon</span>
      </nav>
      <span class="s-tag">Artisans toiture · Gourdon (46300)</span>
      <div class="sp-kws">
        <span class="sp-kw">nettoyage toiture Gourdon</span><span class="sp-kw">couvreur Gourdon 46</span><span
          class="sp-kw">démoussage toiture Gourdon</span><span class="sp-kw">réparation fuite Gourdon</span><span
          class="sp-kw">artisan toiture Lot</span>
      </div>
      <h1 class="page-h1">
        Artisans toiture à Gourdon — Devis gratuit sous 24h
      </h1>
      <p class="hero-sub">
        🟠🟠 <strong>2 artisans vérifiés</strong> à Gourdon et dans un rayon
        de 20 km. 0€ d'acompte pour les chantiers &lt;2 000€ TTC.
      </p>
      <a href="/devis" class="btn-main">Devis gratuit →</a>
    </div>
  </div>
  <div class="sp-body">
    <main class="sp-content">
      <h2>Toitures à Gourdon : contexte et climat</h2>
      <p>
        Gourdon, capitale du Bouriane, est perchée à 300 m d'altitude. Cette
        exposition soumet les toitures aux vents dominants d'ouest et aux
        pluies plus fréquentes que dans la vallée du Lot. Les toitures
        nord-ouest sont particulièrement exposées aux mousses.
      </p>
      <p>
        Les artisans partenaires de confiance-toiture.fr interviennent à
        <strong>Gourdon (46300)</strong> et dans un rayon de 20 km.
      </p>

<h2>Architecture et types de toitures à Gourdon</h2>
      <p>
        Gourdon possède un centre médiéval remarquable en pierre du Périgord
        avec des toitures en <strong>tuiles canal</strong>. Les lotissements
        récents des années 80–90 en périphérie utilisent des tuiles
        mécaniques. La pente des toitures est généralement forte dans cette
        région de collines.
      </p>

<h2>Risques spécifiques pour les toitures à Gourdon</h2>
      <p>
        L'exposition altitude et vent accélère le dépôt de pollens et spores.
        Les pentes fortes rendent les interventions plus techniques et peuvent
        nécessiter des équipements de sécurité supplémentaires.
      </p>

<h2>Nos services à Gourdon</h2>
      <ul>
        <li>
          <strong><a href="/nettoyage-toiture">Nettoyage de toiture</a></strong>
          — élimination des mousses, lichens et algues. Tarif :
          <strong>11–20 €/m²</strong>.
        </li>
        <li>
          <strong><a href="/demoussage-traitement">Démoussage &amp; hydrofuge</a></strong>
          — protection 5–10 ans. Tarif : <strong>15–25 €/m²</strong>.
        </li>
        <li>
          <strong><a href="/reparation-fuite">Réparation de fuite</a></strong>
          — urgence sous 48h. Tarif : <strong>150–800 €</strong>.
        </li>
        <li>
          <strong><a href="/entretien-gouttieres">Nettoyage gouttières</a></strong>
          — débouchage complet. Tarif : <strong>80–250 €</strong>.
        </li>
      </ul>

<h2>Tarifs à Gourdon</h2>
      <p>
        Forte pente (surcoût sécurité) : 13–19 €/m². Tuiles canal standard :
        12–17 €/m². Démoussage + hydrofuge : 17–26 €/m².
      </p>
      <div style="overflow-x: auto">
        <table>
          <thead>
            <tr>
              <th>Prestation</th>
              <th>Tarif indicatif</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Nettoyage seul</td>
              <td class="td-price">11–20 €/m²</td>
            </tr>
            <tr style="background: var(--surface)">
              <td>Nettoyage + biocide</td>
              <td class="td-price">13–20 €/m²</td>
            </tr>
            <tr>
              <td>Démoussage + hydrofuge</td>
              <td class="td-price">15–25 €/m²</td>
            </tr>
            <tr style="background: var(--surface)">
              <td>Réparation fuite</td>
              <td class="td-price">150–800 €</td>
            </tr>
            <tr>
              <td>Nettoyage gouttières</td>
              <td class="td-price">80–250 €</td>
            </tr>
          </tbody>
        </table>
      </div>

<h2>Avis client à Gourdon</h2>
      <div class="avis-card">
        <p>
          "Artisan sérieux, a sécurisé correctement le toit avant d'intervenir
          (pente forte). Nettoyage + hydrofuge en une journée. Prix conforme
          au devis, 0€ acompte respecté."
        </p>
        <div class="avis-sig">
          — Jean-Pierre M., Les Peyrières · ⭐⭐⭐⭐⭐
        </div>
      </div>

<h2>Zones d'intervention à Gourdon</h2>
      <p>
        Nos artisans interviennent dans toute la commune de Gourdon et ses
        environs immédiats :
        <strong>Le Bourg, Les Peyrières, La Croix Rouge, Molinat</strong>,
        ainsi que les communes limitrophes dans un rayon de 20 km.
      </p>

<h2>FAQ — Toiture à Gourdon</h2>
      <div class="faq-wrap">
        <div class="faq-item">
          <button class="faq-btn">
            Combien coûte un nettoyage de toiture à Gourdon ?<span class="faq-ico">▼</span>
          </button>
          <div class="faq-body">
            Forte pente (surcoût sécurité) : 13–19 €/m². Tuiles canal standard
            : 12–17 €/m². Démoussage + hydrofuge : 17–26 €/m². Devis gratuit
            sous 24h ouvrées.
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-btn">
            Quels artisans toiture interviennent à Gourdon ?<span class="faq-ico">▼</span>
          </button>
          <div class="faq-body">
            2 artisans vérifiés actifs à Gourdon et dans un rayon de 20 km.
            Assurance décennale obligatoire, note 4,9/5.
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-btn">
            Intervenez-vous en urgence à Gourdon ?<span class="faq-ico">▼</span>
          </button>
          <div class="faq-body">
            Oui. Nos artisans interviennent en urgence sous 48h à Gourdon pour
            toute fuite active.
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-btn">
            Le 0€ d'acompte s'applique-t-il à Gourdon ?<span class="faq-ico">▼</span>
          </button>
          <div class="faq-body">
            Oui. Pour tout chantier inférieur à 2 000€ TTC réglé comptant,
            aucune avance avant les travaux.
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-btn">
            Quelles sont les spécificités des toitures à Gourdon ?<span class="faq-ico">▼</span>
          </button>
          <div class="faq-body">
            L'exposition altitude et vent accélère le dépôt de pollens et
            spores. Les pentes fortes rendent les interventions plus
            techniques et peuvent nécessiter des équipements de sécurité
            supplémentaires.
          </div>
        </div>
      </div>
      <div style="
            background: rgba(245, 98, 42, 0.08);
            border: 1px solid rgba(245, 98, 42, 0.3);
            border-radius: 14px;
            padding: 1.5rem;
            margin-top: 2rem;
          ">
        <h3 style="margin-bottom: 0.5rem">
          Prêt à obtenir votre devis à Gourdon ?
        </h3>
        <p style="font-size: 0.88rem; color: var(--text2); margin-bottom: 1rem">
          2 artisans vérifiés dans votre secteur · Réponse sous 24h · 0€
          acompte &lt;2 000€ TTC
        </p>
        <a href="/devis" class="btn-main">Devis gratuit — 0€ acompte →</a>
      </div>
    </main>
    <aside class="sp-side">
      <div class="side-card">
        <h3>🟠🟠 2 artisans à Gourdon</h3>
        <p style="font-size: 0.78rem; color: var(--text3); margin-bottom: 1rem">
          Vérifiés · Assurance décennale · Note 4,9/5
        </p>
        <a href="/devis" class="btn-main" style="width: 100%; justify-content: center">Devis gratuit →</a>
      </div>
      <div class="side-card">
        <h3>Tarifs à Gourdon</h3>
        <ul class="g-list">
          <li>Nettoyage : 11–20 €/m²</li>
          <li>Démoussage+hydrofuge : 15–25 €/m²</li>
          <li>Réparation fuite : 150–800 €</li>
          <li>Gouttières : 80–250 €</li>
          <li>0€ acompte &lt;2 000€ TTC</li>
          <li>Klarna 3×–12× disponible</li>
        </ul>
      </div>
      <div class="va-block">
        <div class="va-head">Nos services</div>
        <a href="/nettoyage-toiture" class="va-row"><span class="va-ico">🔵</span><span
            class="va-body"><strong>Nettoyage toiture</strong><span>11–20 €/m²</span></span><span
            class="va-arr">→</span></a>
        <a href="/demoussage-traitement" class="va-row"><span class="va-ico">🟢</span><span
            class="va-body"><strong>Démoussage &amp; hydrofuge</strong><span>5–10 ans</span></span><span
            class="va-arr">→</span></a>
        <a href="/reparation-fuite" class="va-row"><span class="va-ico">🔴</span><span
            class="va-body"><strong>Réparation fuite</strong><span>Urgence 48h</span></span><span
            class="va-arr">→</span></a>
        <a href="/entretien-gouttieres" class="va-row"><span class="va-ico">🟡</span><span
            class="va-body"><strong>Gouttières</strong><span>80–250 €</span></span><span class="va-arr">→</span></a>
      </div>
      <div class="va-block">
        <div class="va-head">Autres villes — Lot</div>
        <a href="/cahors" class="va-row"><span class="va-ico">📍</span><span
            class="va-body"><strong>Cahors</strong><span>46000</span></span><span class="va-arr">→</span></a><a
          href="/souillac" class="va-row"><span class="va-ico">📍</span><span
            class="va-body"><strong>Souillac</strong><span>46200</span></span><span class="va-arr">→</span></a><a
          href="/sarlat-la-caneda" class="va-row"><span class="va-ico">📍</span><span
            class="va-body"><strong>Sarlat-la-Canéda</strong><span>24200</span></span><span
            class="va-arr">→</span></a><a href="/lot" class="va-row"><span class="va-ico">📍</span><span
            class="va-body"><strong>Lot (tous)</strong><span>46</span></span><span class="va-arr">→</span></a>
        <a href="/lot" class="va-row"><span class="va-ico">🗺️</span><span class="va-body"><strong>Toutes les villes du
              Lot</strong><span>Voir toutes nos zones</span></span><span class="va-arr">→</span></a>
      </div>
    </aside>
  </div>
  <footer>
    <div class="footer-main">
      <div>
        <img src="/uploads/logo.png" alt="confiance-toiture.fr Logo"
          style="height: 45px; width: auto; margin-bottom: 0.5rem; display: block;" />
        <p class="fb-desc">
          Artisans couvreurs vérifiés · Lot · Lot-et-Garonne · Tarn ·
          Tarn-et-Garonne<br />0€ d'acompte &lt;2 000€ · Klarna 3×–12×
        </p>
      </div>
      <div class="fc">
        <h4>Services</h4>
        <ul>
          <li><a href="/nettoyage-toiture">Nettoyage toiture</a></li>
          <li><a href="/demoussage-traitement">Démoussage / Hydrofuge</a></li>
          <li><a href="/reparation-fuite">Réparation fuite</a></li>
          <li><a href="/entretien-gouttieres">Gouttières</a></li>
        </ul>
      </div>
      <div class="fc">
        <h4>Départements</h4>
        <ul>
          <li><a href="/lot">Lot (46)</a></li>
          <li><a href="/lot-et-garonne">Lot-et-Garonne (47)</a></li>
          <li><a href="/tarn">Tarn (81)</a></li>
          <li><a href="/tarn-et-garonne">Tarn-et-Garonne (82)</a></li>
        </ul>
      </div>
      <div class="fc">
        <h4>Informations</h4>
        <ul>
          <li><a href="/blog">Blog &amp; Guides</a></li>
          <li><a href="/qui-sommes-nous">Qui sommes-nous</a></li>
          <li><a href="/legal">Mentions légales</a></li>

</ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© 2026 confiance-toiture.fr</span>
      <span>Lot (46) · Lot-et-Garonne (47) · Tarn (81) · Tarn-et-Garonne
        (82)</span>
    </div>
  </footer>
  <div class="sp-toast" id="sp-toast">
    <div class="sp-toast-ico">👤</div>
    <div class="sp-toast-body">
      <strong id="sp-n"></strong><span id="sp-a"></span>
    </div>
  </div>
  <script>
    document
      .getElementById("burger")
      .addEventListener("click", () =>
        document.getElementById("mnav").classList.toggle("open"),
      );
    document
      .getElementById("burger-close")
      .addEventListener("click", () =>
        document.getElementById("mnav").classList.remove("open"),
      );    // Accordéons Menu Mobile
    document.querySelectorAll(".mnav-group-btn").forEach((b) =>
      b.addEventListener("click", () => {
        const it = b.closest(".mnav-group");
        it.classList.toggle("open");
      }),
    );
    document.querySelectorAll(".faq-btn").forEach((b) =>
      b.addEventListener("click", () => {
        const it = b.closest(".faq-item"),
          was = it.classList.contains("open");
        document
          .querySelectorAll(".faq-item.open")
          .forEach((i) => i.classList.remove("open"));
        if (!was) it.classList.add("open");
      }),
    );
    (function () {
      const T = [
        ["Michel (Cahors)", "a demandé un devis nettoyage"],
        ["Sylvie (Agen)", "a demandé un devis démoussage"],
        ["Patrick (Albi)", "a demandé un devis urgent"],
        ["Christine (Montauban)", "a reçu 3 devis"],
        ["Jean-Pierre (Figeac)", "a demandé un hydrofuge"],
        ["Marie (Castres)", "a comparé 3 artisans"],
        ["Robert (Villeneuve)", "a demandé gouttières"],
        ["Isabelle (Gaillac)", "a demandé réparation"],
      ];
      let i = 0;
      function show() {
        const t = T[i % T.length];
        i++;
        const el = document.getElementById("sp-toast");
        if (!el) return;
        document.getElementById("sp-n").textContent = t[0];
        document.getElementById("sp-a").textContent = t[1];
        el.classList.add("show");
        setTimeout(() => el.classList.remove("show"), 4000);
      }
      setTimeout(() => {
        show();
        setInterval(show, 22000);
      }, 10000);
    })();
  </script>
</body>

</html>