Outiref

Code source de l'URL : http://www.societe24.com/tn/

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!-- ==================== PRECONNECT EN PREMIER (CRITIQUE) ==================== -->
    <!-- DOIT être avant tout autre élément pour maximum d'efficacité -->
    <link rel="preconnect" href="https://www.societe24.com" crossorigin>
    <link rel="dns-prefetch" href="https://www.societe24.com">
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
    
    <!-- SEO -->
    <title>Annuaire Professionnel Tunisien</title>
            <meta name="description" content="Trouvez les meilleurs professionnels en Tunisie. Recherchez par activité et localisation dans notre annuaire complet.">        
            <meta property="og:type" content="website">
<meta property="og:title" content="Annuaire Professionnel Tunisien">
<meta property="og:description" content="Trouvez les meilleurs professionnels en Tunisie. Recherchez par activité et localisation.">
<meta property="og:url" content="https://www.societe24.com/tn/">
<meta property="og:site_name" content="Annuaire Pro Tunisie">
<meta property="og:image" content="https://www.societe24.com/assets/images/og-default.jpg">
        <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@societe24tn">
<meta name="twitter:title" content="Annuaire Professionnel Tunisien">
<meta name="twitter:description" content="Trouvez les meilleurs professionnels en Tunisie. Recherchez par activité et localisation.">
<meta name="twitter:image" content="https://www.societe24.com/assets/images/og-default.jpg">
        <link rel="canonical" href="https://www.societe24.com/tn/">        <meta name="robots" content="index, follow">        
    <!-- Vérification du site -->
    <meta name="2107e4d717fc3231662376cc3f21262196146324" content="2107e4d717fc3231662376cc3f21262196146324" />
    
    <!-- ==================== FAVICON ==================== -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico?v=1776226373">
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png?v=1776226373">
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png?v=1776226373">
    <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png?v=1776226373">
    <link rel="manifest" href="/site.webmanifest?v=1776226373">
    
    <!-- DNS Prefetch pour domaines secondaires -->
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
    
    <!-- ==================== DIAGNOSTIC REFLOW (MODE DEBUG) ==================== -->
        
    <!-- ==================== PRELOAD RESSOURCES CRITIQUES ==================== -->
    <!-- Preload CSS critique (LCP improvement) -->
    <link rel="preload" href="/assets/css/main.css?v=1776226373" as="style">
    <link rel="preload" href="/assets/css/critical.min.css?v=1776226373" as="style">
    
    <!-- Preload fonts critiques Font Awesome -->
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin>
    
    <!-- ==================== CSS CRITIQUE INLINE ==================== -->
    <!-- CSS critique inline pour affichage immédiat -->
    <style>
        /* Reset et polices système par défaut (avant chargement de Inter) */
        html {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        /* Transition douce vers Inter quand chargée */
        html.fonts-loaded {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
        }
        
        /* Réserver l'espace pour éviter le CLS */
        .header {
            min-height: 80px;
        }
        
        .search-container {
            min-height: 120px;
        }
        
        /* Images responsives sans décalage */
        img {
            height: auto;
            max-width: 100%;
            display: block;
        }
        
        /* Éviter le saut de contenu pendant le chargement */
        * {
            box-sizing: border-box;
        }
        
        body {
            margin: 0;
            padding: 0;
        }
        
        :root{--primary:#2563eb;--primary-dark:#1e40af;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--dark:#1e293b;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--border-radius:8px;--box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);line-height:1.6;color:var(--dark);background:#fff}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.header{background:#fff;box-shadow:var(--box-shadow);position:sticky;top:0;z-index:1000}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.header-logo{display:flex;align-items:center}.logo{height:40px;width:auto}.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary);margin-left:0.5rem}.desktop-nav{display:none}@media (min-width:768px){.desktop-nav{display:flex;gap:1rem}}.nav-link{padding:0.5rem 1rem;border-radius:var(--border-radius);color:var(--gray-700);font-weight:500;transition:var(--transition)}.nav-link:hover,.nav-link.active{background:var(--gray-100);color:var(--primary)}.header-actions{display:flex;align-items:center;gap:0.5rem}.mobile-menu-toggle{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark);cursor:pointer}@media (min-width:768px){.mobile-menu-toggle{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);color:#fff}.alert{padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;display:flex;align-items:center}.alert-success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.alert-danger{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:3rem 0;text-align:center}.hero-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem;opacity:0.9}@media (min-width:768px){.hero{padding:4rem 0}.hero-title{font-size:2.5rem}}.search-form{background:#fff;padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);max-width:800px;margin:0 auto}.form-group{margin-bottom:1rem}.form-control{width:100%;padding:0.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.text-center{text-align:center}.mt-3{margin-top:1rem}html:not(.fonts-loaded) body{opacity:0}html.fonts-loaded body{opacity:1;transition:opacity 0.3s ease}    </style>
    
    <!-- ==================== FONTS OPTIMISÉES ==================== -->
    <!-- Google Fonts Inter avec display=swap DÉJÀ INCLUS dans l'URL -->
    <link rel="stylesheet" 
          href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" 
          media="print" 
          onload="this.media='all'; this.onload=null;">
    <noscript>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
    </noscript>
    
    <!-- ==================== CSS PRINCIPAL (CHARGEMENT ASYNCHRONE) ==================== -->
    <link rel="preload" href="/assets/css/main.css?v=1776226373" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="/assets/css/main.css?v=1776226373"></noscript>
    
    <!-- CSS Accessibilité - Correctifs contraste (PageSpeed) -->
    <link rel="stylesheet" href="/assets/css/accessibility-fixes.css?v=1776226373">
    
    <!-- ==================== CSS SECONDAIRES (CHARGEMENT DIFFÉRÉ) ==================== -->
    <link rel="preload" href="/assets/css/country-selector-global.css?v=1776226373" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="/assets/css/country-selector-global.css?v=1776226373"></noscript>
    

    
        
    <!-- Font Awesome - Chargement différé avec font-display swap -->
    <link rel="preload" 
          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" 
          as="style" 
          onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    </noscript>
    
    <!-- Override font-display pour Font Awesome -->
    <style>
        @font-face {
            font-family: 'Font Awesome 6 Free';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2) format('woff2');
        }
        @font-face {
            font-family: 'Font Awesome 6 Brands';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2) format('woff2');
        }
    </style>
    
    <!-- CSRF Token -->
    <meta name="csrf-token" content="16353d57bfd387fcdc1e42ceeecdaff51c7f525aac33d97e688a6e056b07a8e6">
    
    <!-- ==================== ANALYTICS ULTRA-OPTIMISÉ (PageSpeed) ==================== -->
    <!-- Google Analytics 4 - Chargement différé après interaction OU 5s -->
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      
      // Fonction de chargement différé
      function loadGA4() {
        if (!window.gaLoaded) {
          window.gaLoaded = true;
          var script = document.createElement('script');
          script.async = true;
          script.src = 'https://www.googletagmanager.com/gtag/js?id=G-PDBTQ4MTRV';
          document.head.appendChild(script);
          
          script.onload = function() {
            gtag('config', 'G-PDBTQ4MTRV', {
              'send_page_view': true,
              'transport_type': 'beacon',
              'page_load_time': Math.round(performance.now())
            });
          };
        }
      }
      
      // Stratégie: Charger après 5s OU après première interaction (ce qui arrive en premier)
      var gaTimer = setTimeout(loadGA4, 5000);
      ['mousedown', 'touchstart', 'scroll', 'keydown'].forEach(function(event) {
        document.addEventListener(event, function() {
          clearTimeout(gaTimer);
          loadGA4();
        }, {once: true, passive: true});
      });
    </script>
    
    <!-- ==================== OPTIMISATION ANTI-FOUC ==================== -->
    <script>
    // Détection simple et rapide du chargement des fonts
    // Évite le Flash Of Unstyled Content (FOUC)
    (function() {
        var root = document.documentElement;
        root.className += ' fonts-loading';
        
        if ('fonts' in document) {
            // API moderne : on attend que les fonts soient chargées
            document.fonts.ready.then(function() {
                root.className = root.className.replace('fonts-loading', 'fonts-loaded');
            }).catch(function() {
                // En cas d'erreur, on applique quand même la classe
                root.className = root.className.replace('fonts-loading', 'fonts-loaded');
            });
            
            // Timeout de sécurité après 2 secondes
            setTimeout(function() {
                if (root.className.indexOf('fonts-loaded') === -1) {
                    root.className = root.className.replace('fonts-loading', 'fonts-loaded');
                }
            }, 2000);
        } else {
            // Fallback pour navigateurs anciens : on applique immédiatement
            setTimeout(function() {
                root.className = root.className.replace('fonts-loading', 'fonts-loaded');
            }, 100);
        }
    })();
    </script>
    
    <!-- Scripts personnalisés additionnels (définis dans les vues) -->
    </head>
