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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <title>Abonnement IPTV France 2026 & Test IPTV 24h Gratuit (1 à 2 Écrans 4K/8K VIP)</title>
    <meta name="description"
        content="Abonnement IPTV France N°1 : Test IPTV 24h gratuit sans engagement. Serveurs VIP dédiés 10 Gbps anti-coupure, 115 000+ chaînes 4K & VOD, Ligue 1, Canal+, beIN Sports. Activation express.">
    <meta name="keywords"
        content="abonnement iptv, test iptv, test iptv gratuit, test iptv 24h, iptv france, meilleur iptv france, abonnement iptv 12 mois, iptv 4k france, iptv sans coupure, iptv ligue 1, iptv smarters pro, iptv 2 ecrans, abonnement iptv vip">
    <meta name="author" content="IPTV ABONNÉ FRANCE">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <link rel="canonical" href="https://iptv-abonne.fr/">

    <!-- 📍 GÉOLOCALISATION & GEO-TARGETING OFFICIEL (FRANCE 🇫🇷 & EUROPE FRANCOPHONE) -->
    <meta name="geo.region" content="FR">
    <meta name="geo.placename" content="France">
    <meta name="geo.position" content="46.227638;2.213749">
    <meta name="ICBM" content="46.227638, 2.213749">
    <link rel="alternate" hreflang="fr-FR" href="https://iptv-abonne.fr/">
    <link rel="alternate" hreflang="fr-BE" href="https://iptv-abonne.fr/">
    <link rel="alternate" hreflang="fr-CH" href="https://iptv-abonne.fr/">
    <link rel="alternate" hreflang="x-default" href="https://iptv-abonne.fr/">

    <!-- Open Graph & Social Cards -->
    <meta property="og:locale" content="fr_FR">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Abonnement IPTV France & Test IPTV 24h Gratuit 4K VIP (2026)">
    <meta property="og:description"
        content="Profitez d'un Test IPTV gratuit 24h immédiat. 115 000+ chaînes en direct, Ligue 1, Canal+, beIN Sports en 4K Ultra HD sans coupure.">
    <meta property="og:url" content="https://iptv-abonne.fr/">
    <meta property="og:site_name" content="IPTV ABONNÉ VIP FRANCE">

    <!-- Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Abonnement IPTV France & Test IPTV 24h Gratuit VIP">
    <meta name="twitter:description" content="Serveurs dédiés VIP 10 Gbps sans coupure pour 1 ou 2 écrans en France, Belgique et Suisse.">

    <!-- Fonts -->
    <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@300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">

    <!-- 1. SCHEMA.ORG ORGANISATION & WEBSITE -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "IPTV ABONNÉ FRANCE",
      "url": "https://iptv-abonne.fr/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://iptv-abonne.fr/?s={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>

    <!-- 2. SCHEMA.ORG PRODUCT & AGGREGATE RATING -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Product",
      "name": "Abonnement IPTV France VIP & Test IPTV 24h Gratuit Multi-Écrans",
      "image": "https://iptv-abonne.fr/logo.png",
      "description": "Abonnement IPTV France haut de gamme avec serveurs 10 Gbps sans coupure. Test IPTV gratuit de 24 heures sans engagement pour Smart TV, Firestick, Android et Apple.",
      "brand": {
        "@type": "Brand",
        "name": "IPTV ABONNÉ VIP"
      },
      "url": "https://iptv-abonne.fr/",
      "areaServed": [
        {
          "@type": "Country",
          "name": "France"
        },
        {
          "@type": "Country",
          "name": "Belgium"
        },
        {
          "@type": "Country",
          "name": "Switzerland"
        }
      ],
      "offers": {
        "@type": "AggregateOffer",
        "priceCurrency": "EUR",
        "lowPrice": "24.99",
        "highPrice": "89.99",
        "offerCount": "6",
        "availability": "https://schema.org/InStock"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "489",
        "bestRating": "5",
        "worstRating": "1"
      }
    }
    </script>

    <!-- 3. SCHEMA.ORG FAQ (RICH SNIPPETS GOOGLE ACCORDION) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Comment obtenir mon Test IPTV gratuit de 24 heures en France ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Cliquez sur le bouton de test gratuit sur notre site ou contactez notre équipe sur WhatsApp. Vos identifiants Xtream Codes et lien M3U vous sont envoyés en moins de 3 minutes sans carte bancaire."
          }
        },
        {
          "@type": "Question",
          "name": "Quel est le meilleur abonnement IPTV en France en 2026 ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Le meilleur abonnement IPTV en France est notre formule VIP 12 mois à 49.99€ (1 écran) ou 89.99€ (2 écrans), offrant plus de 115 000 chaînes 4K, zéro coupure et la retransmission de tous les sports en direct."
          }
        },
        {
          "@type": "Question",
          "name": "L'abonnement IPTV fonctionne-t-il sur Smart TV Samsung et LG ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Oui, notre service est 100% compatible avec Smart TV (Samsung, LG, Sony, Philips), Amazon Fire TV Stick 4K, boîtiers Android TV, Apple TV, PC, tablettes et smartphones via IPTV Smarters Pro, IBO Player ou Tivimate."
          }
        },
        {
          "@type": "Question",
          "name": "Y a-t-il des coupures pendant les soirs de grands matchs de foot ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Non. Nos serveurs VIP 10 Gbps disposent d'un système d'équilibrage de charge automatique (Load Balancing) et d'un anti-freeze garantissant une diffusion fluide à 60 FPS sans buffering."
          }
        },
        {
          "@type": "Question",
          "name": "Quelle vitesse de connexion internet est requise pour la 4K ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Une connexion de 15 à 25 Mbps en fibre optique, VDSL ou 4G/5G est suffisante pour profiter pleinement du streaming 4K Ultra HD sans aucune interruption."
          }
        }
      ]
    }
    </script>

    <style>
        :root {
            --primary: #2563eb;
            --primary-hover: #1d4ed8;
            --primary-light: #eff6ff;
            --dark-navy: #0b132b;
            --dark-surface: #0f172a;
            --dark-card: #1e293b;
            --text-dark: #0f172a;
            --text-muted: #64748b;
            --bg-light: #f8fafc;
            --border-light: #e2e8f0;
            --whatsapp-green: #25d366;
            --whatsapp-glow: rgba(37, 211, 102, 0.4);
            --gold: #f59e0b;
            --gold-gradient: linear-gradient(135deg, #f59e0b, #d97706);
            --danger: #ef4444;
            --success-green: #10b981;
            --purple: #8b5cf6;
            --vip-badge-bg: rgba(245, 158, 11, 0.15);
            --vip-border: rgba(245, 158, 11, 0.4);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }

        body {
            background-color: var(--bg-light);
            color: var(--text-dark);
            line-height: 1.6;
            overflow-x: hidden;
        }

        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        /* 1. TOP ANNOUNCEMENT TICKER */
        .top-ticker {
            background: linear-gradient(90deg, #0f172a, #1e3a8a, #7c3aed, #d97706);
            color: #fff;
            padding: 0.65rem 0;
            font-size: 0.88rem;
            font-weight: 700;
            text-align: center;
            letter-spacing: 0.3px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 0.8rem;
            flex-wrap: wrap;
        }

        .timer-badge {
            background: rgba(0, 0, 0, 0.35);
            border: 1px solid rgba(255, 255, 255, 0.25);
            padding: 0.2rem 0.6rem;
            border-radius: 6px;
            font-family: monospace;
            font-size: 0.95rem;
            color: #fde047;
            font-weight: 900;
        }

        /* 2. HEADER */
        header {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border-light);
            position: sticky;
            top: 0;
            z-index: 1000;
            padding: 0.9rem 0;
        }

        .header-wrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .brand-logo {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            text-decoration: none;
            font-size: 1.35rem;
            font-weight: 900;
            color: var(--dark-navy);
        }

        .brand-icon {
            background: linear-gradient(135deg, var(--gold), #ea580c);
            color: #fff;
            width: 36px;
            height: 36px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
        }

        .nav-links {
            display: flex;
            gap: 1.6rem;
            list-style: none;
            align-items: center;
        }

        .nav-links a {
            color: #475569;
            text-decoration: none;
            font-size: 0.95rem;
            font-weight: 600;
            transition: color 0.2s;
        }

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

        .header-test-btn {
            background: rgba(37, 99, 235, 0.1);
            border: 1px solid var(--primary);
            color: var(--primary);
            text-decoration: none;
            padding: 0.6rem 1.1rem;
            border-radius: 10px;
            font-weight: 800;
            font-size: 0.88rem;
            transition: all 0.2s;
        }

        .header-test-btn:hover {
            background: var(--primary);
            color: #fff;
        }

        .header-cta-btn {
            background: linear-gradient(135deg, var(--gold), #ea580c);
            color: #fff;
            text-decoration: none;
            padding: 0.65rem 1.4rem;
            border-radius: 10px;
            font-weight: 800;
            font-size: 0.9rem;
            box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
            transition: transform 0.2s;
        }

        .header-cta-btn:hover {
            transform: translateY(-2px);
        }

        /* 3. HERO SECTION */
        .hero-section {
            background: linear-gradient(135deg, #070d1e 0%, #0b132b 50%, #0f172a 100%);
            color: #fff;
            padding: 5rem 0 4.5rem;
            text-align: center;
            position: relative;
        }

        .hero-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: rgba(245, 158, 11, 0.12);
            border: 1px solid rgba(245, 158, 11, 0.35);
            color: #fde047;
            padding: 0.45rem 1.3rem;
            border-radius: 30px;
            font-size: 0.88rem;
            font-weight: 800;
            margin-bottom: 1.5rem;
        }

        .hero-title {
            font-size: 3.4rem;
            font-weight: 900;
            line-height: 1.15;
            letter-spacing: -1px;
            margin-bottom: 1.2rem;
        }

        .text-gradient-gold {
            background: linear-gradient(135deg, #fcd34d, #f59e0b, #fbbf24);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .hero-subtitle {
            color: #94a3b8;
            font-size: 1.2rem;
            max-width: 860px;
            margin: 0 auto 2.5rem;
        }

        .hero-buttons {
            display: flex;
            justify-content: center;
            gap: 1.2rem;
            flex-wrap: wrap;
            margin-bottom: 3.5rem;
        }

        .btn-hero-primary {
            background: linear-gradient(135deg, #f59e0b, #ea580c);
            color: #fff;
            text-decoration: none;
            padding: 1rem 2.5rem;
            border-radius: 12px;
            font-weight: 900;
            font-size: 1.05rem;
            box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);
            transition: transform 0.2s;
        }

        .btn-hero-primary:hover {
            transform: translateY(-3px);
        }

        .btn-hero-test {
            background: linear-gradient(135deg, #2563eb, #1d4ed8);
            border: 1px solid rgba(255, 255, 255, 0.3);
            color: #fff;
            text-decoration: none;
            padding: 1rem 2.2rem;
            border-radius: 12px;
            font-weight: 800;
            font-size: 1.05rem;
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
            box-shadow: 0 8px 25px rgba(37, 99, 235, 0.35);
            transition: transform 0.2s;
        }

        .btn-hero-test:hover {
            transform: translateY(-3px);
        }

        /* LIVE STATUS MONITOR BADGE */
        .live-server-monitor {
            display: inline-flex;
            align-items: center;
            gap: 0.8rem;
            background: rgba(16, 185, 129, 0.12);
            border: 1px solid rgba(16, 185, 129, 0.35);
            color: #6ee7b7;
            padding: 0.55rem 1.4rem;
            border-radius: 30px;
            font-size: 0.85rem;
            font-weight: 700;
            margin-bottom: 2.5rem;
        }

        .pulse-dot {
            width: 10px;
            height: 10px;
            background: #10b981;
            border-radius: 50%;
            box-shadow: 0 0 10px #10b981;
            animation: pulse 1.5s infinite;
        }

        @keyframes pulse {
            0% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
            }

            70% {
                transform: scale(1.15);
                box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
            }

            100% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
            }
        }

        /* STATS COUNTER BAR */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 1.5rem;
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            padding: 2rem;
            backdrop-filter: blur(10px);
        }

        .stat-item h3 {
            font-size: 2.3rem;
            font-weight: 900;
            color: #fcd34d;
            margin-bottom: 0.2rem;
        }

        .stat-item p {
            color: #94a3b8;
            font-size: 0.85rem;
            font-weight: 700;
            text-transform: uppercase;
        }

        /* 3.5 DEDICATED TEST IPTV SECTION */
        .test-vault-section {
            background: linear-gradient(180deg, #070d1e 0%, #0b132b 50%, #070d1e 100%);
            color: #fff;
            padding: 5rem 0;
            position: relative;
            border-bottom: 1px solid var(--border-light);
        }

        .vault-card-inner {
            background: rgba(13, 20, 38, 0.85);
            border: 1.5px solid rgba(255, 255, 255, 0.1);
            border-radius: 28px;
            padding: 3.5rem;
            backdrop-filter: blur(24px);
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.1);
            position: relative;
            overflow: hidden;
            max-width: 980px;
            margin: 0 auto;
            text-align: center;
        }

        .vault-card-inner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, transparent, #38bdf8, #f59e0b, transparent);
        }

        .btn-activate-main {
            background: linear-gradient(135deg, #0284c7 0%, #38bdf8 50%, #818cf8 100%);
            border: none;
            border-radius: 18px;
            padding: 1.3rem 2.5rem;
            color: #040711;
            font-size: 1.15rem;
            font-weight: 900;
            cursor: pointer;
            box-shadow: 0 10px 40px rgba(56, 189, 248, 0.4);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            text-decoration: none;
            transition: all 0.25s;
        }

        .btn-activate-main:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 50px rgba(56, 189, 248, 0.6);
            filter: brightness(1.1);
        }

        /* 4. CHANNELS & SPORTS LOGOS BAR */
        .channels-bar {
            background: #fff;
            border-bottom: 1px solid var(--border-light);
            padding: 2.5rem 0;
            text-align: center;
        }

        .channels-bar h3 {
            font-size: 1.1rem;
            color: var(--text-muted);
            margin-bottom: 1.5rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .channel-logos-wrap {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 1.2rem;
        }

        .channel-badge {
            background: var(--bg-light);
            border: 1px solid var(--border-light);
            padding: 0.5rem 1.2rem;
            border-radius: 12px;
            font-weight: 800;
            font-size: 0.9rem;
            color: var(--dark-navy);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
        }

        /* 5. PRICING TABS */
        .pricing-section {
            padding: 5rem 0;
        }

        .section-header {
            text-align: center;
            margin-bottom: 2.5rem;
        }

        .section-header h2 {
            font-size: 2.5rem;
            font-weight: 900;
            color: var(--dark-navy);
            margin-bottom: 0.8rem;
        }

        .section-header p {
            color: var(--text-muted);
            font-size: 1.1rem;
        }

        .screens-tab-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 0.8rem;
            margin-bottom: 3.5rem;
            flex-wrap: wrap;
        }

        .screen-tab-btn {
            background: #fff;
            border: 2px solid var(--border-light);
            color: var(--text-dark);
            padding: 0.9rem 1.8rem;
            border-radius: 14px;
            font-size: 1.05rem;
            font-weight: 800;
            cursor: pointer;
            transition: all 0.25s ease;
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
        }

        .screen-tab-btn:hover {
            border-color: var(--gold);
            color: #d97706;
            transform: translateY(-2px);
        }

        .screen-tab-btn.active {
            background: linear-gradient(135deg, var(--dark-navy), #1e293b);
            border-color: var(--gold);
            color: #fcd34d;
            box-shadow: 0 6px 20px rgba(245, 158, 11, 0.25);
            transform: translateY(-2px);
        }

        .screen-tab-btn .badge-pill {
            background: #fde047;
            color: #000;
            font-size: 0.75rem;
            font-weight: 900;
            padding: 2px 7px;
            border-radius: 10px;
        }

        .screen-tab-btn.active .badge-pill {
            background: var(--gold);
            color: #fff;
        }

        .pricing-panel {
            display: none;
            animation: fadeIn 0.4s ease;
        }

        .pricing-panel.active-panel {
            display: block;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .pricing-cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 1.8rem;
            margin-bottom: 4rem;
        }

        .pricing-card {
            background: #fff;
            border: 1px solid var(--border-light);
            border-radius: 20px;
            padding: 2.5rem 1.8rem;
            text-align: center;
            position: relative;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .pricing-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
        }

        .pricing-card.featured-dark {
            background: linear-gradient(145deg, #0b132b, #111e38);
            color: #fff;
            border: 2px solid var(--gold);
            box-shadow: 0 15px 45px rgba(245, 158, 11, 0.25);
            transform: scale(1.03);
        }

        .pricing-card.featured-dark:hover {
            transform: scale(1.05) translateY(-6px);
        }

        .discount-badge {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--danger);
            color: #fff;
            padding: 0.25rem 0.9rem;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 800;
            white-space: nowrap;
        }

        .vip-badge {
            background: linear-gradient(135deg, var(--gold), #ea580c);
        }

        .screen-count-pill {
            display: inline-block;
            background: #eff6ff;
            color: var(--primary);
            font-size: 0.8rem;
            font-weight: 800;
            padding: 0.25rem 0.8rem;
            border-radius: 20px;
            margin-bottom: 0.6rem;
        }

        .featured-dark .screen-count-pill {
            background: rgba(255, 255, 255, 0.15);
            color: #93c5fd;
        }

        .plan-title {
            font-size: 1.35rem;
            font-weight: 800;
            margin-bottom: 0.3rem;
        }

        .plan-price-block {
            margin: 0.8rem 0 1.2rem;
        }

        .old-price {
            font-size: 1.1rem;
            color: #94a3b8;
            text-decoration: line-through;
            font-weight: 600;
            margin-bottom: 0.2rem;
        }

        .current-price {
            font-size: 3rem;
            font-weight: 900;
            color: var(--dark-navy);
            line-height: 1;
        }

        .featured-dark .current-price {
            color: #fcd34d;
        }

        .plan-features-list {
            list-style: none;
            text-align: left;
            margin-bottom: 2rem;
            font-size: 0.95rem;
            color: #475569;
        }

        .featured-dark .plan-features-list {
            color: #cbd5e1;
        }

        .plan-features-list li {
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.6rem;
        }

        .plan-features-list li::before {
            content: "✓";
            color: var(--gold);
            font-weight: 900;
        }

        .featured-dark .plan-features-list li::before {
            color: #fcd34d;
        }

        .btn-order-plan {
            display: block;
            width: 100%;
            background: var(--primary);
            color: #fff;
            text-decoration: none;
            padding: 0.95rem;
            border-radius: 12px;
            font-weight: 800;
            font-size: 1rem;
            transition: background 0.2s, transform 0.2s;
        }

        .btn-order-plan:hover {
            background: var(--primary-hover);
        }

        .featured-dark .btn-order-plan {
            background: linear-gradient(135deg, var(--gold), #ea580c);
            box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);
            color: #fff;
        }

        /* 6. FEATURES GRID */
        .features-section {
            background: #fff;
            padding: 5rem 0;
            border-top: 1px solid var(--border-light);
            border-bottom: 1px solid var(--border-light);
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
            gap: 2rem;
        }

        .feature-box {
            background: var(--bg-light);
            border: 1px solid var(--border-light);
            border-radius: 16px;
            padding: 2rem;
            transition: transform 0.2s;
        }

        .feature-box:hover {
            transform: translateY(-4px);
        }

        .feature-icon-wrapper {
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        .feature-box h3 {
            font-size: 1.2rem;
            font-weight: 800;
            color: var(--dark-navy);
            margin-bottom: 0.5rem;
        }

        .feature-box p {
            color: var(--text-muted);
            font-size: 0.95rem;
        }

        /* 7. DEVICE COMPATIBILITY */
        .devices-section {
            padding: 5rem 0;
            background: var(--bg-light);
        }

        .devices-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
        }

        .device-card {
            background: #fff;
            border: 1px solid var(--border-light);
            border-radius: 18px;
            padding: 2.2rem;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
        }

        .device-card h3 {
            font-size: 1.3rem;
            font-weight: 800;
            color: var(--dark-navy);
            margin-bottom: 0.8rem;
            display: flex;
            align-items: center;
            gap: 0.6rem;
        }

        .device-card p {
            color: var(--text-muted);
            font-size: 0.95rem;
        }

        /* 8. INSTALLATION IN 3 STEPS */
        .install-guide-section {
            background: var(--dark-navy);
            color: #fff;
            padding: 5rem 0;
            text-align: center;
        }

        .install-guide-section h2 {
            font-size: 2.4rem;
            font-weight: 900;
            margin-bottom: 0.8rem;
        }

        .install-guide-section p {
            color: #94a3b8;
            font-size: 1.1rem;
            max-width: 700px;
            margin: 0 auto 3.5rem;
        }

        .install-steps-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            text-align: left;
        }

        .install-card {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 18px;
            padding: 2.2rem;
            backdrop-filter: blur(10px);
        }

        .step-badge {
            width: 45px;
            height: 45px;
            background: linear-gradient(135deg, var(--gold), #ea580c);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            font-weight: 900;
            margin-bottom: 1.2rem;
        }

        .install-card h3 {
            font-size: 1.3rem;
            font-weight: 800;
            margin-bottom: 0.6rem;
        }

        .install-card p {
            color: #cbd5e1;
            font-size: 0.95rem;
            margin: 0;
        }

        /* 9. REVIEWS */
        .reviews-section {
            padding: 5rem 0;
            background: #fff;
        }

        .reviews-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 2rem;
        }

        .review-card {
            background: var(--bg-light);
            border: 1px solid var(--border-light);
            border-radius: 18px;
            padding: 2rem;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
        }

        .stars-row {
            color: var(--gold);
            font-size: 1.2rem;
            margin-bottom: 0.8rem;
        }

        .review-card p {
            color: #475569;
            font-size: 0.95rem;
            font-style: italic;
            margin-bottom: 1.2rem;
        }

        .reviewer-name {
            font-weight: 800;
            font-size: 0.95rem;
            color: var(--dark-navy);
        }

        /* 10. FAQ ACCORDION */
        .faq-section {
            padding: 5rem 0;
            max-width: 900px;
            margin: 0 auto;
        }

        .faq-item {
            background: #fff;
            border: 1px solid var(--border-light);
            border-radius: 14px;
            padding: 1.5rem 1.8rem;
            margin-bottom: 1.2rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
        }

        .faq-item h3 {
            font-size: 1.15rem;
            font-weight: 800;
            color: var(--dark-navy);
            margin-bottom: 0.5rem;
        }

        .faq-item p {
            color: var(--text-muted);
            font-size: 0.95rem;
        }

        /* 11. FLOATING WHATSAPP BUTTON */
        .whatsapp-float {
            position: fixed;
            bottom: 25px;
            right: 25px;
            background: var(--whatsapp-green);
            color: #fff;
            width: 62px;
            height: 62px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.2rem;
            box-shadow: 0 8px 25px var(--whatsapp-glow);
            z-index: 9999;
            text-decoration: none;
            transition: transform 0.3s;
        }

        .whatsapp-float:hover {
            transform: scale(1.1);
        }

        /* 12. FOOTER */
        footer {
            background: var(--dark-navy);
            color: #94a3b8;
            padding: 4.5rem 0 2rem;
            font-size: 0.9rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr;
            gap: 3rem;
            margin-bottom: 3rem;
        }

        .footer-col h4 {
            color: #fff;
            font-size: 1.15rem;
            margin-bottom: 1.2rem;
            font-weight: 800;
        }

        .footer-col ul {
            list-style: none;
        }

        .footer-col ul li {
            margin-bottom: 0.6rem;
        }

        .footer-col ul a {
            color: #94a3b8;
            text-decoration: none;
            transition: color 0.2s;
        }

        .footer-col ul a:hover {
            color: #fff;
        }

        .footer-bottom {
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            font-size: 0.85rem;
        }

        .payment-bar {
            background: #fff;
            border-top: 1px solid #e2e8f0;
            border-bottom: 1px solid #e2e8f0;
            padding: 1.2rem 0;
            text-align: center;
        }

        .payment-bar .pay-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            padding: 0.4rem 1rem;
            margin: 0.3rem 0.4rem;
            font-size: 0.85rem;
            font-weight: 700;
            color: #1e293b;
        }

        @media (max-width: 768px) {
            .hero-title {
                font-size: 2.3rem;
            }

            .nav-links {
                display: none;
            }

            .pricing-card.featured-dark {
                transform: none;
            }

            .footer-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>

<body>

    <!-- 1. TOP TICKER WITH DYNAMIC COUNTDOWN -->
    <div class="top-ticker">
        <span>🔥 TEST IPTV 24H DISPONIBLE & OFFRE FLASH VIP (-33% Sur Abonnements 1 à 2 Écrans 4K) !</span>
        <span>Fin de la remise dans : <span class="timer-badge" id="countdown">04h : 27m : 38s</span></span>
    </div>

    <!-- 2. HEADER -->
    <header>
        <div class="container header-wrap">
            <a href="https://iptv-abonne.fr/" class="brand-logo">
                <div class="brand-icon">👑</div>
                <div>IPTV ABONNÉ <span
                        style="font-size: 0.8rem; background: #f59e0b; color: #000; font-weight: 900; padding: 2px 6px; border-radius: 4px;">VIP
                        FRANCE</span></div>
            </a>
            <nav>
                <ul class="nav-links">
                    <li><a href="#accueil">Accueil</a></li>
                    <li><a href="#test-iptv" style="color: #2563eb; font-weight: 800;">⚡ Test IPTV 24h</a></li>
                    <li><a href="#abonnements">Abonnements IPTV</a></li>
                    <li><a href="#fonctionnalites">Services Inclus</a></li>
                    <li><a href="#appareils">Compatibilité</a></li>
                    <li><a href="#installation">Installation</a></li>
                    <li><a href="#faq">FAQ</a></li>
                </ul>
            </nav>
            <div style="display: flex; gap: 0.8rem; align-items: center;">
                <a href="#test-iptv" class="header-test-btn">⚡ Test IPTV 24h</a>
                <a href="#abonnements" class="header-cta-btn">Commander VIP 🛒</a>
            </div>
        </div>
    </header>

    <!-- 3. HERO SECTION -->
    <section class="hero-section" id="accueil">
        <div class="container">
            <div class="hero-pill">
                ⭐ Test IPTV 24h Gratuit & N°1 de l'Abonnement VIP en France (2026)
            </div>

            <!-- LIVE SERVER STATUS MONITOR -->
            <div>
                <div class="live-server-monitor">
                    <div class="pulse-dot"></div>
                    <span>SERVEURS VIP FRANCE : 100% EN LIGNE (10 Gbps) — LATENCE : 9ms — ZÉRO COUPURE GARANTIE</span>
                </div>
            </div>

            <h1 class="hero-title">ABONNEMENT IPTV FRANCE &<br><span class="text-gradient-gold">TEST IPTV 24H GRATUIT VIP</span></h1>
            <p class="hero-subtitle">Profitez d'un <strong>Test IPTV 24h gratuit</strong> immédiat et découvrez la
                puissance de nos serveurs VIP 4K & 8K Ultra HD — 115 000+ Chaînes, Films, Séries et Tout le Sport en
                Direct Sans Coupure pour 1 ou 2 Écrans en France, Belgique et Suisse.</p>

            <div class="hero-buttons">
                <a href="#test-iptv" class="btn-hero-test">
                    <span>⚡ Demander un Test IPTV 24h Gratuit</span>
                </a>
                <a href="#abonnements" class="btn-hero-primary">Voir les Abonnements VIP →</a>
            </div>

            <!-- STATS COUNTER -->
            <div class="stats-grid">
                <div class="stat-item">
                    <h3>115 000+</h3>
                    <p>Chaînes 4K & Direct VIP</p>
                </div>
                <div class="stat-item">
                    <h3>120 000+</h3>
                    <p>Films & Séries VOD 4K</p>
                </div>
                <div class="stat-item">
                    <h3>1 à 2 Écrans</h3>
                    <p>Simultanés Dédiés</p>
                </div>
                <div class="stat-item">
                    <h3>4.9★</h3>
                    <p>Note Clients France (Trustpilot)</p>
                </div>
            </div>
        </div>
    </section>

    <!-- PAYMENT BADGES -->
    <div class="payment-bar">
        <div class="container">
            <span class="pay-badge">💳 Carte Bancaire</span>
            <span class="pay-badge">💳 PayPal Sécurisé</span>
            <span class="pay-badge">💳 Virement Instantané</span>
            <span class="pay-badge">🛡️ Satisfaction Garantie 24h</span>
        </div>
    </div>

    <!-- 3.5 DEDICATED TEST IPTV SHOWCASE BANNER -->
    <section class="test-vault-section" id="test-iptv">
        <div class="container">
            <div class="vault-card-inner">
                <div class="hero-pill" style="margin-bottom: 1.2rem;">
                    ⚡ ESSAI 24H VIP ENVOYÉ RAPIDEMENT • SANS ENGAGEMENT
                </div>
                <h2 style="font-size: 2.6rem; font-weight: 900; color: #fff; margin-bottom: 1rem;">
                    Testez Notre Serveur VIP <span style="background: linear-gradient(135deg, #f59e0b, #38bdf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Gratuitement Pendant 24 Heures</span>
                </h2>
                <p style="color: #94a3b8; font-size: 1.15rem; max-width: 720px; margin: 0 auto 2.5rem; line-height: 1.6;">
                    Testez la fluidité de nos flux 4K 60 FPS (Ligue 1, beIN Sports, Canal+, RMC, VOD) sur votre Smart TV, Firestick ou smartphone avant de souscrire un abonnement longue durée.
                </p>

                <div style="display: flex; justify-content: center; gap: 1.2rem; flex-wrap: wrap; margin-bottom: 2rem;">
                    <a href="https://api.whatsapp.com/send?phone=447476518539&text=Bonjour%2C%20je%20souhaite%20recevoir%20mon%20Test%20IPTV%2024h%20gratuit%20pour%20mon%20appareil" target="_blank" class="btn-activate-main">
                        👑 Demander Mon Test IPTV 24H sur WhatsApp →
                    </a>
                </div>

                <div style="display: flex; justify-content: center; gap: 1.8rem; font-size: 0.88rem; color: #cbd5e1; font-weight: 700; flex-wrap: wrap;">
                    <span>⚡ Activation en 3 Minutes</span>
                    <span>📺 Compatible Tous Écrans</span>
                    <span>🛡️ Sans Carte Bancaire</span>
                    <span>💬 Support WhatsApp 24/7</span>
                </div>
            </div>
        </div>
    </section>

    <!-- 4. CHANNELS & SPORTS LOGOS BAR -->
    <div class="channels-bar">
        <div class="container">
            <h3>⚽ TOUTES VOS COMPÉTITIONS & CHAÎNES FRANÇAISES DISPONIBLES EN DIRECT SANS COUPURE</h3>
            <div class="channel-logos-wrap">
                <span class="channel-badge">⚽ Canal+ Foot</span>
                <span class="channel-badge">⚽ Canal+ Sport 360</span>
                <span class="channel-badge">⚽ beIN Sports 1-2-3 (4K)</span>
                <span class="channel-badge">⚽ DAZN 1 & Ligue 1</span>
                <span class="channel-badge">🏎️ Formule 1 UHD</span>
                <span class="channel-badge">🥊 UFC & PPV</span>
                <span class="channel-badge">🏉 Rugby Top 14</span>
                <span class="channel-badge">📺 TF1 4K</span>
                <span class="channel-badge">📺 M6 4K</span>
                <span class="channel-badge">🎬 Netflix VOD</span>
                <span class="channel-badge">🎬 Prime Video</span>
                <span class="channel-badge">🎬 Disney+</span>
                <span class="channel-badge">🎬 Apple TV+</span>
            </div>
        </div>
    </div>

    <!-- 5. PRICING SECTION WITH INTERACTIVE 1/2 SCREENS TABS -->
    <section class="container pricing-section" id="abonnements">
        <div class="section-header">
            <h2>Nos Formules d'Abonnement IPTV France VIP (1 ou 2 Écrans)</h2>
            <p>Accédez instantanément à nos serveurs ultra-rapides 10 Gbps en Ultra HD 4K / 8K après votre test IPTV gratuit.
            </p>
        </div>

        <div class="screens-tab-container">
            <button class="screen-tab-btn active" onclick="switchScreens(1)">
                📱 1 Écran VIP <span class="badge-pill">Individuel</span>
            </button>
            <button class="screen-tab-btn" onclick="switchScreens(2)">
                📺📺 2 Écrans VIP <span class="badge-pill">Pack Duo</span>
            </button>
        </div>

        <!-- ================= PANEL 1: 1 ÉCRAN VIP ================= -->
        <div id="panel-1" class="pricing-panel active-panel">
            <div class="pricing-cards-grid">
                <div class="pricing-card">
                    <div class="discount-badge">-30% RÉDUCTION</div>
                    <div>
                        <span class="screen-count-pill">📱 1 Écran VIP Actif</span>
                        <div class="plan-title">VIP Starter (3 Mois)</div>
                        <div class="plan-price-block">
                            <div class="old-price">34.99 €</div>
                            <div class="current-price">24.99 €</div>
                        </div>
                        <ul class="plan-features-list">
                            <li>115 000+ Chaînes en Direct 4K</li>
                            <li>120 000+ Films & Séries VOD</li>
                            <li>Zéro Coupure & Anti-Freeze</li>
                            <li>🛡️ VPN Dédié Inclus</li>
                        </ul>
                    </div>
                    <a href="https://api.whatsapp.com/send?phone=447476518539&text=Je%20souhaite%20commander%20la%20formule%20VIP%201%20Ecran%203%20Mois%20(24.99%E2%82%AC)"
                        target="_blank" class="btn-order-plan">Commander 3 Mois (24,99 €)</a>
                </div>

                <div class="pricing-card">
                    <div class="discount-badge">-40% RÉDUCTION</div>
                    <div>
                        <span class="screen-count-pill">📱 1 Écran VIP Actif</span>
                        <div class="plan-title">VIP Confort (6 Mois)</div>
                        <div class="plan-price-block">
                            <div class="old-price">59.99 €</div>
                            <div class="current-price">34.99 €</div>
                        </div>
                        <ul class="plan-features-list">
                            <li>115 000+ Chaînes en Direct 4K</li>
                            <li>120 000+ Films & Séries VOD</li>
                            <li>Sports 4K 60FPS (L1, LDC, beIN)</li>
                            <li>🛡️ VPN Dédié Inclus</li>
                        </ul>
                    </div>
                    <a href="https://api.whatsapp.com/send?phone=447476518539&text=Je%20souhaite%20commander%20la%20formule%20VIP%201%20Ecran%206%20Mois%20(34.99%E2%82%AC)"
                        target="_blank" class="btn-order-plan">Commander 6 Mois (34,99 €)</a>
                </div>

                <div class="pricing-card featured-dark">
                    <div class="discount-badge vip-badge">👑 MEILLEURE OFFRE VIP (BEST-SELLER)</div>
                    <div>
                        <span class="screen-count-pill">📱 1 Écran VIP Actif</span>
                        <div class="plan-title">VIP Premium (12 Mois)</div>
                        <div class="plan-price-block">
                            <div class="old-price">99.99 €</div>
                            <div class="current-price">49.99 €</div>
                        </div>
                        <ul class="plan-features-list">
                            <li><strong>Garantie Stabilité 100% 10 Gbps</strong></li>
                            <li>115 000+ Chaînes & VOD 4K/8K</li>
                            <li>Tous les Sports en Direct 60FPS</li>
                            <li>🛡️ VPN Dédié Inclus</li>
                            <li>Concierge VIP Dédié 24/7</li>
                        </ul>
                    </div>
                    <a href="https://api.whatsapp.com/send?phone=447476518539&text=Je%20souhaite%20commander%20la%20formule%20VIP%20Premium%201%20Ecran%2012%20Mois%20(49.99%E2%82%AC)"
                        target="_blank" class="btn-order-plan">⚡ Commander 12 Mois (49,99 €)</a>
                </div>
            </div>
        </div>

        <!-- ================= PANEL 2: 2 ÉCRANS VIP ================= -->
        <div id="panel-2" class="pricing-panel">
            <div class="pricing-cards-grid">
                <div class="pricing-card">
                    <div class="discount-badge">-30% RÉDUCTION</div>
                    <div>
                        <span class="screen-count-pill">📺📺 2 Écrans VIP Simultanés</span>
                        <div class="plan-title">VIP Duo (3 Mois)</div>
                        <div class="plan-price-block">
                            <div class="old-price">64.99 €</div>
                            <div class="current-price">44.99 €</div>
                        </div>
                        <ul class="plan-features-list">
                            <li>2 Lignes 100% Indépendantes</li>
                            <li>115 000+ Chaînes 4K Direct</li>
                            <li>Technologie Anti-Freeze VIP</li>
                            <li>🛡️ VPN Inclus sur les 2 Lignes</li>
                        </ul>
                    </div>
                    <a href="https://api.whatsapp.com/send?phone=447476518539&text=Je%20souhaite%20commander%20le%20Pack%20VIP%20Duo%202%20Ecrans%203%20Mois%20(44.99%E2%82%AC)"
                        target="_blank" class="btn-order-plan">Commander 3 Mois (44,99 €)</a>
                </div>

                <div class="pricing-card">
                    <div class="discount-badge">-40% RÉDUCTION</div>
                    <div>
                        <span class="screen-count-pill">📺📺 2 Écrans VIP Simultanés</span>
                        <div class="plan-title">VIP Duo (6 Mois)</div>
                        <div class="plan-price-block">
                            <div class="old-price">89.99 €</div>
                            <div class="current-price">59.99 €</div>
                        </div>
                        <ul class="plan-features-list">
                            <li>2 Lignes 100% Indépendantes</li>
                            <li>115 000+ Chaînes 4K Direct</li>
                            <li>Tous les Sports en Direct</li>
                            <li>🛡️ VPN Inclus sur les 2 Lignes</li>
                        </ul>
                    </div>
                    <a href="https://api.whatsapp.com/send?phone=447476518539&text=Je%20souhaite%20commander%20le%20Pack%20VIP%20Duo%202%20Ecrans%206%20Mois%20(59.99%E2%82%AC)"
                        target="_blank" class="btn-order-plan">Commander 6 Mois (59,99 €)</a>
                </div>

                <div class="pricing-card featured-dark">
                    <div class="discount-badge vip-badge">⭐ PACK FAMILLE DUO (BEST-SELLER)</div>
                    <div>
                        <span class="screen-count-pill">📺📺 2 Écrans VIP Simultanés</span>
                        <div class="plan-title">VIP Duo (12 Mois)</div>
                        <div class="plan-price-block">
                            <div class="old-price">149.99 €</div>
                            <div class="current-price">89.99 €</div>
                        </div>
                        <ul class="plan-features-list">
                            <li><strong>2 Lignes 100% Indépendantes</strong></li>
                            <li>2 Écrans 4K Toute l'Année</li>
                            <li>115 000+ Chaînes & VOD 4K/8K</li>
                            <li>Serveurs VIP Dédiés 10 Gbps</li>
                            <li>🛡️ VPN Inclus sur les 2 Lignes</li>
                        </ul>
                    </div>
                    <a href="https://api.whatsapp.com/send?phone=447476518539&text=Je%20souhaite%20commander%20le%20Pack%20VIP%20Duo%202%20Ecrans%2012%20Mois%20(89.99%E2%82%AC)"
                        target="_blank" class="btn-order-plan">⚡ Commander 12 Mois (89,99 €)</a>
                </div>
            </div>
        </div>
    </section>

    <!-- 6. FEATURES SECTION -->
    <section class="features-section" id="fonctionnalites">
        <div class="container">
            <div class="section-header">
                <h2>Pourquoi Choisir l'Abonnement IPTV ABONNÉ VIP ?</h2>
                <p>La référence en France pour la stabilité, la qualité d'image et le support 24/7.</p>
            </div>
            <div class="features-grid">
                <div class="feature-box">
                    <div class="feature-icon-wrapper">👑</div>
                    <h3>Serveurs Dédiés VIP 10 Gbps</h3>
                    <p>Infrastructure européenne avec bande passante garantie pour éliminer tout temps de chargement.</p>
                </div>
                <div class="feature-box">
                    <div class="feature-icon-wrapper">📺</div>
                    <h3>Multi-Écrans Simultanés</h3>
                    <p>Regardez simultanément sur 1 ou 2 téléviseurs dans votre foyer sans conflit de flux.</p>
                </div>
                <div class="feature-box">
                    <div class="feature-icon-wrapper">⚡</div>
                    <h3>Streaming 4K Ultra HD & 8K</h3>
                    <p>Qualité d'image native à 60 images par seconde pour le sport en direct et les films récents.</p>
                </div>
                <div class="feature-box">
                    <div class="feature-icon-wrapper">🛡️</div>
                    <h3>Technologie Anti-Coupure 99.9%</h3>
                    <p>Système de redondance et de bascule automatique pour des diffusions stables même en forte affluence.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 7. DEVICE COMPATIBILITY SECTION -->
    <section class="devices-section" id="appareils">
        <div class="container">
            <div class="section-header">
                <h2>IPTV Compatible Avec Tous Vos Équipements</h2>
                <p>Une configuration simple et rapide en moins de 3 minutes sur toutes vos applications favorites.</p>
            </div>
            <div class="devices-grid">
                <div class="device-card">
                    <h3>📺 Smart TV (Samsung, LG, Sony)</h3>
                    <p>Compatible IBO Player, IPTV Smarters Pro, Smart IPTV, Nanomid et SS IPTV.</p>
                </div>
                <div class="device-card">
                    <h3>🔥 Amazon Fire TV Stick 4K</h3>
                    <p>Optimisé pour Tivimate Premium, XCIPTV et IPTV Smarters avec zapping instantané.</p>
                </div>
                <div class="device-card">
                    <h3>📱 Smartphones & Tablettes</h3>
                    <p>Profitez de vos chaînes en direct et de votre VOD sur iOS (iPhone/iPad) et Android en mobilité.</p>
                </div>
                <div class="device-card">
                    <h3>📦 Boîtiers Android & Apple TV</h3>
                    <p>Expérience cinéma 4K fluide sur Nvidia Shield, Formuler Z, Xiaomi Mi Box et Apple TV 4K.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 8. INSTALLATION IN 3 STEPS -->
    <section class="install-guide-section" id="installation">
        <div class="container">
            <h2>Installation de Votre Abonnement IPTV en 3 Étapes Simples</h2>
            <p>Notre équipe technique vous accompagne pas-à-pas jusqu'à la mise en route complète de vos chaînes.</p>
            <div class="install-steps-grid">
                <div class="install-card">
                    <div class="step-badge">1</div>
                    <h3>1. Demandez Votre Test IPTV</h3>
                    <p>Contactez notre support pour recevoir immédiatement vos codes Xtream et votre lien de playlist M3U personnalisé.</p>
                </div>
                <div class="install-card">
                    <div class="step-badge">2</div>
                    <h3>2. Entrez Vos Identifiants</h3>
                    <p>Saisissez vos codes d'accès dans votre application IPTV favorite (IPTV Smarters, Tivimate, IBO Player).</p>
                </div>
                <div class="install-card">
                    <div class="step-badge">3</div>
                    <h3>3. Profitez du Direct en 4K</h3>
                    <p>Accédez instantanément à plus de 115 000 chaînes en direct et 120 000 films et séries VOD en haute définition.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 9. REVIEWS -->
    <section class="reviews-section" id="avis">
        <div class="container">
            <div class="section-header">
                <h2>Avis et Témoignages de Nos Clients VIP</h2>
                <p>Découvrez les retours de nos abonnés en France, Belgique et Suisse.</p>
            </div>
            <div class="reviews-grid">
                <div class="review-card">
                    <div class="stars-row">★★★★★</div>
                    <p>« Serveur exceptionnel pour le football. Zéro coupure pendant les grands matchs de Ligue des Champions sur beIN et Canal+. Test 24h reçu en 2 minutes sur WhatsApp. »</p>
                    <div class="reviewer-name">Alexandre M. — Paris (75)</div>
                </div>
                <div class="review-card">
                    <div class="stars-row">★★★★★</div>
                    <p>« La formule 2 écrans est parfaite pour la maison. Les enfants regardent leurs dessins animés dans leur chambre pendant que je regarde le sport au salon. »</p>
                    <div class="reviewer-name">Karim B. — Lyon (69)</div>
                </div>
                <div class="review-card">
                    <div class="stars-row">★★★★★</div>
                    <p>« Qualité 4K impeccable sur mon Firestick 4K Max. La VOD est mise à jour avec les films récents et le service client est toujours disponible. »</p>
                    <div class="reviewer-name">Thomas L. — Marseille (13)</div>
                </div>
            </div>
        </div>
    </section>

    <!-- 10. FAQ ACCORDION -->
    <section class="container faq-section" id="faq">
        <div class="section-header">
            <h2>Questions Fréquentes sur l'Abonnement IPTV France</h2>
            <p>Toutes les réponses à vos questions avant de commander votre formule VIP.</p>
        </div>
        <div class="faq-item">
            <h3>Comment obtenir mon Test IPTV gratuit de 24 heures ?</h3>
            <p>Cliquez simplement sur le bouton de test ou contactez notre équipe sur WhatsApp. Nous vous envoyons vos identifiants Xtream Codes en moins de 3 minutes sans aucun engagement.</p>
        </div>
        <div class="faq-item">
            <h3>Le Test IPTV donne-t-il accès à l'ensemble du bouquet ?</h3>
            <p>Oui, votre test de 24h vous donne un accès 100% complet et illimité à toutes les chaînes françaises, internationales, bouquets sportifs et à toute la vidéothèque VOD 4K.</p>
        </div>
        <div class="faq-item">
            <h3>Puis-je utiliser mon abonnement sur 2 téléviseurs en même temps ?</h3>
            <p>Oui, en choisissant notre formule Pack Duo (2 Écrans), vous bénéficiez de 2 lignes totalement indépendantes pour regarder deux programmes différents en simultané dans votre foyer.</p>
        </div>
        <div class="faq-item">
            <h3>Quels sont les modes de paiement disponibles ?</h3>
            <p>Nous acceptons les paiements sécurisés par Carte Bancaire, PayPal et Virement bancaire instantané pour une activation immédiate de votre compte.</p>
        </div>
    </section>

    <!-- 11. FLOATING WHATSAPP BUTTON -->
    <a href="https://api.whatsapp.com/send?phone=447476518539&text=Bonjour%2C%20je%20souhaite%20des%20renseignements%20sur%20l'abonnement%20IPTV%20VIP" target="_blank" class="whatsapp-float" aria-label="Support WhatsApp VIP 24/7">💬</a>

    <!-- 12. FOOTER -->
    <footer>
        <div class="container footer-grid">
            <div class="footer-col">
                <h4>IPTV ABONNÉ VIP FRANCE</h4>
                <p>Fournisseur d'abonnement IPTV de référence en France, Belgique et Suisse. Plus de 115 000 chaînes 4K en direct, 120 000 films et séries VOD et serveurs 10 Gbps sans coupure.</p>
            </div>
            <div class="footer-col">
                <h4>Navigation & Offres</h4>
                <ul>
                    <li><a href="#accueil">Accueil</a></li>
                    <li><a href="#test-iptv">Test IPTV 24h Gratuit</a></li>
                    <li><a href="#abonnements">Abonnements 1 à 2 Écrans</a></li>
                    <li><a href="#fonctionnalites">Avantages Serveurs VIP</a></li>
                    <li><a href="#appareils">Applications & Appareils</a></li>
                    <li><a href="#faq">Foire Aux Questions</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Assistance & Légal</h4>
                <ul>
                    <li><a href="https://api.whatsapp.com/send?phone=447476518539" target="_blank">Support Client WhatsApp 24/7</a></li>
                    <li><a href="#abonnements">Conditions Générales d'Abonnement</a></li>
                    <li><a href="#abonnements">Politique de Confidentialité</a></li>
                    <li><a href="#test-iptv">Garantie Stabilité 99.9%</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>© 2026 <strong>IPTV ABONNÉ VIP FRANCE</strong> (https://iptv-abonne.fr/) — Tous droits réservés.</p>
        </div>
    </footer>

    <!-- JAVASCRIPT: TAB SWITCHER & COUNTDOWN TIMER -->
    <script>
        // Interactive Tab Switcher
        function switchScreens(screenNum) {
            var buttons = document.querySelectorAll('.screen-tab-btn');
            buttons.forEach(function (btn) { btn.classList.remove('active'); });
            var panels = document.querySelectorAll('.pricing-panel');
            panels.forEach(function (p) { p.classList.remove('active-panel'); });
            event.currentTarget.classList.add('active');
            var targetPanel = document.getElementById('panel-' + screenNum);
            if (targetPanel) { targetPanel.classList.add('active-panel'); }
        }

        // Live Countdown Timer (top ticker)
        function startTimer(duration, display) {
            var timer = duration;
            setInterval(function () {
                var h = parseInt(timer / 3600, 10);
                var m = parseInt((timer % 3600) / 60, 10);
                var s = parseInt(timer % 60, 10);
                h = h < 10 ? "0" + h : h;
                m = m < 10 ? "0" + m : m;
                s = s < 10 ? "0" + s : s;
                display.textContent = h + "h : " + m + "m : " + s + "s";
                if (--timer < 0) { timer = duration; }
            }, 1000);
        }

        window.onload = function () {
            var display = document.querySelector('#countdown');
            if (display) startTimer(3600 * 4 + 60 * 28 + 14, display);
        };
    </script>

</body>

</html>