Outiref

Code source de l'URL : http://demenageur-vienne.net.fr/

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Expert Déménagement Vienne — Devis Gratuit</title>
    <meta name="description" content="">
    <link rel="canonical" href="https://demenageur-vienne.net.fr">
            <!-- Open Graph -->
    <meta property="og:type"        content="website">
    <meta property="og:url"         content="https://demenageur-vienne.net.fr">
    <meta property="og:title"       content="">
    <meta property="og:description" content="">
    <meta property="og:locale"      content="fr_FR">
    <meta property="og:image" content="https://demenageur-vienne.net.fr/assets/images/library/furniture-moving-7464712.webp">    <!-- Twitter Card -->
    <meta name="twitter:card"        content="summary_large_image">
    <meta name="twitter:title"       content="">
    <meta name="twitter:description" content="">
    <meta name="twitter:image" content="https://demenageur-vienne.net.fr/assets/images/library/furniture-moving-7464712.webp">    <!-- JSON-LD LocalBusiness -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "MovingCompany",
      "name": "Expert D\u00e9m\u00e9nagement Vienne",
      "url": "https:\/\/demenageur-vienne.net.fr",
            "image": "https:\/\/demenageur-vienne.net.fr\/assets\/images\/library\/furniture-moving-7464712.webp",      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Vienne",
        "addressRegion": "Auvergne-Rhône-Alpes",
        "addressCountry": "FR"
      },
      "description": "",
      "areaServed": "Vienne",
      "priceRange": "€€",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "reviewCount": "127",
        "bestRating": "5"
      }
    }
    </script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800&display=swap" rel="stylesheet">
    <style>
        :root {
        --color-primary: #1a1a2e;
        --color-secondary: #e94560;
        --color-accent: #0f3460;
        --color-bg: #16213e;
        --color-text: #eeeeee;
        --color-muted: #8892b0;
        --color-card: #1a1a3e;
        --font-title: &#039;Playfair Display&#039;, serif;
        --font-body: &#039;DM Sans&#039;, sans-serif;
        --radius: 2px;            --brand:      #1e40af;
            --brand-dark: #1e3a8a;
            --brand-light:#dbeafe;
            --accent:     #f59e0b;
            --bg:         #f8fafc;
            --surface:    #ffffff;
            --text:       #1e293b;
            --muted:      #64748b;
            --border:     #e2e8f0;
            --radius:     10px;
            --font-head:  'Outfit', system-ui, sans-serif;
            --font-body:  'Inter', system-ui, sans-serif;
        }
        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; }
        body { background: var(--bg); color: var(--text); font-family: var(--font-body); line-height: 1.65; -webkit-font-smoothing: antialiased; }
        a { color: var(--brand); text-decoration: none; }
        a:hover { opacity: .85; }
        .container { max-width: 1160px; margin: 0 auto; padding: 0 1.5rem; }
        img { max-width: 100%; display: block; }

        /* ── NAV ─────────────────────────────────────────────── */
        nav {
            background: var(--surface);
            border-bottom: 1px solid var(--border);
            position: sticky; top: 0; z-index: 200;
            box-shadow: 0 1px 12px rgba(0,0,0,.06);
        }
        .nav-inner {
            display: flex; align-items: center;
            justify-content: space-between;
            padding: .75rem 1.5rem;
            max-width: 1160px; margin: 0 auto;
            gap: 1.5rem;
        }
        .nav-brand {
            font-family: var(--font-head);
            font-size: 1.2rem; font-weight: 800;
            color: var(--brand-dark);
            display: flex; align-items: center; gap: .5rem;
            white-space: nowrap;
        }
        .nav-brand .dot { color: var(--accent); }
        .nav-links { display: flex; gap: 2rem; list-style: none; }
        .nav-links a { color: var(--muted); font-size: .9rem; font-weight: 500; transition: color .15s; }
        .nav-links a:hover { color: var(--brand); opacity: 1; }
        .nav-actions { display: flex; align-items: center; gap: .6rem; }
        .btn { display: inline-flex; align-items: center; gap: .35rem; padding: .5rem 1.1rem; border-radius: var(--radius); font-size: .88rem; font-weight: 600; transition: transform .15s, box-shadow .15s; white-space: nowrap; }
        .btn:hover { transform: translateY(-1px); opacity: 1; }
        .btn-primary  { background: var(--brand); color: #fff !important; box-shadow: 0 2px 8px rgba(30,64,175,.25); }
        .btn-accent   { background: var(--accent); color: #fff !important; box-shadow: 0 2px 8px rgba(245,158,11,.3); }
        .btn-wa       { background: #25d366; color: #fff !important; }
        .btn-ghost    { border: 1.5px solid var(--brand); color: var(--brand) !important; }
        @keyframes pulse-accent { 0%,100%{box-shadow:0 2px 8px rgba(245,158,11,.3),0 0 0 0 rgba(245,158,11,.4)} 50%{box-shadow:0 2px 8px rgba(245,158,11,.3),0 0 0 7px rgba(245,158,11,0)} }
        .btn-accent { animation: pulse-accent 2.5s ease-in-out infinite; }

        /* ── HERO ────────────────────────────────────────────── */
        .hero {
            background: linear-gradient(135deg, var(--brand-dark) 0%, var(--brand) 60%, #3b82f6 100%);
            min-height: 78vh;
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
            position: relative;
            overflow: hidden;
        }
        .hero::after {
            content: '';
            position: absolute; inset: 0;
            background:
                radial-gradient(ellipse 80% 60% at 70% 50%, rgba(255,255,255,.04) 0%, transparent 70%),
                url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            pointer-events: none;
        }
                .hero::before {
            content: '';
            position: absolute; inset: 0;
            background: url('/assets/images/library/furniture-moving-7464712.webp') center / cover no-repeat;
            opacity: .28;
        }
                .hero-left {
            position: relative; z-index: 1;
            padding: 5rem 3rem 5rem 0;
        }
        .hero-right {
            position: relative; z-index: 1;
            display: flex; justify-content: center; align-items: center;
            padding: 4rem 0;
        }
        .hero-badge {
            display: inline-flex; align-items: center; gap: .4rem;
            background: rgba(245,158,11,.15);
            border: 1px solid rgba(245,158,11,.4);
            color: #fcd34d;
            font-size: .75rem; font-weight: 700;
            text-transform: uppercase; letter-spacing: .1em;
            padding: .3rem .9rem; border-radius: 999px;
            margin-bottom: 1.5rem;
        }
        .hero h1 {
            font-family: var(--font-head);
            font-size: clamp(2rem, 4.5vw, 3.4rem);
            font-weight: 800;
            color: #fff;
            line-height: 1.1;
            margin-bottom: 1.3rem;
        }
        .hero h1 em { color: #fcd34d; font-style: normal; }
        .hero p {
            font-size: 1.1rem;
            color: rgba(255,255,255,.8);
            max-width: 500px;
            margin-bottom: 2rem;
        }
        .hero-btns { display: flex; gap: .8rem; flex-wrap: wrap; }
        .hero-btns .btn { padding: .8rem 1.8rem; font-size: .95rem; }
        .hero-stats {
            display: flex; gap: 2rem; flex-wrap: wrap;
            margin-top: 3rem;
            padding-top: 2rem;
            border-top: 1px solid rgba(255,255,255,.15);
        }
        .hero-stat-num { font-family: var(--font-head); font-size: 1.8rem; font-weight: 800; color: #fff; }
        .hero-stat-label { font-size: .78rem; color: rgba(255,255,255,.55); margin-top: .1rem; }

        /* Carte visuelle côté droit */
        .hero-card {
            background: rgba(255,255,255,.1);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255,255,255,.2);
            border-radius: 16px;
            padding: 2rem;
            max-width: 320px; width: 100%;
        }
        .hero-card-title { color: #fff; font-family: var(--font-head); font-size: 1.1rem; font-weight: 700; margin-bottom: 1.2rem; }
        .hero-card-item { display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; }
        .hero-card-icon { width: 36px; height: 36px; background: rgba(245,158,11,.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }
        .hero-card-text { font-size: .88rem; color: rgba(255,255,255,.85); }
        .hero-card-text strong { display: block; color: #fff; font-size: .92rem; margin-bottom: .1rem; }
        .hero-card-cta {
            display: block; width: 100%;
            background: var(--accent); color: #fff !important;
            text-align: center; padding: .85rem; border-radius: var(--radius);
            font-weight: 700; font-size: .95rem;
            margin-top: 1.5rem;
            transition: transform .15s;
        }
        .hero-card-cta:hover { transform: translateY(-2px); opacity: 1; }

        /* ── TRUST BAR ───────────────────────────────────────── */
        .trust-bar { background: var(--surface); border-bottom: 1px solid var(--border); padding: 1.2rem 0; }
        .trust-items { display: flex; gap: 2.5rem; align-items: center; justify-content: center; flex-wrap: wrap; }
        .trust-item { display: flex; align-items: center; gap: .5rem; font-size: .88rem; color: var(--muted); font-weight: 500; }
        .trust-item .ti { font-size: 1.1rem; }

        /* ── SECTIONS ────────────────────────────────────────── */
        section { padding: 5rem 0; }
        .section-tag { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--brand); margin-bottom: .7rem; }
        h2 { font-family: var(--font-head); font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 800; color: var(--text); line-height: 1.2; margin-bottom: 1.2rem; }
        .lead { font-size: 1.05rem; color: var(--muted); max-width: 600px; margin-bottom: 2.5rem; }

        /* ── SERVICES ────────────────────────────────────────── */
        #services { background: var(--surface); }
        .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.25rem; }
        .service-card {
            background: var(--bg);
            border: 1.5px solid var(--border);
            border-radius: var(--radius);
            padding: 1.8rem 1.5rem;
            transition: border-color .2s, box-shadow .2s, transform .2s;
        }
        .service-card:hover { border-color: var(--brand); box-shadow: 0 6px 24px rgba(30,64,175,.1); transform: translateY(-2px); }
        .service-icon { font-size: 2rem; margin-bottom: 1rem; }
        .service-card h3 { font-family: var(--font-head); font-size: 1rem; color: var(--text); margin-bottom: .4rem; font-weight: 700; }
        .service-card p { font-size: .88rem; color: var(--muted); line-height: 1.6; }

        /* ── ABOUT ───────────────────────────────────────────── */
        #about { background: var(--bg); }
        .about-layout { display: grid; grid-template-columns: 1.3fr 1fr; gap: 5rem; align-items: center; }
        .about-text { font-size: 1rem; color: var(--muted); line-height: 1.8; margin-bottom: 2rem; }
        .stats-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
        .stat-box {
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            padding: 1.5rem;
            text-align: center;
        }
        .stat-num { font-family: var(--font-head); font-size: 2rem; font-weight: 800; color: var(--brand); }
        .stat-label { font-size: .78rem; color: var(--muted); margin-top: .2rem; }

        /* ── ZONES ───────────────────────────────────────────── */
        #zones { background: var(--surface); }
        .zones-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1rem; }
        .zone-card { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.4rem; }
        .zone-card h3 { font-size: .88rem; font-weight: 700; color: var(--brand-dark); margin-bottom: .7rem; }
        .zone-card li { font-size: .82rem; color: var(--muted); padding: .15rem 0; list-style: none; }
        .zone-card li::before { content: '→ '; color: var(--brand); }

        /* ── ENGAGEMENTS ─────────────────────────────────────── */
        #engagements { background: var(--bg); }
        .engage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1.5rem; }
        .engage-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.8rem 1.5rem; }
        .engage-card .e-icon { font-size: 1.8rem; margin-bottom: 1rem; }
        .engage-card h4 { font-weight: 700; color: var(--text); margin-bottom: .4rem; font-size: .95rem; }
        .engage-card p { font-size: .85rem; color: var(--muted); }

        /* ── AVIS ────────────────────────────────────────────── */
        #avis { background: var(--brand-dark); }
        #avis h2 { color: #fff; }
        .reviews-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; }
        .review-card { background: rgba(255,255,255,.08); border-radius: var(--radius); padding: 1.8rem; border-top: 3px solid var(--accent); }
        .review-stars { color: var(--accent); font-size: 1rem; margin-bottom: .8rem; }
        .review-text { color: rgba(255,255,255,.8); font-size: .92rem; font-style: italic; line-height: 1.7; margin-bottom: 1rem; }
        .review-author { font-size: .82rem; color: rgba(255,255,255,.5); font-weight: 600; }

        /* ── CTA BAND ────────────────────────────────────────── */
        .cta-band { background: linear-gradient(135deg, var(--accent), #d97706); padding: 4rem 0; text-align: center; }
        .cta-band h2 { color: #fff; margin-bottom: .7rem; }
        .cta-band p { color: rgba(255,255,255,.85); margin-bottom: 2rem; font-size: 1.05rem; }
        .cta-band-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
        .cta-band-btns .btn { padding: .9rem 2rem; font-size: .95rem; }
        .cta-band-btns .btn-white { background: #fff; color: var(--accent) !important; }

        /* ── DEVIS ───────────────────────────────────────────── */
        #devis { background: var(--surface); }
        .devis-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 4rem; align-items: start; }
        .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
        .form-group { display: flex; flex-direction: column; gap: .35rem; }
        .form-group.full { grid-column: 1 / -1; }
        label { font-size: .78rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
        input, select, textarea {
            background: var(--bg); border: 1.5px solid var(--border);
            border-radius: 8px; padding: .75rem 1rem;
            color: var(--text); font-family: var(--font-body); font-size: .95rem; width: 100%;
            transition: border-color .15s, box-shadow .15s;
        }
        input:focus, select:focus, textarea:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(30,64,175,.1); background: #fff; }
        textarea { resize: vertical; min-height: 120px; }
        .btn-submit {
            width: 100%; padding: 1rem; margin-top: .5rem;
            background: var(--brand); color: #fff; border: none;
            border-radius: var(--radius); font-size: 1rem; font-weight: 700;
            cursor: pointer; font-family: var(--font-head);
            transition: opacity .2s, transform .15s;
        }
        .btn-submit:hover { opacity: .9; transform: translateY(-1px); }
        .devis-aside { background: var(--bg); border: 1.5px solid var(--border); border-radius: 12px; padding: 2rem; }
        .devis-aside h3 { font-family: var(--font-head); font-size: 1.1rem; color: var(--text); margin-bottom: 1.5rem; font-weight: 700; }
        .aside-item { display: flex; gap: .8rem; align-items: flex-start; margin-bottom: 1.2rem; }
        .aside-icon { font-size: 1.4rem; }
        .aside-item strong { display: block; font-size: .9rem; color: var(--text); margin-bottom: .15rem; }
        .aside-item p { font-size: .85rem; color: var(--muted); }

        /* ── FOOTER ──────────────────────────────────────────── */
        footer { background: #0f172a; padding: 3.5rem 0 2rem; }
        .footer-maillage { margin-bottom: 2.5rem; }
        .footer-maillage h3 { font-family: var(--font-head); font-size: .95rem; color: #fff; margin-bottom: 1.2rem; }
        .footer-links-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem 1.5rem; }
        @media (max-width: 640px) { .footer-links-grid { grid-template-columns: repeat(2, 1fr); } }
        .footer-links-grid a { display: block; color: #64748b; font-size: .82rem; padding: .15rem 0; transition: color .15s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .footer-links-grid a:hover { color: var(--accent); opacity: 1; }
        .footer-bottom { border-top: 1px solid rgba(255,255,255,.06); padding-top: 1.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; font-size: .78rem; color: #475569; }
        .footer-bottom a { color: #64748b; }

        /* ── HAMBURGER ───────────────────────────────────────── */
        .nav-hamburger {
            display: none;
            background: none; border: 1.5px solid var(--border); cursor: pointer;
            padding: .45rem .6rem; border-radius: 8px;
            color: var(--brand-dark); line-height: 1;
            transition: background .15s;
        }
        .nav-hamburger:hover { background: var(--brand-light); }

        /* ── RESPONSIVE ──────────────────────────────────────── */
        @media (max-width: 900px) {
            .hero { grid-template-columns: 1fr; min-height: auto; }
            .hero-left { padding: 4rem 0 2rem; }
            .hero-right { display: none; }
            .about-layout { grid-template-columns: 1fr; gap: 2.5rem; }
            .devis-layout { grid-template-columns: 1fr; gap: 2rem; }
        }
        @media (max-width: 640px) {
            .nav-hamburger { display: flex; align-items: center; }
            .nav-links {
                display: none;
                position: absolute; top: 100%; left: 0; right: 0;
                background: var(--surface);
                border-bottom: 2px solid var(--border);
                box-shadow: 0 8px 24px rgba(0,0,0,.1);
                padding: .5rem 1.5rem 1rem;
                flex-direction: column; gap: 0;
                z-index: 300;
            }
            .nav-links.open { display: flex; }
            .nav-links a {
                display: block;
                padding: .85rem 0;
                border-bottom: 1px solid var(--border);
                font-size: 1rem; color: var(--text) !important;
                opacity: 1;
            }
            .nav-links a:last-child { border-bottom: none; padding-bottom: .5rem; }
            .nav-links .btn-accent {
                margin-top: .75rem;
                text-align: center;
                border-radius: var(--radius);
                background: var(--accent); color: #fff !important;
            }
            .nav-actions { display: none; }
            .hero h1 { font-size: 2rem; }
            .hero-stats { gap: 1.5rem; }
            .form-grid { grid-template-columns: 1fr; }
            .stats-row { grid-template-columns: 1fr 1fr; }
        }
    </style>
</head>
<body>

<!-- NAV -->
<nav>
    <div class="nav-inner">
        <a href="/" class="nav-brand">
                            🚚 Expert Déménagement Vienne<span class="dot">.</span>
                    </a>
        <button class="nav-hamburger" id="navToggle" aria-label="Ouvrir le menu" aria-expanded="false">
            <svg width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
        </button>
        <div class="nav-links" id="navLinks" role="navigation" aria-label="Menu principal">
            <a href="#services">Services</a>
            <a href="#about">À propos</a>
            <a href="#avis">Avis</a>
            <a href="#zones">Zones</a>
            <a href="#devis" class="btn btn-accent">Devis gratuit →</a>
        </div>
        <div class="nav-actions">
                                    <a href="tel:0664887952" class="btn btn-primary">📞 06 64 88 79 52</a>
                                    <a href="+33664887952" class="btn btn-wa" target="_blank" rel="noopener">💬</a>
                    </div>
    </div>
</nav>

<!-- HERO -->
<section class="hero">
    <div class="container" style="display:contents">
        <div class="hero-left" style="padding-left: max(1.5rem, calc((100vw - 1160px)/2 + 1.5rem))">
            <div class="hero-badge">⭐ Disponible en Rhône-Alpes &amp; Auvergne</div>
            <h1>Votre déménageur à Vienne</h1>
            <p>Devis gratuit en 2h, assurance tous risques, équipes certifiées. Nous gérons chaque déménagement avec soin, des cartons jusqu&#039;à la remise des clés.</p>
            <div class="hero-btns">
                <a href="#devis" class="btn btn-accent" style="padding:.85rem 2rem;font-size:1rem;">Devis gratuit — Réponse sous 2h</a>
                <a href="#services" class="btn" style="border:1.5px solid rgba(255,255,255,.45);color:#fff!important;padding:.85rem 1.8rem;font-size:1rem;">Voir nos services</a>
            </div>
            <div class="hero-stats">
                <div><div class="hero-stat-num">Région AURA</div><div class="hero-stat-label">Villes couvertes</div></div>
                <div><div class="hero-stat-num">28 ans</div><div class="hero-stat-label">D'expérience</div></div>
                <div><div class="hero-stat-num">98%</div><div class="hero-stat-label">Clients satisfaits</div></div>
                <div><div class="hero-stat-num">0€</div><div class="hero-stat-label">Déplacement</div></div>
            </div>
        </div>
        <div class="hero-right" style="padding-right: max(1.5rem, calc((100vw - 1160px)/2 + 1.5rem))">
            <div class="hero-card">
                <div class="hero-card-title">Demandez votre devis</div>
                <div class="hero-card-item">
                    <div class="hero-card-icon">⚡</div>
                    <div class="hero-card-text"><strong>Réponse en 2h</strong>Estimation gratuite, sans engagement</div>
                </div>
                <div class="hero-card-item">
                    <div class="hero-card-icon">🛡️</div>
                    <div class="hero-card-text"><strong>Assurance incluse</strong>Tous risques pendant le déménagement</div>
                </div>
                <div class="hero-card-item">
                    <div class="hero-card-icon">👷</div>
                    <div class="hero-card-text"><strong>Équipe qualifiée</strong>Professionnels formés et expérimentés</div>
                </div>
                <div class="hero-card-item">
                    <div class="hero-card-icon">📋</div>
                    <div class="hero-card-text"><strong>Suivi complet</strong>De la visite technique à la livraison</div>
                </div>
                <a href="#devis" class="hero-card-cta">Obtenir mon devis gratuit →</a>
            </div>
        </div>
    </div>
</section>

<!-- TRUST BAR -->
<div class="trust-bar">
    <div class="container">
        <div class="trust-items">
            <div class="trust-item"><span class="ti">✅</span> Devis gratuit en 2h</div>
            <div class="trust-item"><span class="ti">🛡️</span> Assurance tous risques</div>
            <div class="trust-item"><span class="ti">👷</span> Équipes certifiées</div>
            <div class="trust-item"><span class="ti">🌱</span> Éco-responsable</div>
            <div class="trust-item"><span class="ti">📞</span> Disponible 6j/7</div>
        </div>
    </div>
</div>

<!-- SERVICES -->
<section id="services">
    <div class="container">
        <div class="section-tag">Ce que nous faisons</div>
        <h2>Tous types de déménagements</h2>
        <p class="lead">De l&#039;appartement studio au siège social, chaque mission est planifiée avec le même niveau d&#039;exigence.</p>
        <div class="services-grid">
            <div class="service-card"><div class="service-icon">🏠</div><h3>Déménagement résidentiel</h3><p>Appartements, maisons, villas. Emballage soigné, transport sécurisé, livraison sans surprise.</p></div>
            <div class="service-card"><div class="service-icon">🏢</div><h3>Déménagement d'entreprise</h3><p>Bureaux, locaux pro, entrepôts. Planning sur-mesure pour réduire l'interruption d'activité.</p></div>
            <div class="service-card"><div class="service-icon">🔄</div><h3>Mutation professionnelle</h3><p>Accompagnement RH complet pour les mobilités avec coordination employeur.</p></div>
            <div class="service-card"><div class="service-icon">🚛</div><h3>Longue distance</h3><p>Inter-régions, toute la France. Groupage disponible pour optimiser les coûts.</p></div>
            <div class="service-card"><div class="service-icon">🌍</div><h3>International</h3><p>Europe et monde entier. Formalités douanières, emballages spéciaux, assurance export.</p></div>
            <div class="service-card"><div class="service-icon">📦</div><h3>Garde-meubles</h3><p>Entrepôts sécurisés et climatisés, accessibles 7j/7. Courte ou longue durée.</p></div>
        </div>
    </div>
</section>

<!-- À PROPOS -->
<section id="about">
    <div class="container">
        <div class="about-layout">
            <div>
                <div class="section-tag">Notre histoire</div>
                <h2>Un acteur régional de confiance depuis 28 ans</h2>
                <p class="about-text">Fondée en Rhône-Alpes, notre société de déménagement accompagne particuliers et entreprises depuis plus de 28 ans. Implantée au cœur de la région, nous connaissons parfaitement le terrain : les quartiers de Lyon, les accès difficiles en Haute-Savoie, la topographie alpine de la Savoie ou les zones industrielles de l&#039;Isère.<br />
<br />
Notre équipe de déménageurs professionnels intervient partout dans la région. Chaque mission est planifiée avec soin, de la visite technique au dernier carton posé.</p>
                <div style="display:flex; gap:.75rem; flex-wrap:wrap;">
                    <a href="#devis" class="btn btn-primary" style="padding:.75rem 1.6rem;">Demander un devis</a>
                    <a href="tel:0664887952" class="btn btn-ghost" style="padding:.75rem 1.6rem;">📞 Appeler</a>                </div>
            </div>
            <div class="stats-row">
                <div class="stat-box"><div class="stat-num">28+</div><div class="stat-label">Années d'expérience</div></div>
                <div class="stat-box"><div class="stat-num">2 000+</div><div class="stat-label">Déménagements</div></div>
                <div class="stat-box"><div class="stat-num">Région AURA</div><div class="stat-label">Villes couvertes</div></div>
                <div class="stat-box"><div class="stat-num">98%</div><div class="stat-label">Satisfaction</div></div>
            </div>
        </div>
    </div>
</section>

<!-- ZONES -->
<section id="zones">
    <div class="container">
        <div class="section-tag">Notre réseau</div>
        <h2>Région AURA — présents en Auvergne–Rhône-Alpes</h2>
        <p class="lead">Nous intervenons dans tous les départements de la région, des métropoles aux communes alpines.</p>
        <div class="zones-grid">
            <div class="zone-card"><h3>Métropole de Lyon (69)</h3><ul><li>Lyon</li><li>Villeurbanne</li><li>Vénissieux</li><li>Décines-Charpieu</li><li>Bron</li></ul></div>
            <div class="zone-card"><h3>Isère (38)</h3><ul><li>Grenoble</li><li>Échirolles</li><li>Bourgoin-Jallieu</li><li>Vienne</li><li>Saint-Martin-d'Hères</li></ul></div>
            <div class="zone-card"><h3>Loire (42)</h3><ul><li>Saint-Étienne</li><li>Roanne</li><li>Firminy</li><li>Rive-de-Gier</li><li>Saint-Chamond</li></ul></div>
            <div class="zone-card"><h3>Haute-Savoie (74)</h3><ul><li>Annecy</li><li>Thonon-les-Bains</li><li>Annemasse</li><li>Cluses</li><li>Sallanches</li></ul></div>
            <div class="zone-card"><h3>Savoie (73)</h3><ul><li>Chambéry</li><li>Aix-les-Bains</li><li>Albertville</li><li>Moûtiers</li><li>Saint-Jean-de-Maurienne</li></ul></div>
            <div class="zone-card"><h3>Puy-de-Dôme (63)</h3><ul><li>Clermont-Ferrand</li><li>Riom</li><li>Issoire</li><li>Ambert</li><li>Thiers</li></ul></div>
            <div class="zone-card"><h3>Drôme (26) / Ardèche (07)</h3><ul><li>Valence</li><li>Romans-sur-Isère</li><li>Aubenas</li><li>Montélimar</li></ul></div>
            <div class="zone-card"><h3>Ain (01) / Allier (03) / Cantal (15)</h3><ul><li>Bourg-en-Bresse</li><li>Moulins</li><li>Aurillac</li><li>Oyonnax</li></ul></div>
        </div>
    </div>
</section>

<!-- ENGAGEMENTS -->
<section id="engagements">
    <div class="container">
        <div class="section-tag">Notre promesse</div>
        <h2>Pourquoi nous choisir</h2>
        <div class="engage-grid">
            <div class="engage-card"><div class="e-icon">⚡</div><h4>Devis en 2h</h4><p>Réponse rapide et chiffrée, sans frais de déplacement pour l'estimation.</p></div>
            <div class="engage-card"><div class="e-icon">🛡️</div><h4>Assurance tous risques</h4><p>Couverture complète de vos biens pendant toute la durée du déménagement.</p></div>
            <div class="engage-card"><div class="e-icon">👷</div><h4>Équipes certifiées</h4><p>Personnel formé et expérimenté. Pas d'intérimaires non qualifiés.</p></div>
            <div class="engage-card"><div class="e-icon">📋</div><h4>Suivi en temps réel</h4><p>Vous savez où en est votre déménagement à chaque étape, sans surprise.</p></div>
            <div class="engage-card"><div class="e-icon">🌱</div><h4>Éco-responsable</h4><p>Matériaux réutilisables, camions récents Euro 6, trajets optimisés.</p></div>
            <div class="engage-card"><div class="e-icon">💳</div><h4>Facilités de paiement</h4><p>Paiement en plusieurs fois disponible, chèques ANCV acceptés.</p></div>
        </div>
    </div>
</section>

<!-- AVIS -->
<section id="avis">
    <div class="container">
        <div class="section-tag" style="color:rgba(245,158,11,.8)">Ce qu'ils disent</div>
        <h2>Avis de nos clients</h2>
                <div class="reviews-grid">
                        <div class="review-card">
                <div class="review-stars">★★★★★</div>
                <p class="review-text">"Équipe très professionnelle, déménagement impeccable. Je recommande vivement !"</p>
                <div class="review-author">Marie L. — mars 2024</div>
            </div>
                        <div class="review-card">
                <div class="review-stars">★★★★★</div>
                <p class="review-text">"Ponctuel, soigneux et efficace. Aucun dommage sur nos meubles. Excellent service."</p>
                <div class="review-author">Thomas B. — janvier 2024</div>
            </div>
                        <div class="review-card">
                <div class="review-stars">★★★★☆</div>
                <p class="review-text">"Très bon rapport qualité/prix. L&#039;équipe est agréable et sérieuse. À recommander."</p>
                <div class="review-author">Céline D. — novembre 2023</div>
            </div>
                    </div>
    </div>
</section>

<!-- CTA BAND -->
<div class="cta-band">
    <div class="container">
        <h2>Prêt à déménager ?</h2>
        <p>Devis gratuit en 2h — Déplacement pour l'estimation toujours offert</p>
        <div class="cta-band-btns">
            <a href="#devis" class="btn btn-white">Demander un devis gratuit</a>
            <a href="tel:0664887952" class="btn" style="background:rgba(255,255,255,.15);color:#fff!important;border:1.5px solid rgba(255,255,255,.4)">📞 Appeler maintenant</a>        </div>
    </div>
</div>

<!-- FORMULAIRE DEVIS -->
<section id="devis">
    <div class="container">
        <div class="devis-layout">
            <div>
                <div class="section-tag">Contactez-nous</div>
                <h2>Obtenir votre devis gratuit</h2>
                                <form method="POST" action="/devis-submit">
                    <input type="hidden" name="_keyword" value="demenageur-vienne">
                    <div class="form-grid">
                        <div class="form-group"><label>Votre nom *</label><input type="text" name="nom" required placeholder="Jean Dupont"></div>
                        <div class="form-group"><label>Email *</label><input type="email" name="email" required placeholder="jean@email.fr"></div>
                        <div class="form-group"><label>Téléphone</label><input type="tel" name="telephone" placeholder="06 xx xx xx xx"></div>
                        <div class="form-group"><label>Type de logement</label>
                            <select name="logement">
                                <option>Studio</option><option>T2</option><option>T3</option>
                                <option>T4</option><option>T5+</option><option>Maison</option><option>Bureaux</option>
                            </select>
                        </div>
                        <div class="form-group"><label>Ville de départ</label><input type="text" name="depart" placeholder="Lyon"></div>
                        <div class="form-group"><label>Ville d'arrivée</label><input type="text" name="arrivee" placeholder="Grenoble"></div>
                        <div class="form-group full"><label>Message</label><textarea name="message" placeholder="Précisions sur votre déménagement (étages, ascenseur, objets fragiles...)"></textarea></div>
                    </div>
                    <button type="submit" class="btn-submit">Envoyer ma demande — Réponse sous 2h</button>
                </form>
            </div>
            <div class="devis-aside">
                <h3>Pourquoi faire confiance à Expert Déménagement Vienne ?</h3>
                <div class="aside-item">
                    <div class="aside-icon">⚡</div>
                    <div><strong>Devis rapide</strong><p>Réponse chiffrée en moins de 2h, sans déplacement.</p></div>
                </div>
                <div class="aside-item">
                    <div class="aside-icon">🛡️</div>
                    <div><strong>Assurance tous risques</strong><p>Couverture complète de vos biens de A à Z.</p></div>
                </div>
                <div class="aside-item">
                    <div class="aside-icon">👷</div>
                    <div><strong>Équipe professionnelle</strong><p>Personnel certifié, expérimenté, toujours ponctuel.</p></div>
                </div>
                <div class="aside-item">
                    <div class="aside-icon">💰</div>
                    <div><strong>Prix transparent</strong><p>Pas de frais cachés. Devis fixe respecté à 100%.</p></div>
                </div>
                                <div style="margin-top:1.5rem; padding:1.2rem; background:var(--brand-light); border-radius:var(--radius); text-align:center;">
                    <p style="font-size:.85rem;color:var(--brand-dark);font-weight:600;margin-bottom:.5rem;">Préférez-vous appeler ?</p>
                    <a href="tel:0664887952" class="btn btn-primary" style="width:100%;justify-content:center;">📞 06 64 88 79 52</a>
                </div>
                            </div>
        </div>
    </div>
</section>

<!-- FOOTER -->
<footer>
    <div class="container">
                <div class="footer-maillage">
            <h3>Déménageurs en Rhône-Alpes</h3>
            <div class="footer-links-grid">
                                    <a href="https://demenageur-clermont-ferrand.net.fr">Déménagement Clermont Ferrand</a>
                                    <a href="https://mutation-professionnelle-saint-etienne.net.fr">Mutation professionnelle Saint Etienne</a>
                                    <a href="https://demenageur-le-pont-de-claix.net.fr">Déménagement Le Pont De Claix</a>
                                    <a href="https://demenageur-chamalieres.net.fr">Déménagement Chamalieres</a>
                                    <a href="https://demenagement-bureaux-entreprise-valence.net.fr">Déménagement bureaux Valence</a>
                                    <a href="https://demenageur-lyon.net.fr">Déménagement Lyon</a>
                                    <a href="https://demenageur-lyon-9.net.fr">Déménagement Lyon 9ème</a>
                                    <a href="https://demenagement-grenoble-paris.net.fr">Déménagement Grenoble Paris</a>
                                    <a href="https://demenageur-villeurbanne.net.fr">Déménagement Villeurbanne</a>
                                    <a href="https://demenagement-lyon-madrid.net.fr">Déménagement Lyon Madrid</a>
                                    <a href="https://demenageur-professionnel-grenoble.net.fr">Déménageur pro Grenoble</a>
                                    <a href="https://demenageur-voreppe.net.fr">Déménagement Voreppe</a>
                                    <a href="https://demenageur26.net.fr">Déménagement Drôme</a>
                                    <a href="https://mutation-professionnelle-valence.net.fr">Mutation professionnelle Valence</a>
                                    <a href="https://demenageur-l-isle-d-abeau.net.fr">Déménagement L Isle D Abeau</a>
                                    <a href="https://mutation-professionnelle-grenoble.net.fr">Mutation professionnelle Grenoble</a>
                                    <a href="https://demenageur-lyon-1.net.fr">Déménagement Lyon 1er</a>
                                    <a href="https://demenagement-bureaux-entreprise-chambery.net.fr">Déménagement bureaux Chambery</a>
                            </div>
        </div>
                <div class="footer-bottom">
            <span>© 2026 Expert Déménagement Vienne</span>
            <span><a href="/mentions-legales">Mentions légales</a> | <a href="/confidentialite">Confidentialité</a></span>
        </div>
            </div>
</footer>

<script>
(function() {
    var toggle = document.getElementById('navToggle');
    var menu   = document.getElementById('navLinks');
    if (!toggle || !menu) return;

    toggle.addEventListener('click', function() {
        var open = menu.classList.toggle('open');
        toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
        toggle.innerHTML = open
            ? '<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><line x1="4" y1="4" x2="20" y2="20"/><line x1="20" y1="4" x2="4" y2="20"/></svg>'
            : '<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
    });

    menu.querySelectorAll('a').forEach(function(a) {
        a.addEventListener('click', function() {
            menu.classList.remove('open');
            toggle.setAttribute('aria-expanded', 'false');
            toggle.innerHTML = '<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
        });
    });
})();
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"f440935abc79489bb5d7ff68cb8323d6","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9ea6b46f9e13d13b',t:'MTc3NTg3NjA0Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</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