<body>
    <!-- Header -->
    <header class="header">
    <div class="container">
        <div class="header-content">
            <!-- Logo -->
            <div class="header-logo">
                <a href="https://www.societe24.com/tn/">
                    <span class="logo-text">Annuaire Pro</span>
                </a>
            </div>
            
            <!-- Navigation Desktop -->
            <nav class="header-nav desktop-nav">
                <a href="https://www.societe24.com/tn/" class="nav-link">
                    <i class="fas fa-home"></i> Accueil
                </a>
                <a href="https://www.societe24.com/tn/recherche" class="nav-link">
                    <i class="fas fa-search"></i> Recherche
                </a>
                                
                            </nav>
            
            <!-- Actions -->
            <div class="header-actions">
                <!-- Sélecteur de pays -->
                <!-- 
    SÉLECTEUR DE PAYS GLOBAL - VERSION COMPLÈTE
    À intégrer dans le header principal
-->

<div class="country-selector" data-current-country="TN">
    <button type="button" 
            class="country-selector-trigger" 
            aria-label="Sélectionner un pays"
            aria-haspopup="true"
            aria-expanded="false">
        <span class="flag flag-tn">
            🇹🇳        </span>
        <span class="country-name">Tunisie</span>
        <svg class="chevron" width="12" height="8" viewbox="0 0 12 8" fill="currentColor">
            <path d="M1 1l5 5 5-5" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
    </button>
    
    <div class="country-selector-dropdown" role="menu" hidden>
        <div class="country-selector-header">
            <span>Choisir votre pays</span>
        </div>
        
        <ul class="country-list" role="none">
                            <li role="none">
                    <a href="#" 
                       class="country-option"
                       role="menuitem"
                       data-country-code="dz"
                       data-country-name="Algérie"
                       >
                        
                        <span class="flag flag-dz">
                            🇩🇿                        </span>
                        
                        <span class="country-info">
                            <span class="country-name">Algérie</span>
                            <span class="country-domain">societe24.dz</span>
                        </span>
                        
                                            </a>
                </li>
                            <li role="none">
                    <a href="#" 
                       class="country-option"
                       role="menuitem"
                       data-country-code="ma"
                       data-country-name="Maroc"
                       >
                        
                        <span class="flag flag-ma">
                            🇲🇦                        </span>
                        
                        <span class="country-info">
                            <span class="country-name">Maroc</span>
                            <span class="country-domain">societe24.ma</span>
                        </span>
                        
                                            </a>
                </li>
                            <li role="none">
                    <a href="#" 
                       class="country-option active"
                       role="menuitem"
                       data-country-code="tn"
                       data-country-name="Tunisie"
                       aria-current="true">
                        
                        <span class="flag flag-tn">
                            🇹🇳                        </span>
                        
                        <span class="country-info">
                            <span class="country-name">Tunisie</span>
                            <span class="country-domain">societe24.tn</span>
                        </span>
                        
                                                    <svg class="checkmark" width="16" height="16" viewbox="0 0 16 16" fill="currentColor">
                                <path d="M13.5 4L6 11.5 2.5 8" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                                            </a>
                </li>
                    </ul>
        
        <div class="country-selector-footer">
            <small>Le contenu sera adapté à votre pays</small>
        </div>
    </div>
