Outiref

Code source de l'URL : https://debarras-du-soleil.fr/

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>debarras-du-soleil.fr</title>
    <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
    <meta name="description" content="Service de débarras en France. Devis gratuit, intervention rapide. Tri sélectif et recyclage responsable.">
    <link rel="canonical" href="https://debarras-du-soleil.fr/">
    
    <!-- CSS Critique Inline -->
    <style>
        *{margin:0;padding:0;box-sizing:border-box}
        body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:#374151;background:#fff}
        a{text-decoration:none;color:inherit}
        header{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);position:sticky;top:0;z-index:50}
        .container{max-width:80rem;margin:0 auto;padding:0 1rem}
        nav{padding:1rem 0}
        .nav-content{display:flex;justify-content:space-between;align-items:center}
        .logo-group{display:flex;align-items:center;gap:.75rem}
        .logo-icon{width:3rem;height:3rem;background:var(--primary-color,#2563eb);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}
        .hero{position:relative;background:linear-gradient(135deg,var(--primary-color,#1e293b),var(--primary-dark,#1e40af));color:#fff;min-height:80vh;display:flex;align-items:center;overflow:hidden}
        .hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.4));z-index:1}
        .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
        .hero-content{position:relative;z-index:10;padding:6rem 1rem}
        h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;margin-bottom:2rem;line-height:1.1}
        .gradient-text{background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}
        .cta-primary{background:var(--secondary-color,#f97316);color:#fff;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;display:inline-block;transition:background .3s}
        .cta-primary:hover{background:var(--secondary-dark,#ea580c)}
        section{padding:4rem 0}
        h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#111827}
        .mobile-only{display:none}
        @media(max-width:1023px){.desktop-only{display:none}.mobile-only{display:block}}
    </style>

    <!-- Schema Organization -->
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "debarras-du-soleil.fr",
    "url": "https://debarras-du-soleil.fr/",
    "logo": "/assets/logo.png",
    "description": "Service de débarras en France. Devis gratuit, intervention rapide. Tri sélectif et recyclage responsable.",
    "address": {
        "@type": "PostalAddress",
        "addressCountry": "FR"
    },
    "areaServed": {
        "@type": "Country",
        "name": "France"
    }
    }
    </script>

    <!-- Schema WebSite -->
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "url": "https://debarras-du-soleil.fr/",
    "name": "debarras-du-soleil.fr",
    "potentialAction": {
        "@type": "SearchAction",
        "target": "https://debarras-du-soleil.fr/recherche?q={search_term_string}",
        "query-input": "required name=search_term_string"
    }
    }
    </script>
    
    <!-- Variables CSS du thème -->
    <style>
        :root {
            --primary-color: #059669;
            --primary-dark: #047857;
            --secondary-color: #f97316;
            --secondary-dark: #ea580c;
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <nav class="container">
            <div class="nav-content">
                <div class="logo-group">
                    <div class="logo-icon">
                        <svg width="28" height="28" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
                        </svg>
                    </div>
                    <div>
                        <div style="font-size:1.25rem;font-weight:bold;color:#111827">debarras-du-soleil.fr</div>
                        <p style="font-size:0.875rem;color:#6b7280">Libérez votre espace, simplifiez votre vie</p>
                    </div>
                </div>
                
                <div class="desktop-only" style="display:flex;align-items:center;gap:2rem">
                    <nav style="display:flex;gap:2rem">
                        <a href="#services" style="color:#374151;transition:color 0.3s" onmouseover="this.style.color='#2563eb'" onmouseout="this.style.color='#374151'">Services</a>
                        <a href="#avantages" style="color:#374151;transition:color 0.3s" onmouseover="this.style.color='#2563eb'" onmouseout="this.style.color='#374151'">Avantages</a>
                        <a href="#temoignages" style="color:#374151;transition:color 0.3s" onmouseover="this.style.color='#2563eb'" onmouseout="this.style.color='#374151'">Témoignages</a>
                        <a href="https://my-jugaad.eu/entreprise-de-debarras/?utm_source=partenairesoleil&utm_medium=referral&utm_campaign=debarras" style="color:#374151;transition:color 0.3s" onmouseover="this.style.color='#2563eb'" onmouseout="this.style.color='#374151'">Contact</a>
                    </nav>
                    <a href="https://my-jugaad.eu/entreprise-de-debarras/?utm_source=partenairesoleil&utm_medium=referral&utm_campaign=debarras" class="cta-primary">
                        Devis gratuit
                    </a>
                </div>
                
                <button class="mobile-only" aria-label="Menu">
                    <svg width="24" height="24" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
                    </svg>
                </button>
            </div>
        </nav>
    </header>

    <!-- Hero Section -->
    <section class="hero">
        <div class="hero-bg"></div>
        <video class="hero-video" autoplay muted loop playsinline preload="none">
            <source src="/assets/vid.mp4" type="video/mp4">
            <img src="https://placehold.co/1920x1080/1e293b/ffffff?text=Service" 
                 alt="Service professionnel" loading="lazy">
        </video>
        
        <div class="container hero-content">
            <div style="max-width:65rem">
                <div style="margin-bottom:1.5rem">
                    <span style="display:inline-block;background:rgba(59,130,246,.2);backdrop-filter:blur(4px);color:#bfdbfe;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;border:1px solid rgba(96,165,250,.3)">
                        ⭐ 97% de clients satisfaits
                    </span>
                </div>
                
                <h1>
                    Trouvez votre débarras local en France
                    <span class="gradient-text">rapide et propre</span>
                </h1>
                
                <p style="font-size:1.25rem;color:#e5e7eb;margin-bottom:2.5rem;max-width:48rem;line-height:1.8">
                    500+ professionnels certifiés pour votre débarras. Libérez votre espace.
                </p>
                
                <!-- Categories avec emojis ou SVG inline -->
                <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem">
                    
                    <a href="#debarras-maison" 
                       style="background:rgba(255,255,255,.1);backdrop-filter:blur(8px);padding:1.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);transition:all .3s"
                       onmouseover="this.style.background='rgba(255,255,255,.2)';this.style.transform='scale(1.05)'"
                       onmouseout="this.style.background='rgba(255,255,255,.1)';this.style.transform='scale(1)'">
                        <div style="font-size:1.75rem;margin-bottom:.75rem">
                            🏠
                        </div>
                        <h2 style="font-weight:600;margin-bottom:.5rem;font-size:1.125rem">Débarras maison</h2>
                        <p style="font-size:.875rem;color:#cbd5e1">Vidage complet, tri et évacuation</p>
                    </a>
                    
                    <a href="#debarras-cave-grenier" 
                       style="background:rgba(255,255,255,.1);backdrop-filter:blur(8px);padding:1.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);transition:all .3s"
                       onmouseover="this.style.background='rgba(255,255,255,.2)';this.style.transform='scale(1.05)'"
                       onmouseout="this.style.background='rgba(255,255,255,.1)';this.style.transform='scale(1)'">
                        <div style="font-size:1.75rem;margin-bottom:.75rem">
                            📦
                        </div>
                        <h2 style="font-weight:600;margin-bottom:.5rem;font-size:1.125rem">Débarras cave & grenier</h2>
                        <p style="font-size:.875rem;color:#cbd5e1">Nettoyage caves, greniers, garages</p>
                    </a>
                    
                    <a href="#debarras-succession" 
                       style="background:rgba(255,255,255,.1);backdrop-filter:blur(8px);padding:1.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);transition:all .3s"
                       onmouseover="this.style.background='rgba(255,255,255,.2)';this.style.transform='scale(1.05)'"
                       onmouseout="this.style.background='rgba(255,255,255,.1)';this.style.transform='scale(1)'">
                        <div style="font-size:1.75rem;margin-bottom:.75rem">
                            📋
                        </div>
                        <h2 style="font-weight:600;margin-bottom:.5rem;font-size:1.125rem">Débarras succession</h2>
                        <p style="font-size:.875rem;color:#cbd5e1">Gestion sensible des successions</p>
                    </a>
                    
                    <a href="#debarras-entreprise" 
                       style="background:rgba(255,255,255,.1);backdrop-filter:blur(8px);padding:1.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);transition:all .3s"
                       onmouseover="this.style.background='rgba(255,255,255,.2)';this.style.transform='scale(1.05)'"
                       onmouseout="this.style.background='rgba(255,255,255,.1)';this.style.transform='scale(1)'">
                        <div style="font-size:1.75rem;margin-bottom:.75rem">
                            🏢
                        </div>
                        <h2 style="font-weight:600;margin-bottom:.5rem;font-size:1.125rem">Débarras entreprise</h2>
                        <p style="font-size:.875rem;color:#cbd5e1">Bureaux et locaux commerciaux</p>
                    </a>
                    
                </div>
            </div>
        </div>
        
        <div style="position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);animation:bounce 2s infinite">
            <svg width="24" height="24" fill="none" stroke="currentColor" style="color:rgba(255,255,255,.6)">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"/>
            </svg>
        </div>
    </section>

    <!-- CTA Banner -->
    <section style="background:var(--secondary-color,#f97316);color:#fff;padding:1rem 0">
        <div class="container" style="text-align:center">
            <a href="https://my-jugaad.eu/entreprise-de-debarras/?utm_source=partenairesoleil&utm_medium=referral&utm_campaign=debarras" style="font-size:1.25rem;font-weight:600;color:#fff">
                ⚡ Intervention sous 48h - Devis gratuit
            </a>
        </div>
    </section>

    <!-- Company Presentation -->
    <section style="background:#f9fafb">
        <div class="container">
            <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;align-items:center">
                <div>
                    <h2>Le spécialiste français du débarras</h2>
                    <div style="font-size:1.125rem;color:#4b5563;line-height:1.8">
                        <p style="margin-bottom:1rem">
                            <strong>debarras-du-soleil.fr</strong> est votre plateforme de référence pour trouver des professionnels du débarras partout en France.
                        </p>
                        <p style="margin-bottom:1rem">
                            Notre réseau compte plus de <strong>500 professionnels certifiés</strong> dans toute la France
                        </p>
                        <div style="display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem">
                            <a href="https://my-jugaad.eu/entreprise-de-debarras/?utm_source=partenairesoleil&utm_medium=referral&utm_campaign=debarras" class="cta-primary">Demander un devis</a>
                        </div>
                    </div>
                </div>
                <div style="text-align:center">
                    <div style="background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)">
                        <iframe width="100%" height="315" 
                                src="https://www.youtube.com/embed/zTVvtCFIqO0?si=ooUX5a8VoNgF0xHm"
                                title="Comment fonctionne le débarras ?" frameborder="0" allowfullscreen
 loading="lazy"></iframe>
                        <h3 style="font-size:1.125rem;font-weight:600;margin-top:1rem">Comment fonctionne le débarras ?</h3>
                        <p style="color:#6b7280;font-size:.875rem;margin-top:.5rem">Découvrez notre service en vidéo</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Benefits avec emojis -->
    <section id="avantages" style="background:linear-gradient(to bottom right,#f9fafb,#eff6ff)">
        <div class="container">
            <div style="text-align:center;margin-bottom:4rem">
                <h2>Pourquoi choisir nos débarras ?</h2>
                <p style="font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto">
                    Des avantages exclusifs pour votre débarras
                </p>
            </div>
            
            <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem">
                
                <div style="background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                     onmouseover="this.style.transform='translateY(-8px)';this.style.boxShadow='0 20px 25px -5px rgba(0,0,0,.1)'"
                     onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'">
                    <div style="width:4rem;height:4rem;background:#fed7aa;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem">
                        💶
                    </div>
                    <h3 style="font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:.75rem">Devis Gratuit</h3>
                    <p style="text-align:center;color:#6b7280;line-height:1.6">Estimation détaillée, sans engagement sous 24h</p>
                </div>
                
                <div style="background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                     onmouseover="this.style.transform='translateY(-8px)';this.style.boxShadow='0 20px 25px -5px rgba(0,0,0,.1)'"
                     onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'">
                    <div style="width:4rem;height:4rem;background:#dcfce7;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem">
                        ♻️
                    </div>
                    <h3 style="font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:.75rem">Tri & Recyclage</h3>
                    <p style="text-align:center;color:#6b7280;line-height:1.6">Valorisation maximale, dons aux associations</p>
                </div>
                
                <div style="background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                     onmouseover="this.style.transform='translateY(-8px)';this.style.boxShadow='0 20px 25px -5px rgba(0,0,0,.1)'"
                     onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'">
                    <div style="width:4rem;height:4rem;background:#dbeafe;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem">
                        👥
                    </div>
                    <h3 style="font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:.75rem">Équipe Pro</h3>
                    <p style="text-align:center;color:#6b7280;line-height:1.6">Personnel formé, assuré et équipé</p>
                </div>
                
                <div style="background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                     onmouseover="this.style.transform='translateY(-8px)';this.style.boxShadow='0 20px 25px -5px rgba(0,0,0,.1)'"
                     onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'">
                    <div style="width:4rem;height:4rem;background:#e9d5ff;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem">
                        ⚡
                    </div>
                    <h3 style="font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:.75rem">Rapidité</h3>
                    <p style="text-align:center;color:#6b7280;line-height:1.6">Intervention sous 48h, devis le jour même</p>
                </div>
                
                <div style="background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                     onmouseover="this.style.transform='translateY(-8px)';this.style.boxShadow='0 20px 25px -5px rgba(0,0,0,.1)'"
                     onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'">
                    <div style="width:4rem;height:4rem;background:#ccfbf1;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem">
                        ✅
                    </div>
                    <h3 style="font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:.75rem">Tout Inclus</h3>
                    <p style="text-align:center;color:#6b7280;line-height:1.6">Tri, évacuation, nettoyage, déchetterie</p>
                </div>
                
                <div style="background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                     onmouseover="this.style.transform='translateY(-8px)';this.style.boxShadow='0 20px 25px -5px rgba(0,0,0,.1)'"
                     onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'">
                    <div style="width:4rem;height:4rem;background:#fee2e2;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem">
                        🛡️
                    </div>
                    <h3 style="font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:.75rem">Assurance</h3>
                    <p style="text-align:center;color:#6b7280;line-height:1.6">Entreprise assurée, garantie dommages</p>
                </div>
                
            </div>
            
            <!-- Stats -->
            <div style="margin-top:5rem;background:#fff;border-radius:1.5rem;padding:3rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)">
                <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center">
                    <div>
                        <div style="font-size:2.5rem;font-weight:700;color:#2563eb;margin-bottom:.5rem">10+</div>
                        <div style="color:#6b7280;font-weight:500">Années d'expérience</div>
                    </div>
                    <div>
                        <div style="font-size:2.5rem;font-weight:700;color:#16a34a;margin-bottom:.5rem">500+</div>
                        <div style="color:#6b7280;font-weight:500">Professionnels partenaires</div>
                    </div>
                    <div>
                        <div style="font-size:2.5rem;font-weight:700;color:#f97316;margin-bottom:.5rem">15000+</div>
                        <div style="color:#6b7280;font-weight:500">Débarras réalisés</div>
                    </div>
                    <div>
                        <div style="font-size:2.5rem;font-weight:700;color:#9333ea;margin-bottom:.5rem">97%</div>
                        <div style="color:#6b7280;font-weight:500">Clients satisfaits</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Cities -->
    <section>
        <div class="container">
            <div style="text-align:center;margin-bottom:4rem">
                <h2>Trouvez votre professionnel du débarras</h2>
                <p style="font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto">
                    Service disponible dans toutes les grandes villes de France
                </p>
            </div>
            
            <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:75rem;margin:0 auto">
                
                
                <a href="/75-paris/75000-paris/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Paris</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Paris</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/13-bouches-du-rhone/13000-marseille/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Marseille</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Marseille</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/69-rhone/69000-lyon/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Lyon</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Lyon</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/31-haute-garonne/31100-toulouse/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Toulouse</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Toulouse</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/06-alpes-maritimes/06000-nice/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Nice</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Nice</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/44-loire-atlantique/44200-nantes/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Nantes</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Nantes</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/34-herault/34080-montpellier/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Montpellier</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Montpellier</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/67-bas-rhin/67000-strasbourg/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Strasbourg</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Strasbourg</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/33-gironde/33300-bordeaux/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Bordeaux</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Bordeaux</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/59-nord/59260-lille/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Lille</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Lille</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/35-ille-et-vilaine/35700-rennes/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Rennes</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Rennes</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/83-var/83000-toulon/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Toulon</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Toulon</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/51-marne/51100-reims/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Reims</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Reims</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/42-loire/42100-saint-etienne/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Saint-Étienne</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Saint-Étienne</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/76-seine-maritime/76620-le-havre/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Le Havre</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Le Havre</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/21-cote-d-or/21000-dijon/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Dijon</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Dijon</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/38-isere/38000-grenoble/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Grenoble</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Grenoble</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/49-maine-et-loire/49000-angers/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Angers</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Angers</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/69-rhone/69100-villeurbanne/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Villeurbanne</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Villeurbanne</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/974-la-reunion/97400-saint-denis/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Saint-Denis</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Saint-Denis</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/30-gard/30900-nimes/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Nîmes</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Nîmes</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/13-bouches-du-rhone/13100-aix-en-provence/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Aix-en-Provence</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Aix-en-Provence</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/63-puy-de-dome/63100-clermont-ferrand/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Clermont-Ferrand</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Clermont-Ferrand</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/72-sarthe/72100-le-mans/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Le Mans</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Le Mans</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/29-finistere/29200-brest/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Brest</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Brest</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/37-indre-et-loire/37100-tours/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Tours</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Tours</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/80-somme/80090-amiens/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Amiens</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Amiens</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/74-haute-savoie/74000-annecy/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Annecy</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Annecy</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/87-haute-vienne/87100-limoges/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Limoges</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Limoges</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/57-moselle/57070-metz/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Metz</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Metz</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/92-hauts-de-seine/92100-boulogne-billancourt/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Boulogne-Billancourt</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Boulogne-Billancourt</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/66-pyrenees-orientales/66000-perpignan/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Perpignan</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Perpignan</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/25-doubs/25000-besancon/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Besançon</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Besançon</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/45-loiret/45000-orleans/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Orléans</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Orléans</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/76-seine-maritime/76100-rouen/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Rouen</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Rouen</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/93-seine-saint-denis/93210-saint-denis/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Saint-Denis</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Saint-Denis</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/93-seine-saint-denis/93100-montreuil/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Montreuil</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Montreuil</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/14-calvados/14000-caen/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Caen</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Caen</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/95-val-d-oise/95100-argenteuil/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Argenteuil</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Argenteuil</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/68-haut-rhin/68200-mulhouse/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Mulhouse</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Mulhouse</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/974-la-reunion/97411-saint-paul/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Saint-Paul</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Saint-Paul</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/54-meurthe-et-moselle/54100-nancy/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Nancy</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Nancy</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/59-nord/59200-tourcoing/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Tourcoing</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Tourcoing</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/59-nord/59100-roubaix/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Roubaix</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Roubaix</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/92-hauts-de-seine/92000-nanterre/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Nanterre</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Nanterre</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/94-val-de-marne/94400-vitry-sur-seine/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Vitry-sur-Seine</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Vitry-sur-Seine</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/94-val-de-marne/94000-creteil/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Créteil</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Créteil</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/84-vaucluse/84000-avignon/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Avignon</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Avignon</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/86-vienne/86000-poitiers/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Poitiers</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Poitiers</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                <a href="/93-seine-saint-denis/93300-aubervilliers/"
                   style="background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s;border:1px solid #e5e7eb"
                   onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 10px 15px -3px rgba(0,0,0,.1)'"
                   onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 4px 6px -1px rgba(0,0,0,.1)'">
                    <h3 style="font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem">Aubervilliers</h3>
                    <div style="display:flex;align-items:center;color:#2563eb;font-size:.875rem;font-weight:500">
                        <span>Débarras à Aubervilliers</span>
                        <svg width="16" height="16" style="margin-left:.5rem" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                        </svg>
                    </div>
                </a>
                
                
            </div>
        </div>
    </section>

    <!-- Section Tous les Départements -->
    <section style="background:#f9fafb;padding:4rem 0">
        <div class="container">
            <div style="text-align:center;margin-bottom:3rem">
            <h2>Débarras dans tous les départements</h2>
            </div>
            <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem">
            
            <a href="/01-ain/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Ain
                </span>
            </a>
            
            <a href="/02-aisne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Aisne (02)
                </span>
            </a>
            
            <a href="/03-allier/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 03 - Allier
                </span>
            </a>
            
            <a href="/04-alpes-de-haute-provence/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Alpes-de-Haute-Provence
                </span>
            </a>
            
            <a href="/06-alpes-maritimes/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Alpes-Maritimes (06)
                </span>
            </a>
            
            <a href="/07-ardeche/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 07 - Ardèche
                </span>
            </a>
            
            <a href="/08-ardennes/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Ardennes
                </span>
            </a>
            
            <a href="/09-ariege/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Ariège (09)
                </span>
            </a>
            
            <a href="/10-aube/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 10 - Aube
                </span>
            </a>
            
            <a href="/11-aude/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Aude
                </span>
            </a>
            
            <a href="/12-aveyron/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Aveyron (12)
                </span>
            </a>
            
            <a href="/67-bas-rhin/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 67 - Bas-Rhin
                </span>
            </a>
            
            <a href="/13-bouches-du-rhone/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Bouches-du-Rhône
                </span>
            </a>
            
            <a href="/14-calvados/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Calvados (14)
                </span>
            </a>
            
            <a href="/15-cantal/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 15 - Cantal
                </span>
            </a>
            
            <a href="/16-charente/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Charente
                </span>
            </a>
            
            <a href="/17-charente-maritime/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Charente-Maritime (17)
                </span>
            </a>
            
            <a href="/18-cher/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 18 - Cher
                </span>
            </a>
            
            <a href="/19-correze/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Corrèze
                </span>
            </a>
            
            <a href="/00-corse-du-sud/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Corse-du-Sud (00)
                </span>
            </a>
            
            <a href="/21-cote-d-or/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 21 - Côte-d'Or
                </span>
            </a>
            
            <a href="/22-cotes-d-armor/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Côtes-d'Armor
                </span>
            </a>
            
            <a href="/23-creuse/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Creuse (23)
                </span>
            </a>
            
            <a href="/79-deux-sevres/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 79 - Deux-Sèvres
                </span>
            </a>
            
            <a href="/24-dordogne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Dordogne
                </span>
            </a>
            
            <a href="/25-doubs/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Doubs (25)
                </span>
            </a>
            
            <a href="/26-drome/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 26 - Drôme
                </span>
            </a>
            
            <a href="/91-essonne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Essonne
                </span>
            </a>
            
            <a href="/27-eure/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Eure (27)
                </span>
            </a>
            
            <a href="/28-eure-et-loir/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 28 - Eure-et-Loir
                </span>
            </a>
            
            <a href="/29-finistere/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Finistère
                </span>
            </a>
            
            <a href="/30-gard/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Gard (30)
                </span>
            </a>
            
            <a href="/32-gers/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 32 - Gers
                </span>
            </a>
            
            <a href="/33-gironde/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Gironde
                </span>
            </a>
            
            <a href="/971-guadeloupe/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Guadeloupe (971)
                </span>
            </a>
            
            <a href="/973-guyane/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 973 - Guyane
                </span>
            </a>
            
            <a href="/68-haut-rhin/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Haut-Rhin
                </span>
            </a>
            
            <a href="/00-haute-corse/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Haute-Corse (00)
                </span>
            </a>
            
            <a href="/31-haute-garonne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 31 - Haute-Garonne
                </span>
            </a>
            
            <a href="/43-haute-loire/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Haute-Loire
                </span>
            </a>
            
            <a href="/52-haute-marne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Haute-Marne (52)
                </span>
            </a>
            
            <a href="/70-haute-saone/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 70 - Haute-Saône
                </span>
            </a>
            
            <a href="/74-haute-savoie/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Haute-Savoie
                </span>
            </a>
            
            <a href="/87-haute-vienne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Haute-Vienne (87)
                </span>
            </a>
            
            <a href="/05-hautes-alpes/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 05 - Hautes-Alpes
                </span>
            </a>
            
            <a href="/65-hautes-pyrenees/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Hautes-Pyrénées
                </span>
            </a>
            
            <a href="/92-hauts-de-seine/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Hauts-de-Seine (92)
                </span>
            </a>
            
            <a href="/34-herault/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 34 - Hérault
                </span>
            </a>
            
            <a href="/35-ille-et-vilaine/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Ille-et-Vilaine
                </span>
            </a>
            
            <a href="/36-indre/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Indre (36)
                </span>
            </a>
            
            <a href="/37-indre-et-loire/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 37 - Indre-et-Loire
                </span>
            </a>
            
            <a href="/38-isere/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Isère
                </span>
            </a>
            
            <a href="/39-jura/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Jura (39)
                </span>
            </a>
            
            <a href="/974-la-reunion/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 974 - La Réunion
                </span>
            </a>
            
            <a href="/40-landes/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Landes
                </span>
            </a>
            
            <a href="/41-loir-et-cher/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Loir-et-Cher (41)
                </span>
            </a>
            
            <a href="/42-loire/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 42 - Loire
                </span>
            </a>
            
            <a href="/44-loire-atlantique/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Loire-Atlantique
                </span>
            </a>
            
            <a href="/45-loiret/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Loiret (45)
                </span>
            </a>
            
            <a href="/46-lot/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 46 - Lot
                </span>
            </a>
            
            <a href="/47-lot-et-garonne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Lot-et-Garonne
                </span>
            </a>
            
            <a href="/48-lozere/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Lozère (48)
                </span>
            </a>
            
            <a href="/49-maine-et-loire/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 49 - Maine-et-Loire
                </span>
            </a>
            
            <a href="/50-manche/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Manche
                </span>
            </a>
            
            <a href="/51-marne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Marne (51)
                </span>
            </a>
            
            <a href="/972-martinique/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 972 - Martinique
                </span>
            </a>
            
            <a href="/53-mayenne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Mayenne
                </span>
            </a>
            
            <a href="/976-mayotte/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Mayotte (976)
                </span>
            </a>
            
            <a href="/54-meurthe-et-moselle/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 54 - Meurthe-et-Moselle
                </span>
            </a>
            
            <a href="/55-meuse/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Meuse
                </span>
            </a>
            
            <a href="/56-morbihan/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Morbihan (56)
                </span>
            </a>
            
            <a href="/57-moselle/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 57 - Moselle
                </span>
            </a>
            
            <a href="/58-nievre/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Nièvre
                </span>
            </a>
            
            <a href="/59-nord/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Nord (59)
                </span>
            </a>
            
            <a href="/60-oise/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 60 - Oise
                </span>
            </a>
            
            <a href="/61-orne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Orne
                </span>
            </a>
            
            <a href="/75-paris/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Paris (75)
                </span>
            </a>
            
            <a href="/62-pas-de-calais/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 62 - Pas-de-Calais
                </span>
            </a>
            
            <a href="/63-puy-de-dome/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Puy-de-Dôme
                </span>
            </a>
            
            <a href="/64-pyrenees-atlantiques/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Pyrénées-Atlantiques (64)
                </span>
            </a>
            
            <a href="/66-pyrenees-orientales/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 66 - Pyrénées-Orientales
                </span>
            </a>
            
            <a href="/69-rhone/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Rhône
                </span>
            </a>
            
            <a href="/71-saone-et-loire/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Saône-et-Loire (71)
                </span>
            </a>
            
            <a href="/72-sarthe/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 72 - Sarthe
                </span>
            </a>
            
            <a href="/73-savoie/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Savoie
                </span>
            </a>
            
            <a href="/77-seine-et-marne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Seine-et-Marne (77)
                </span>
            </a>
            
            <a href="/76-seine-maritime/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 76 - Seine-Maritime
                </span>
            </a>
            
            <a href="/93-seine-saint-denis/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Seine-Saint-Denis
                </span>
            </a>
            
            <a href="/80-somme/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Somme (80)
                </span>
            </a>
            
            <a href="/81-tarn/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 81 - Tarn
                </span>
            </a>
            
            <a href="/82-tarn-et-garonne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Tarn-et-Garonne
                </span>
            </a>
            
            <a href="/90-territoire-de-belfort/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Territoire de Belfort (90)
                </span>
            </a>
            
            <a href="/95-val-d-oise/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 95 - Val-d'Oise
                </span>
            </a>
            
            <a href="/94-val-de-marne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Val-de-Marne
                </span>
            </a>
            
            <a href="/83-var/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Var (83)
                </span>
            </a>
            
            <a href="/84-vaucluse/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 84 - Vaucluse
                </span>
            </a>
            
            <a href="/85-vendee/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Vendée
                </span>
            </a>
            
            <a href="/86-vienne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Vienne (86)
                </span>
            </a>
            
            <a href="/88-vosges/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Devis 88 - Vosges
                </span>
            </a>
            
            <a href="/89-yonne/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Débarras Yonne
                </span>
            </a>
            
            <a href="/78-yvelines/"
                style="background:#fff;padding:.75rem;border-radius:.5rem;text-align:center;transition:all .3s;border:1px solid #e5e7eb"
                onmouseover="this.style.background='#eff6ff'"
                onmouseout="this.style.background='#fff'">
                
                <span style="font-size:.9rem;color:#374151">
                Yvelines (78)
                </span>
            </a>
            
            </div>
        </div>
    </section>

    <!-- Testimonials -->
    
    <section id="temoignages" style="background:#f9fafb">
        <div class="container">
            <div style="text-align:center;margin-bottom:4rem">
                <h2>Ils nous font confiance</h2>
                <p style="font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto">
                    Avis de nos clients sur nos services de débarras
                </p>
            </div>
            
            <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:75rem;margin:0 auto">
                
                <div style="background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb">
                    <div style="color:#fbbf24;margin-bottom:1rem;font-size:1.5rem">★★★★★</div>
                    <p style="color:#4b5563;font-style:italic;line-height:1.6;margin-bottom:1.5rem">
                        "Service impeccable ! L'équipe a débarrassé ma maison en une journée. Tri soigneux et recyclage. Je recommande."
                    </p>
                    <div style="display:flex;align-items:center">
                        <div style="width:3rem;height:3rem;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:1rem">
                            So
                        </div>
                        <div>
                            <p style="font-weight:600;color:#1f2937">Sophie Martin</p>
                            <p style="font-size:.875rem;color:#6b7280">Lyon</p>
                        </div>
                    </div>
                </div>
                
                <div style="background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb">
                    <div style="color:#fbbf24;margin-bottom:1rem;font-size:1.5rem">★★★★★</div>
                    <p style="color:#4b5563;font-style:italic;line-height:1.6;margin-bottom:1.5rem">
                        "Intervention rapide pour vider la cave de mes parents. Équipe respectueuse et efficace. Excellent rapport qualité-prix."
                    </p>
                    <div style="display:flex;align-items:center">
                        <div style="width:3rem;height:3rem;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:1rem">
                            Je
                        </div>
                        <div>
                            <p style="font-weight:600;color:#1f2937">Jean Dubois</p>
                            <p style="font-size:.875rem;color:#6b7280">Marseille</p>
                        </div>
                    </div>
                </div>
                
                <div style="background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb">
                    <div style="color:#fbbf24;margin-bottom:1rem;font-size:1.5rem">★★★★★</div>
                    <p style="color:#4b5563;font-style:italic;line-height:1.6;margin-bottom:1.5rem">
                        "Débarras de notre local commercial en un temps record. Professionnalisme exemplaire et tarif correct."
                    </p>
                    <div style="display:flex;align-items:center">
                        <div style="width:3rem;height:3rem;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:1rem">
                            Ma
                        </div>
                        <div>
                            <p style="font-weight:600;color:#1f2937">Marie Leroy</p>
                            <p style="font-size:.875rem;color:#6b7280">Toulouse</p>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>
    

    <!-- CTA Pro -->
    <section style="background:linear-gradient(90deg,var(--primary-color,#2563eb),var(--primary-dark,#1e40af));padding:5rem 0">
        <div class="container" style="text-align:center;max-width:50rem">
            <h2 style="color:#fff;margin-bottom:1.5rem">Vous êtes un professionnel du débarras ?</h2>
            <p style="font-size:1.25rem;color:#bfdbfe;margin-bottom:2rem;line-height:1.6">
                Rejoignez notre réseau de 500 partenaires et développez votre activité.
            </p>
            <div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap">
                <a href="#" style="background:#fff;color:var(--primary-color,#2563eb);padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.125rem;transition:all .3s"
                   onmouseover="this.style.background='#f0f9ff'"
                   onmouseout="this.style.background='#fff'">
                    Devenir partenaire
                </a>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer style="background:#111827;color:#fff;padding:4rem 0">
        <div class="container">
            <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:2rem">
                <div>
                    <h3 style="font-size:1.25rem;font-weight:700;margin-bottom:1rem">debarras-du-soleil.fr</h3>
                    <p style="color:#9ca3af;line-height:1.6">Spécialiste du débarras depuis 10 ans. Libérez votre espace.</p>
                    <div style="margin-top:1rem;color:#9ca3af">
                        <p>📞 0800 123 456</p>
                        <p>✉️ <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="06656968726765724662636467747467752b62732b75696a636f6a286074">[email&#160;protected]</a></p>
                    </div>
                </div>
                
                <div>
                    <h4 style="font-size:1.125rem;font-weight:600;margin-bottom:1rem">Services</h4>
                    <ul style="color:#9ca3af;line-height:2;list-style:none">
                        
                        <li>• Débarras maison complète</li>
                        
                        <li>• Débarras appartement</li>
                        
                        <li>• Débarras cave et grenier</li>
                        
                        <li>• Débarras après décès</li>
                        
                        <li>• Débarras entreprise</li>
                        
                        <li>• Destruction d'archives</li>
                        
                    </ul>
                </div>
                
                <div>
                    <h4 style="font-size:1.125rem;font-weight:600;margin-bottom:1rem">Informations</h4>
                    <ul style="color:#9ca3af;line-height:2;list-style:none">
                        <li><a href="#" style="color:#9ca3af">À propos</a></li>
                        <li><a href="#" style="color:#9ca3af">Comment ça marche</a></li>
                        <li><a href="#" style="color:#9ca3af">Nos garanties</a></li>
                        <li><a href="#" style="color:#9ca3af">Témoignages</a></li>
                    </ul>
                </div>
                
                <div>
                    <h4 style="font-size:1.125rem;font-weight:600;margin-bottom:1rem">Contact Rapide</h4>
                    <form style="display:flex;flex-direction:column;gap:1rem">
                        <input type="text" placeholder="Nom" style="padding:.5rem 1rem;border-radius:.5rem;background:#1f2937;border:1px solid #374151;color:#fff">
                        <input type="email" placeholder="Email" style="padding:.5rem 1rem;border-radius:.5rem;background:#1f2937;border:1px solid #374151;color:#fff">
                        <textarea placeholder="Message" rows="3" style="padding:.5rem 1rem;border-radius:.5rem;background:#1f2937;border:1px solid #374151;color:#fff"></textarea>
                        <button type="submit" style="background:var(--primary-color,#2563eb);color:#fff;padding:.75rem;border-radius:.5rem;font-weight:600;cursor:pointer;border:none">Envoyer</button>
                    </form>
                </div>
            </div>
            
            <!-- Section liens légaux -->
            <div style="border-top:1px solid #374151;margin-top:2rem;padding-top:2rem">
                <div style="text-align:center;margin-bottom:1.5rem">
                    <div style="display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1rem">
                        <a href="mentions-legales.html" 
                           style="color:#9ca3af;font-size:.875rem;transition:color .3s;text-decoration:none"
                           onmouseover="this.style.color='#60a5fa'"
                           onmouseout="this.style.color='#9ca3af'">
                            Mentions légales
                        </a>
                        <a href="politique-confidentialite.html" 
                           style="color:#9ca3af;font-size:.875rem;transition:color .3s;text-decoration:none"
                           onmouseover="this.style.color='#60a5fa'"
                           onmouseout="this.style.color='#9ca3af'">
                            Politique de confidentialité
                        </a>
                        <a href="qui-sommes-nous.html" 
                           style="color:#9ca3af;font-size:.875rem;transition:color .3s;text-decoration:none"
                           onmouseover="this.style.color='#60a5fa'"
                           onmouseout="this.style.color='#9ca3af'">
                            Qui sommes-nous
                        </a>
                    </div>
                </div>
                <div style="text-align:center;color:#6b7280">
                    <p>© 2025 debarras-du-soleil.fr - Tous droits réservés</p>
                </div>
            </div>
        </div>
    </footer>

    <button id="scrollToTop" 
            style="position:fixed;bottom:1.5rem;right:1.5rem;background:var(--primary-color,#2563eb);color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:all .3s;cursor:pointer;border:none"
            aria-label="Retour en haut">
        <svg width="24" height="24" fill="none" stroke="currentColor" viewbox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/>
        </svg>
    </button>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/ld+json">
    {"@context": "https://schema.org", "@type": "WebPage", "description": "Service de d\u00e9barras en France. Devis gratuit, intervention rapide. Tri s\u00e9lectif et recyclage responsable.", "name": "debarras-du-soleil.fr", "publisher": {"@type": "Organization", "name": "debarras-du-soleil.fr"}, "url": "https://debarras-du-soleil.fr/"}
    </script>

    <link rel="preload" href="/assets/styles.css" as="style">
    <link rel="stylesheet" href="/assets/styles.css" media="print" onload="this.media='all'">
    
    <!-- PAS DE FONT AWESOME - Uniquement SVG inline et emojis -->
    
    <script src="/assets/scripts.js" defer></script>
    
    <style>
        @keyframes bounce {
            0%, 100% { transform: translateX(-50%) translateY(0); }
            50% { transform: translateX(-50%) translateY(-10px); }
        }
    </style>
    
    <script>
        window.addEventListener('scroll',function(){
            const btn=document.getElementById('scrollToTop');
            if(window.pageYOffset>300){
                btn.style.opacity='1';
                btn.style.visibility='visible';
            }else{
                btn.style.opacity='0';
                btn.style.visibility='hidden';
            }
        });
        document.getElementById('scrollToTop').addEventListener('click',function(){
            window.scrollTo({top:0,behavior:'smooth'});
        });
    </script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"5fe7900a1a7a4436819c07ed6a400af7","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>

A propos d'Outiref

Contact / Signaler un bug

FAQ

Crédits et Mentions Légales

Audit SEO par Abondance

Suivez nous sur...

Un site du Réseau Abondance

Agence SEO Neper
Formations SEO NEPER
Googlefight
Cabinet de conseil en IA - Neper AI
La météo du SEO
Klemo