</div>
                
                                    <a href="https://www.societe24.com/tn/connexion" class="btn btn-outline">
                        <i class="fas fa-sign-in-alt"></i> Connexion
                    </a>
                    <a href="https://www.societe24.com/tn/inscription" class="btn btn-primary">
                        <i class="fas fa-user-plus"></i> Inscription
                    </a>
                                
                <!-- Mobile Menu Toggle -->
                <button class="mobile-menu-toggle" 
                        onclick="toggleMobileMenu()"
                        aria-label="Ouvrir le menu de navigation"
                        aria-expanded="false"
                        aria-controls="mobileMenu">
                    <i class="fas fa-bars"></i>
                </button>
            </div>
        </div>
    </div>
    
    <!-- Mobile Navigation -->
    <div class="mobile-nav" id="mobileMenu">
        <a href="https://www.societe24.com/tn/" class="mobile-nav-link">
            <i class="fas fa-home"></i> Accueil
        </a>
        <a href="https://www.societe24.com/tn/recherche" class="mobile-nav-link">
            <i class="fas fa-search"></i> Recherche
        </a>
                
                    <a href="https://www.societe24.com/tn/connexion" class="mobile-nav-link">
                <i class="fas fa-sign-in-alt"></i> Connexion
            </a>
            <a href="https://www.societe24.com/tn/inscription" class="mobile-nav-link">
                <i class="fas fa-user-plus"></i> Inscription
            </a>
            </div>
</header>

<script>
function toggleUserMenu() {
    const menu = document.getElementById('userMenu');
    menu.classList.toggle('show');
}

// Ferme le menu si on clique ailleurs
document.addEventListener('click', function(e) {
    if (!e.target.closest('.user-menu')) {
        document.getElementById('userMenu')?.classList.remove('show');
    }
});
</script>
    
    <!-- Flash Messages -->
    <div class="container mt-3">
            </div>
    
    <!-- Main Content -->
    <main class="main-content">
        
<!-- Hero Section -->
<section class="hero">
    <div class="container">
        <div class="hero-content">
            <h1 class="hero-title">Trouvez les meilleurs professionnels en Tunisie</h1>
            <p class="hero-subtitle">Recherchez parmi 61 652 professionnels dans 23 catégories</p>
            
            <!-- Formulaire de recherche -->
            <form id="search-form" class="search-form" method="GET" action="https://www.societe24.com/tn/recherche">
    <div class="search-form-grid">
        <!-- Catégorie -->
        <div class="form-group">
            <label for="category_id" class="sr-only">Catégorie</label>
            <select id="category_id" name="category_id" class="form-control">
                <option value="">Toutes les catégories</option>
                                                            <option value="1" >
                            Santé                        </option>
                                            <option value="2" >
                            Industrie                        </option>
                                            <option value="6" >
                            Services juridiques                        </option>
                                            <option value="44" >
                            Médecins Spécialistes                        </option>
                                            <option value="15" >
                            Énergie &amp; Environnement                        </option>
                                            <option value="41" >
                            Dentistes                        </option>
                                            <option value="42" >
                            Médecins                        </option>
                                            <option value="16" >
                            Finance &amp; Assurance                        </option>
                                            <option value="8" >
                            Commerce                        </option>
                                            <option value="4" >
                            Restauration &amp; café                        </option>
                                            <option value="7" >
                            Construction                        </option>
                                            <option value="11" >
                            Transports                        </option>
                                            <option value="5" >
                            Hôtellerie                        </option>
                                            <option value="18" >
                            Services publics                        </option>
                                            <option value="10" >
                            Éducation et formation                        </option>
                                            <option value="17" >
                            Agriculture                        </option>
                                            <option value="9" >
                            Services informatiques                        </option>
                                            <option value="13" >
                            Tourisme                        </option>
                                            <option value="3" >
                            Agences de location                        </option>
                                            <option value="12" >
                            Télécommunications                        </option>
                                                </select>
        </div>
        
        <!-- Sous-catégorie (chargée dynamiquement) -->
        <div class="form-group">
            <label for="sub_category_id" class="sr-only">Sous-catégorie</label>
            <select id="sub_category_id" name="sub_category_id" class="form-control" disabled>
                <option value="">Sous-catégorie...</option>
                            </select>
        </div>
        
        <!-- Gouvernorat -->
        <div class="form-group">
            <label for="governorate_id" class="sr-only">Gouvernorat</label>
            <select id="governorate_id" name="governorate_id" class="form-control">
                <option value="">Tous les gouvernorats</option>
                                                            <option value="256" >
                            Cebalet Ouled Asker                        </option>
                                            <option value="257" >
                            Jelma                        </option>
                                            <option value="258" >
                            Sidi Ali Ben Aoun                        </option>
                                            <option value="259" >
                            M&#039;Saken                        </option>
                                            <option value="260" >
                            Sidi El Hani                        </option>
                                            <option value="261" >
                            Kalaa Sghira                        </option>
                                            <option value="262" >
                            Ouardanine                        </option>
                                            <option value="267" >
                            Ouled Chamakh                        </option>
                                            <option value="269" >
                            El Hancha                        </option>
                                            <option value="270" >
                            Cekhira                        </option>
                                            <option value="273" >
                            El Ksar                        </option>
                                            <option value="276" >
                            Djerba Houmet Essouk                        </option>
                                            <option value="277" >
                            Smar                        </option>
                                            <option value="317" >
                            Ras Jebel                        </option>
                                            <option value="323" >
                            Kalaa El Khesba                        </option>
                                            <option value="324" >
                            Hassi Ferid                        </option>
                                            <option value="327" >
                            Sayada Lamta Bouhjar                        </option>
                                            <option value="333" >
                            M&#039;Dhilla                        </option>
                                            <option value="364" >
                            Kalaat Andalous                        </option>
                                            <option value="365" >
                            Sidi El Bechir                        </option>
                                            <option value="366" >
                            Sidjoumi                        </option>
                                            <option value="367" >
                            La Marsa                        </option>
                                            <option value="368" >
                            El Bouhaira - Le Kram                        </option>
                                            <option value="369" >
                            M&#039;Hamdia                        </option>
                                            <option value="370" >
                            Hammam Chatt                        </option>
                                            <option value="371" >
                            El Medina Jadida                        </option>
                                            <option value="372" >
                            Jedaida                        </option>
                                            <option value="373" >
                            Hammam El Ghezaz                        </option>
                                            <option value="374" >
                            Dar Chaabane Fehri                        </option>
                                            <option value="375" >
                            El Mida                        </option>
                                            <option value="376" >
                            Sejnane                        </option>
                                            <option value="377" >
                            El Alia                        </option>
                                            <option value="378" >
                            Jarzouna                        </option>
                                            <option value="379" >
                            Bousalem                        </option>
                                            <option value="380" >
                            Oued Meliz                        </option>
                                            <option value="381" >
                            Jemmal                        </option>
                                            <option value="382" >
                            Ksibet Mediouni                        </option>
                                            <option value="383" >
                            Ksour Essaf                        </option>
                                            <option value="384" >
                            Mellouleche                        </option>
                                            <option value="385" >
                            Sened                        </option>
                                            <option value="386" >
                            El Guetar                        </option>
                                            <option value="387" >
                            Gabes Est                        </option>
                                            <option value="388" >
                            Ghannouche                        </option>
                                            <option value="389" >
                            H&#039;Bira                        </option>
                                            <option value="390" >
                            Menzel Habib                        </option>
                                            <option value="231" >
                            Menihla                        </option>
                                            <option value="235" >
                            Carthage                        </option>
                                            <option value="237" >
                            Rades                        </option>
                                            <option value="239" >
                            Boumhel Bassatine                        </option>
                                            <option value="242" >
                            La Manouba                        </option>
                                            <option value="244" >
                            El Haouaria                        </option>
                                            <option value="254" >
                            Le Krib                        </option>
                                            <option value="255" >
                            Mejel Bel Abbes                        </option>
                                            <option value="1" >
                            Tunis                        </option>
                                            <option value="2" >
                            Ariana                        </option>
                                            <option value="3" >
                            Ben Arous                        </option>
                                            <option value="4" >
                            Manouba                        </option>
                                            <option value="5" >
                            Nabeul                        </option>
                                            <option value="6" >
                            Zaghouan                        </option>
                                            <option value="7" >
                            Bizerte                        </option>
                                            <option value="8" >
                            Béja                        </option>
                                            <option value="9" >
                            Jendouba                        </option>
                                            <option value="10" >
                            Le Kef                        </option>
                                            <option value="11" >
                            Siliana                        </option>
                                            <option value="12" >
                            Kairouan                        </option>
                                            <option value="13" >
                            Kasserine                        </option>
                                            <option value="14" >
                            Sidi Bouzid                        </option>
                                            <option value="15" >
                            Sousse                        </option>
                                            <option value="16" >
                            Monastir                        </option>
                                            <option value="17" >
                            Mahdia                        </option>
                                            <option value="18" >
                            Sfax                        </option>
                                            <option value="19" >
                            Gafsa                        </option>
                                            <option value="20" >
                            Tozeur                        </option>
                                            <option value="21" >
                            Kébili                        </option>
                                            <option value="22" >
                            Gabès                        </option>
                                            <option value="23" >
                            Médenine                        </option>
                                            <option value="24" >
                            Tataouine                        </option>
                                                </select>
        </div>
        
        <!-- Ville (chargée dynamiquement) -->
        <div class="form-group">
            <label for="city_id" class="sr-only">Ville</label>
            <select id="city_id" name="city_id" class="form-control" disabled>
                <option value="">Ville...</option>
                            </select>
        </div>
        
        <!-- Mot-clé -->
        <div class="form-group form-group-keyword">
            <label for="keyword" class="sr-only">Mot-clé</label>
            <input type="text" 
                   id="keyword" 
                   name="keyword" 
                   class="form-control" 
                   placeholder="Nom, activité..."
                   value=""
                   autocomplete="off">
        </div>
        
        <!-- Bouton recherche -->
        <div class="form-group">
            <button type="submit" class="btn btn-primary btn-block btn-search">
                <i class="fas fa-search"></i> Rechercher
            </button>
        </div>
    </div>
</form>
        </div>
    </div>
</section>

<!-- Catégories populaires -->
<section class="section categories-section">
    <div class="container">
        <div class="section-header">
            <h2 class="section-title">Catégories populaires</h2>
            <p class="section-subtitle">Explorez les principales catégories de professionnels</p>
        </div>
        
        <div class="categories-grid">
                            <a href="https://www.societe24.com/tn/categorie/sante" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-heartbeat"></i>
                    </div>
                    <h3 class="category-name">Santé</h3>
                    <p class="category-count">17 808 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/industrie" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-industry"></i>
                    </div>
                    <h3 class="category-name">Industrie</h3>
                    <p class="category-count">7 853 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/services-juridiques" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-balance-scale"></i>
                    </div>
                    <h3 class="category-name">Services juridiques</h3>
                    <p class="category-count">6 762 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/medecins-specialistes" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h3 class="category-name">Médecins Spécialistes</h3>
                    <p class="category-count">4 978 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/energie-environnement" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-leaf"></i>
                    </div>
                    <h3 class="category-name">Énergie &amp; Environnement</h3>
                    <p class="category-count">4 452 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/dentistes" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h3 class="category-name">Dentistes</h3>
                    <p class="category-count">4 222 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/medecins" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-briefcase"></i>
                    </div>
                    <h3 class="category-name">Médecins</h3>
                    <p class="category-count">3 917 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/finance-assurance" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-piggy-bank"></i>
                    </div>
                    <h3 class="category-name">Finance &amp; Assurance</h3>
                    <p class="category-count">3 798 fiches</p>
                </a>
                
                                    </div>
                    
                    <div class="categories-grid">
                                <a href="https://www.societe24.com/tn/categorie/commerce" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-shopping-cart"></i>
                    </div>
                    <h3 class="category-name">Commerce</h3>
                    <p class="category-count">3 309 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/restauration-cafe" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-utensils"></i>
                    </div>
                    <h3 class="category-name">Restauration &amp; café</h3>
                    <p class="category-count">2 838 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/construction" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-hard-hat"></i>
                    </div>
                    <h3 class="category-name">Construction</h3>
                    <p class="category-count">719 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/transports" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-truck"></i>
                    </div>
                    <h3 class="category-name">Transports</h3>
                    <p class="category-count">352 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/hotellerie" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-hotel"></i>
                    </div>
                    <h3 class="category-name">Hôtellerie</h3>
                    <p class="category-count">328 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/services-publics" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-city"></i>
                    </div>
                    <h3 class="category-name">Services publics</h3>
                    <p class="category-count">145 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/education-formation" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </div>
                    <h3 class="category-name">Éducation et formation</h3>
                    <p class="category-count">112 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/agriculture" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-seedling"></i>
                    </div>
                    <h3 class="category-name">Agriculture</h3>
                    <p class="category-count">49 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/services-informatiques" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-laptop-code"></i>
                    </div>
                    <h3 class="category-name">Services informatiques</h3>
                    <p class="category-count">2 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/tourisme" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-map-marked-alt"></i>
                    </div>
                    <h3 class="category-name">Tourisme</h3>
                    <p class="category-count">1 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/agences-location" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-car"></i>
                    </div>
                    <h3 class="category-name">Agences de location</h3>
                    <p class="category-count">0 fiches</p>
                </a>
                
                                <a href="https://www.societe24.com/tn/categorie/telecommunication" class="category-card">
                    <div class="category-icon">
                        <i class="fas fa-satellite-dish"></i>
                    </div>
                    <h3 class="category-name">Télécommunications</h3>
                    <p class="category-count">0 fiches</p>
                </a>
                
                        </div>
        
        <div class="section-footer">
            <a href="https://www.societe24.com/tn/recherche" class="btn btn-outline">
                Voir toutes les catégories <i class="fas fa-arrow-right"></i>
            </a>
        </div>
    </div>
</section>

<!-- Fiches en vedette -->

<!-- Fiches récentes -->
<section class="section recent-section">
    <div class="container">
        <div class="section-header">
            <h2 class="section-title">Derniers professionnels</h2>
            <p class="section-subtitle">Les professionnels récemment inscrits</p>
        </div>
        
        <div class="listings-grid">
                            <div class="listing-card">
    <a href="https://www.societe24.com/tn/fiche/dr-nabil-jemel" class="listing-card-link">
        <!-- Badge vedette -->
                
        <!-- Logo ou Avatar -->
        <div class="listing-card-header">
                        
                            <!-- Avatar minimaliste pour entreprises sans logo -->
                <div class="listing-card-avatar-container">
                    <img src="https://www.societe24.com/generate-avatar.php?text=Dr.+Nabil+JEMEL&category_id=44" 
                         alt="Dr. Nabil JEMEL"
                         width="80"
                         height="80"
                         loading="lazy"
                         class="listing-avatar">
                </div>
                    </div>
        
        <!-- Contenu -->
        <div class="listing-card-body">
            <h3 class="listing-card-title">Dr. Nabil JEMEL</h3>
            
            <div class="listing-card-category">
                <i class="fas fa-tag"></i>
                Médecins Spécialistes            </div>
            
            <div class="listing-card-location">
                <i class="fas fa-map-marker-alt"></i>
                Gabes Ville, Gabes Est            </div>
            
                            <p class="listing-card-description">
                    Dr. Nabil JEMEL est Cardiologue à Gabes Ville, gouvernorat de Gabes Est, Tunisie. Cabinet situé au A...                </p>
                        
            <!-- Footer -->
            <div class="listing-card-footer">
                <div class="listing-card-phone">
                    <i class="fas fa-phone"></i>
                    +21675220333                </div>
                
                                    <div class="listing-card-views">
                        <i class="fas fa-eye"></i>
                        38                    </div>
                            </div>
        </div>
    </a>
</div>
                            <div class="listing-card">
    <a href="https://www.societe24.com/tn/fiche/dr-ridha-sbita" class="listing-card-link">
        <!-- Badge vedette -->
                
        <!-- Logo ou Avatar -->
        <div class="listing-card-header">
                        
                            <!-- Avatar minimaliste pour entreprises sans logo -->
                <div class="listing-card-avatar-container">
                    <img src="https://www.societe24.com/generate-avatar.php?text=Dr.+Ridha+SBITA&category_id=44" 
                         alt="Dr. Ridha SBITA"
                         width="80"
                         height="80"
                         loading="lazy"
                         class="listing-avatar">
                </div>
                    </div>
        
        <!-- Contenu -->
        <div class="listing-card-body">
            <h3 class="listing-card-title">Dr. Ridha SBITA</h3>
            
            <div class="listing-card-category">
                <i class="fas fa-tag"></i>
                Médecins Spécialistes            </div>
            
            <div class="listing-card-location">
                <i class="fas fa-map-marker-alt"></i>
                Gabes Ville, Gabes Est            </div>
            
                            <p class="listing-card-description">
                    Dr. Ridha SBITA est Cardiologue à Gabes Ville, gouvernorat de Gabes Est, Tunisie. Cabinet situé au A...                </p>
                        
            <!-- Footer -->
            <div class="listing-card-footer">
                <div class="listing-card-phone">
                    <i class="fas fa-phone"></i>
                    +21675275700                </div>
                
                                    <div class="listing-card-views">
                        <i class="fas fa-eye"></i>
                        55                    </div>
                            </div>
        </div>
    </a>
</div>
                            <div class="listing-card">
    <a href="https://www.societe24.com/tn/fiche/dr-bilel-annabi" class="listing-card-link">
        <!-- Badge vedette -->
                
        <!-- Logo ou Avatar -->
        <div class="listing-card-header">
                        
                            <!-- Avatar minimaliste pour entreprises sans logo -->
                <div class="listing-card-avatar-container">
                    <img src="https://www.societe24.com/generate-avatar.php?text=Dr.+Bilel+ANNABI&category_id=44" 
                         alt="Dr. Bilel ANNABI"
                         width="80"
                         height="80"
                         loading="lazy"
                         class="listing-avatar">
                </div>
                    </div>
        
        <!-- Contenu -->
        <div class="listing-card-body">
            <h3 class="listing-card-title">Dr. Bilel ANNABI</h3>
            
            <div class="listing-card-category">
                <i class="fas fa-tag"></i>
                Médecins Spécialistes            </div>
            
            <div class="listing-card-location">
                <i class="fas fa-map-marker-alt"></i>
                Gabes Ville, Gabes Est            </div>
            
                            <p class="listing-card-description">
                    Dr. Bilel ANNABI est Cardiologue à Gabes Ville, gouvernorat de Gabes Est, Tunisie. Cabinet situé au ...                </p>
                        
            <!-- Footer -->
            <div class="listing-card-footer">
                <div class="listing-card-phone">
                    <i class="fas fa-phone"></i>
                                    </div>
                
                                    <div class="listing-card-views">
                        <i class="fas fa-eye"></i>
                        50                    </div>
                            </div>
        </div>
    </a>
</div>
                            <div class="listing-card">
    <a href="https://www.societe24.com/tn/fiche/dr-awatef-tlijani" class="listing-card-link">
        <!-- Badge vedette -->
                
        <!-- Logo ou Avatar -->
        <div class="listing-card-header">
                        
                            <!-- Avatar minimaliste pour entreprises sans logo -->
                <div class="listing-card-avatar-container">
                    <img src="https://www.societe24.com/generate-avatar.php?text=Dr.+Awatef+TLIJANI&category_id=44" 
                         alt="Dr. Awatef TLIJANI"
                         width="80"
                         height="80"
                         loading="lazy"
                         class="listing-avatar">
                </div>
                    </div>
        
        <!-- Contenu -->
        <div class="listing-card-body">
            <h3 class="listing-card-title">Dr. Awatef TLIJANI</h3>
            
            <div class="listing-card-category">
                <i class="fas fa-tag"></i>
                Médecins Spécialistes            </div>
            
            <div class="listing-card-location">
                <i class="fas fa-map-marker-alt"></i>
                Gabes Ville, Gabes Est            </div>
            
                            <p class="listing-card-description">
                    Dr. Awatef TLIJANI est Cardiologue à Gabes Ville, gouvernorat de Gabes Est, Tunisie. Cabinet situé a...                </p>
                        
            <!-- Footer -->
            <div class="listing-card-footer">
                <div class="listing-card-phone">
                    <i class="fas fa-phone"></i>
                    +21675274399                </div>
                
                                    <div class="listing-card-views">
                        <i class="fas fa-eye"></i>
                        56                    </div>
                            </div>
        </div>
    </a>
</div>
                            <div class="listing-card">
    <a href="https://www.societe24.com/tn/fiche/dr-mohamed-loulou" class="listing-card-link">
        <!-- Badge vedette -->
                
        <!-- Logo ou Avatar -->
        <div class="listing-card-header">
                        
                            <!-- Avatar minimaliste pour entreprises sans logo -->
                <div class="listing-card-avatar-container">
                    <img src="https://www.societe24.com/generate-avatar.php?text=Dr.+Mohamed+LOULOU&category_id=44" 
                         alt="Dr. Mohamed LOULOU"
                         width="80"
                         height="80"
                         loading="lazy"
                         class="listing-avatar">
                </div>
                    </div>
        
        <!-- Contenu -->
        <div class="listing-card-body">
            <h3 class="listing-card-title">Dr. Mohamed LOULOU</h3>
            
            <div class="listing-card-category">
                <i class="fas fa-tag"></i>
                Médecins Spécialistes            </div>
            
            <div class="listing-card-location">
                <i class="fas fa-map-marker-alt"></i>
                Gabes Ville, Gabes Est            </div>
            
                            <p class="listing-card-description">
                    Dr. Mohamed LOULOU est Cardiologue à Gabes Ville, gouvernorat de Gabes Est, Tunisie. Cabinet situé a...                </p>
                        
            <!-- Footer -->
            <div class="listing-card-footer">
                <div class="listing-card-phone">
                    <i class="fas fa-phone"></i>
                    +21675278412                </div>
                
                                    <div class="listing-card-views">
                        <i class="fas fa-eye"></i>
                        61                    </div>
                            </div>
        </div>
    </a>
</div>
                            <div class="listing-card">
    <a href="https://www.societe24.com/tn/fiche/dr-mohamed-fadi-mohamed" class="listing-card-link">
        <!-- Badge vedette -->
                
        <!-- Logo ou Avatar -->
        <div class="listing-card-header">
                        
                            <!-- Avatar minimaliste pour entreprises sans logo -->
                <div class="listing-card-avatar-container">
                    <img src="https://www.societe24.com/generate-avatar.php?text=Dr.+Mohamed+Fadi+MOHAMED&category_id=44" 
                         alt="Dr. Mohamed Fadi MOHAMED"
                         width="80"
                         height="80"
                         loading="lazy"
                         class="listing-avatar">
                </div>
                    </div>
        
        <!-- Contenu -->
        <div class="listing-card-body">
            <h3 class="listing-card-title">Dr. Mohamed Fadi MOHAMED</h3>
            
            <div class="listing-card-category">
                <i class="fas fa-tag"></i>
                Médecins Spécialistes            </div>
            
            <div class="listing-card-location">
                <i class="fas fa-map-marker-alt"></i>
                Gabes Ville, Gabes Est            </div>
            
                            <p class="listing-card-description">
                    Dr. Mohamed Fadi MOHAMED est Cardiologue à Gabes Ville, gouvernorat de Gabes Est, Tunisie. Cabinet s...                </p>
                        
            <!-- Footer -->
            <div class="listing-card-footer">
                <div class="listing-card-phone">
                    <i class="fas fa-phone"></i>
                                    </div>
                
                                    <div class="listing-card-views">
                        <i class="fas fa-eye"></i>
                        54                    </div>
                            </div>
        </div>
    </a>
</div>
                            <div class="listing-card">
    <a href="https://www.societe24.com/tn/fiche/dr-ikbal-ep-benhfaiedh" class="listing-card-link">
        <!-- Badge vedette -->
                
        <!-- Logo ou Avatar -->
        <div class="listing-card-header">
                        
                            <!-- Avatar minimaliste pour entreprises sans logo -->
                <div class="listing-card-avatar-container">
                    <img src="https://www.societe24.com/generate-avatar.php?text=Dr.+Ikbal+EP+BENHFAIEDH&category_id=44" 
                         alt="Dr. Ikbal EP BENHFAIEDH"
                         width="80"
                         height="80"
                         loading="lazy"
                         class="listing-avatar">
                </div>
                    </div>
        
        <!-- Contenu -->
        <div class="listing-card-body">
            <h3 class="listing-card-title">Dr. Ikbal EP BENHFAIEDH</h3>
            
            <div class="listing-card-category">
                <i class="fas fa-tag"></i>
                Médecins Spécialistes            </div>
            
            <div class="listing-card-location">
                <i class="fas fa-map-marker-alt"></i>
                Gabes Ville, Gabes Est            </div>
            
                            <p class="listing-card-description">
                    Dr. Ikbal EP BENHFAIEDH est Cardiologue à Gabes Ville, gouvernorat de Gabes Est, Tunisie. Cabinet si...                </p>
                        
            <!-- Footer -->
            <div class="listing-card-footer">
                <div class="listing-card-phone">
                    <i class="fas fa-phone"></i>
                    +21631583033                </div>
                
                                    <div class="listing-card-views">
                        <i class="fas fa-eye"></i>
                        58                    </div>
                            </div>
        </div>
    </a>
</div>
                            <div class="listing-card">
    <a href="https://www.societe24.com/tn/fiche/dr-kilani-chaaoua" class="listing-card-link">
        <!-- Badge vedette -->
                
        <!-- Logo ou Avatar -->
        <div class="listing-card-header">
                        
                            <!-- Avatar minimaliste pour entreprises sans logo -->
                <div class="listing-card-avatar-container">
                    <img src="https://www.societe24.com/generate-avatar.php?text=Dr.+Kilani+CHAAOUA&category_id=44" 
                         alt="Dr. Kilani CHAAOUA"
                         width="80"
                         height="80"
                         loading="lazy"
                         class="listing-avatar">
                </div>
                    </div>
        
        <!-- Contenu -->
        <div class="listing-card-body">
            <h3 class="listing-card-title">Dr. Kilani CHAAOUA</h3>
            
            <div class="listing-card-category">
                <i class="fas fa-tag"></i>
                Médecins Spécialistes            </div>
            
            <div class="listing-card-location">
                <i class="fas fa-map-marker-alt"></i>
                Médenine, Médenine            </div>
            
                            <p class="listing-card-description">
                    Dr. Kilani CHAAOUA est Cardiologue à Medenine, gouvernorat de Médenine, Tunisie. Cabinet situé au 75...                </p>
                        
            <!-- Footer -->
            <div class="listing-card-footer">
                <div class="listing-card-phone">
                    <i class="fas fa-phone"></i>
                    +21675649900                </div>
                
                                    <div class="listing-card-views">
                        <i class="fas fa-eye"></i>
                        65                    </div>
                            </div>
        </div>
    </a>
</div>
                    </div>
        
        <div class="section-footer">
            <a href="https://www.societe24.com/tn/recherche" class="btn btn-primary">
                Voir tous les professionnels <i class="fas fa-arrow-right"></i>
            </a>
        </div>
    </div>
</section>

<!-- Statistiques -->
<section class="section stats-section bg-primary text-white">
    <div class="container">
        <div class="stats-grid">
            <div class="stat-item">
                <div class="stat-icon">
                    <i class="fas fa-briefcase"></i>
                </div>
                <div class="stat-content">
                    <div class="stat-number">61 652</div>
                    <div class="stat-label">Professionnels</div>
                </div>
            </div>
            
            <div class="stat-item">
                <div class="stat-icon">
                    <i class="fas fa-th"></i>
                </div>
                <div class="stat-content">
                    <div class="stat-number">23</div>
                    <div class="stat-label">Catégories</div>
                </div>
            </div>
            
            <div class="stat-item">
                <div class="stat-icon">
                    <i class="fas fa-map-marker-alt"></i>
                </div>
                <div class="stat-content">
                    <div class="stat-number">77</div>
                    <div class="stat-label">Gouvernorats</div>
                </div>
            </div>
            
            <div class="stat-item">
                <div class="stat-icon">
                    <i class="fas fa-star"></i>
                </div>
                <div class="stat-content">
                    <div class="stat-number">100%</div>
                    <div class="stat-label">Gratuit</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Call to action -->
<section class="section cta-section">
    <div class="container">
        <div class="cta-content">
            <h2 class="cta-title">Vous êtes un professionnel ?</h2>
            <p class="cta-text">Créez votre fiche gratuitement et augmentez votre visibilité</p>
            <div class="cta-buttons">
                <a href="https://www.societe24.com/tn/inscription" class="btn btn-primary btn-lg">
                    <i class="fas fa-user-plus"></i> Créer mon compte
                </a>
                <a href="/tarifs" class="btn btn-outline btn-lg">
                    <i class="fas fa-info-circle"></i> En savoir plus
                </a>
            </div>
        </div>
    </div>
</section>

    </main>
    
    <!-- Footer -->
    <footer class="footer">
    <div class="container">
        <div class="footer-content">
            <!-- À propos -->
            <div class="footer-col">
                <h3>Annuaire Pro Tunisie</h3>
                <p>La plateforme de référence pour trouver les meilleurs professionnels en Tunisie.</p>
                <div class="footer-social">
                    <a href="#" class="social-link" title="Facebook">
                        <i class="fab fa-facebook"></i>
                    </a>
                    <a href="#" class="social-link" title="Twitter">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a href="#" class="social-link" title="Instagram">
                        <i class="fab fa-instagram"></i>
                    </a>
                    <a href="#" class="social-link" title="LinkedIn">
                        <i class="fab fa-linkedin"></i>
                    </a>
                </div>
            </div>
            
            <!-- Liens rapides -->
            <div class="footer-col">
                <h4>Navigation</h4>
                <ul class="footer-links">
                    <li><a href="https://www.societe24.com/tn/">Accueil</a></li>
                    <li><a href="https://www.societe24.com/tn/recherche">Recherche</a></li>
                    <li><a href="/a-propos">À propos</a></li>
                    <li><a href="/contact">Contact</a></li>
                </ul>
            </div>
            
            <!-- Pour les professionnels -->
            <div class="footer-col">
                <h4>Professionnels</h4>
                <ul class="footer-links">
                    <li><a href="https://www.societe24.com/tn/inscription">Créer un compte</a></li>
                    <li><a href="https://www.societe24.com/tn/connexion">Connexion</a></li>
                    <li><a href="https://www.societe24.com/tn/tableau-de-bord/ajouter-fiche">Ajouter une fiche</a></li>
                </ul>
            </div>
            
            <!-- Informations légales -->
            <div class="footer-col">
                <h4>Informations</h4>
                <ul class="footer-links">
                    <li><a href="/mentions-legales">Mentions légales</a></li>
                    <li><a href="/conditions-utilisation">CGU</a></li>
                    <li><a href="/politique-confidentialite">Confidentialité</a></li>
                    <li><a href="/faq">FAQ</a></li>
                </ul>
            </div>
        </div>
        
        <!-- Copyright -->
        <div class="footer-bottom">
            <div class="footer-copyright">
                <p>&copy; 2026 Annuaire Pro Tunisie. Tous droits réservés.</p>
            </div>
            <div class="footer-meta">
                <span>61 652 professionnels</span>
                <span>•</span>
                <span>23 catégories</span>
                <span>•</span>
                <span>77 gouvernorats</span>
            </div>
        </div>
    </div>
</footer>

<!-- Scroll to top button -->
<button class="scroll-to-top" id="scrollToTop" onclick="window.scrollTo({top: 0, behavior: 'smooth'})">
    <i class="fas fa-arrow-up"></i>
</button>

<script>
// Affiche le bouton scroll to top
window.addEventListener('scroll', function() {
    const scrollBtn = document.getElementById('scrollToTop');
    if (window.pageYOffset > 300) {
        scrollBtn.classList.add('show');
    } else {
        scrollBtn.classList.remove('show');
    }
});
</script>
    
    <!-- ==================== SCRIPTS OPTIMISÉS (DEFER) ==================== -->
    <script defer src="/assets/js/main.js?v=1776226373"></script>    <script defer src="/assets/js/search.js?v=1776226373"></script>    <script defer src="/assets/js/country-selector-global.js?v=1776226373"></script>    
        


    </body>
</html>