Outiref

Code source de l'URL : https://www.annuaire-nofollow.ovh

<!doctype html>
<html lang="fr" xmlns:og="http://ogp.me/ns#">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Annuaire Nofollow – Soumission gratuite de sites</title>
    
    <meta name="description" content="Annuaire Nofollow propose aux webmasters la soumission gratuite de leur site..." />
    <meta name="keywords" content="annuaire nofollow gratuit, référencement SEO, netlinking" />
    <meta name="robots" content="index, follow" />
    <meta name="language" content="fr" />

    <link rel="stylesheet" href="https://annuaire-nofollow.ovh/css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="https://annuaire-nofollow.ovh/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://annuaire-nofollow.ovh/css/bootstrap-icons.css">
    <link rel="stylesheet" href="https://annuaire-nofollow.ovh/css/style.css">
    
    <link rel="shortcut icon" href="https://annuaire-nofollow.ovh/favicon/favicon.ico"/>
    <link rel="apple-touch-icon" sizes="180x180" href="https://annuaire-nofollow.ovh/favicon/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="https://annuaire-nofollow.ovh/favicon/favicon-32x32.png" sizes="32x32">
    <link rel="manifest" href="https://annuaire-nofollow.ovh/favicon/manifest.json">
    <link rel="canonical" href="https://annuaire-nofollow.ovh/" />

    <meta property="og:title" content="Annuaire Nofollow – Soumission gratuite de sites"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://annuaire-nofollow.ovh/"/>
    <meta property="og:image" content="nofollow.jpeg"/>
    <meta property="og:description" content="Annuaire Nofollow propose aux webmasters la soumission gratuite de leur site..."/>
</head>

<body class="bg-light">

<nav class="sidebar navbar navbar-expand-md flex-column align-items-start shadow-sm" id="sidebar" style="overflow-y: auto; overflow-x: hidden;">
    
    <div class="w-100">
        <div class="mb-0">
            <h3><span class="fs-4 logo">Annuaire-No</span><span class="fs-4 logo2">Follow</span></h3>
        </div>
        <div class="subtitle mb-4 text-uppercase">SEO Directory • Free</div>

        <button class="navbar-toggler mb-4 w-100 border-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon" style="filter: invert(1);"></span>
        </button>
    </div>

    <div class="collapse navbar-collapse w-100" id="sidebarMenu">
        <ul class="navbar-nav flex-column w-100 pb-5"> <li class="nav-item">
                <a class="nav-link active" href="https://annuaire-nofollow.ovh/">
                    <span class="emoji-bg">🏠</span><span class="link-text">Accueil</span>
                </a>
            </li>
            
            <li class="nav-item">
                <a class="nav-link" href="https://annuaire-nofollow.ovh/soumission/index.php">
                    <span class="emoji-bg">➕</span><span class="link-text">Ajouter un site</span>
                </a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="https://annuaire-nofollow.ovh/nouveaux.php">
                    <span class="emoji-bg">🆕</span><span class="link-text">Nouveautés</span>
                </a>
            </li>
            
            <li class="nav-item">
                <a class="nav-link" href="https://annuaire-nofollow.ovh/refus.php">
                    <span class="emoji-bg">🚫</span><span class="link-text">Sites refusés</span>
                </a>
            </li>
            
            <li class="nav-item">
                <a class="nav-link" href="https://annuaire-nofollow.ovh/recherche.php">
                    <span class="emoji-bg">🔎</span><span class="link-text">Recherche</span>
                </a>
            </li>

            <li class="nav-item border-bottom border-secondary border-opacity-10 my-2"></li>

            <li class="nav-item">
                <a class="nav-link" href="https://annuaire-nofollow.ovh/contact.php">
                    <span class="emoji-bg">✉️</span><span class="link-text">Contact</span>
                </a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="https://annuaire-nofollow.ovh/legale.php">
                    <span class="emoji-bg"><i class="bi bi-shield-check"></i></span><span class="link-text">Notice Légale</span>
                </a>
            </li>
            
            <li class="nav-item mt-3 px-3">
                <div class="form-check form-switch d-flex align-items-center gap-2">
                    <i class="bi bi-sun-fill text-warning"></i>
                    <input class="form-check-input" type="checkbox" id="darkModeToggle" style="cursor: pointer;">
                    <i class="bi bi-moon-stars-fill text-primary"></i>
                </div>
                <span class="small text-muted" style="font-size: 10px;">Mode Sombre</span>
            </li>

            <div class="sidebar-ad mt-4 d-none d-md-block text-center">
                <div class="col-12 border border-secondary border-opacity-25 p-3 bg-light text-center rounded">
                    <small class="text-muted d-block mb-2 text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Publicité AdSense</small>                    
                    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
                    <ins class="adsbygoogle"
                        style="display:block"
                        data-ad-client="ca-pub-6405561271904890"
                        data-ad-slot="3371891841"
                        data-ad-format="auto"
                        data-full-width-responsive="true"></ins>
                    <script>
                        (window.adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>
            </div>
            
        </ul>
    </div>
</nav>
<div class="content">
    <div class="card border-primary shadow-sm mb-4">
        <div class="card-body">
                        <div class="text-center mb-4">
                <h1 class="display-4 mb-3">
                    <span class="logo fw-bold">Annuaire-No</span><span class="logo2 fw-bold">Follow</span>
                </h1>
                <h2 class="h4 text-muted">L’Annuaire Gratuit pour diversifier votre profil de liens</h2>
            </div>
			<div class="col-12 border border-secondary border-opacity-25 p-3 mb-4 bg-light text-center rounded">
				<small class="text-muted d-block mb-2 text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Publicité AdSense</small>                   
				<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
                <ins class="adsbygoogle"
                    style="display:block"
                    data-ad-client="ca-pub-6405561271904890"
                    data-ad-slot="3371891841"
                    data-ad-format="auto"
                    data-full-width-responsive="true"></ins>
                <script>
                    (window.adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;
                    (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>	
			<article class="seo-content">
				<h2>Pourquoi miser sur un annuaire Dofollow / Nofollow de qualité ?</h2>
				<p>Soyons honnêtes : en SEO, s'acharner sur le "tout Dofollow", c'est foncer dans le mur. Google n'est pas dupe et ce qu'il veut voir, c'est du <strong>naturel</strong>. Un profil de liens qui tient la route, c'est avant tout une question d'équilibre. C'est exactement là qu'on intervient.
				</p>

				<p>Pourquoi passer par <strong>Annuaire Nofollow</strong> ? C'est simple, c'est une question de bon sens pour :</p>
				<ul>
					<li><strong>Varier votre netlinking :</strong> Ne mettez pas tous vos œufs dans le même panier. Diversifier ses sources, c'est le meilleur moyen d'esquiver les pénalités pour sur-optimisation.</li>
					<li><strong>Donner un coup de pouce à l'indexation :</strong> Nos robots passent tout le temps. Autant en profiter pour que vos nouvelles pages soient repérées plus vite.</li>
					<li><strong>Attirer du vrai monde :</strong> On oublie souvent qu'un annuaire, c'est aussi fait pour être lu. Nos thématiques attirent des internautes en chair et en os, pas juste des scripts.</li>
					<li><strong>Zéro prise de tête :</strong> C'est gratuit, point barre. Pas de lien retour, pas de frais cachés.</li>
				</ul>

				<hr>

				<h2>Prêt à vous inscrire ? Ça prend 2 minutes</h2>
				<div class="highlight-box">
					<p>On a élagué au maximum pour vous éviter de perdre votre après-midi. Pour que votre fiche passe crème à la validation :</p>
					<ol>
						<li><strong>Visez juste :</strong> Ne postez pas n'importe où. Choisissez la catégorie qui colle vraiment à ce que vous faites.</li>
						<li><strong>Faites un effort sur le texte :</strong> Un descriptif qui a de la gueule et qui est unique. Le copier-coller, c'est la poubelle directe.</li>
						<li><strong>On s'occupe du reste :</strong> On vérifie que tout est d'équerre et on met en ligne rapidement.</li>
					</ol>
				</div>

				<p>
					Que vous lanciez une <strong>petite boutique</strong>, un <strong>site d'artisan</strong> ou votre <strong>blog perso</strong>, il y a forcément une place pour vous ici.
				</p>

				<hr>

				<h2>Un petit plus pour votre projet</h2>
				<p>
					On sait bien que la visibilité ne se construit pas en une nuit. Mais chaque petit signal envoyé aux moteurs est une victoire. En rejoignant <strong>Annuaire Nofollow</strong>, vous ajoutez simplement une brique de plus à votre édifice.
				</p>

				<div class="cta-container text-center mt-4">
				<a class="btn btn-primary btn-lg px-5 py-3 fw-bold shadow-lg" href="https://annuaire-nofollow.ovh/soumission/index.php">
					<i class="bi bi-plus-circle-fill me-2"></i> Soumettre mon site gratuitement
				</a>
			</div>
			</article>
        </div>
    </div>

	<div class="col-12 border border-secondary border-opacity-25 p-3 mb-4 bg-light text-center rounded">
		<small class="text-muted d-block mb-2 text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Publicité AdSense</small>                   
		<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
        <ins class="adsbygoogle"
            style="display:block"
            data-ad-client="ca-pub-6405561271904890"
            data-ad-slot="3371891841"
            data-ad-format="auto"
            data-full-width-responsive="true"></ins>
            <script>
                (window.adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
    </div>	
			
    <div class="card border-primary shadow-sm">
        <div class="card-header bg-transparent border-bottom-0 pt-4">
            <h2 class="text-center fw-bold">Parcourir les catégories</h2>
        </div>
        <div class="card-body">
            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4">
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/media.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Actualités &amp; Médias"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">actualites-medias</h5>
                        </div>
                        <a href="actualites-medias-4-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/alimentation.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Alimentation"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">alimentation</h5>
                        </div>
                        <a href="alimentation-54-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/argent.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Argent"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">argent</h5>
                        </div>
                        <a href="argent-399-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/culture.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Arts &amp; culture"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">arts-culture</h5>
                        </div>
                        <a href="arts-culture-165-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/blogs.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Blogs"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">blogs</h5>
                        </div>
                        <a href="blogs-1576-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/divers.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Divers"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">divers</h5>
                        </div>
                        <a href="divers-62-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/commerce.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="E-commerce"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">e-commerce</h5>
                        </div>
                        <a href="e-commerce-3-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/education.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Education"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">education</h5>
                        </div>
                        <a href="education-645-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/entreprises.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Entreprises"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">entreprises</h5>
                        </div>
                        <a href="entreprises-143-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/informatique.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Informatique"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">informatique</h5>
                        </div>
                        <a href="informatique-52-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/internet.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Internet"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">internet</h5>
                        </div>
                        <a href="internet-26-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/jeux.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Jeux"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">jeux</h5>
                        </div>
                        <a href="jeux-33-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/loisirs.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Loisirs &amp; Divertissement"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">loisirs-divertissement</h5>
                        </div>
                        <a href="loisirs-divertissement-14-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/sante.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Santé"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">sante</h5>
                        </div>
                        <a href="sante-258-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/sport.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Sport"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">sport</h5>
                        </div>
                        <a href="sport-15-1" class="stretched-link"></a>
                    </div>
                </div>
                                <div class="col">
                    <div class="card h-100 text-center border-warning border-opacity-50 category-card shadow-sm-hover">
                        <div class="p-3">
                            <img src="https://annuaire-nofollow.ovh/images/categories/vacances.jpeg" 
                                 class="img-fluid rounded-circle mb-3" 
                                 alt="Tourisme"
                                 style="width: 80px; height: 80px; object-fit: cover; border: 2px solid #FF7800;">
                            <h5 class="card-title h6 fw-bold">tourisme</h5>
                        </div>
                        <a href="tourisme-34-1" class="stretched-link"></a>
                    </div>
                </div>
                            </div>
        </div>
    </div>
	
	<div class="col-12 border border-secondary border-opacity-25 p-3 mb-4 bg-light text-center rounded mt-3">
				<small class="text-muted d-block mb-2 text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Publicité AdSense</small>                   
				<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
                <ins class="adsbygoogle"
                    style="display:block"
                    data-ad-client="ca-pub-6405561271904890"
                    data-ad-slot="3371891841"
                    data-ad-format="auto"
                    data-full-width-responsive="true"></ins>
                <script>
                    (window.adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;
                    (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
    </div>
</div>


<footer class="footer-main mt-5">
    <div class="container">
        <div class="row g-5">
            <div class="col-12 col-md-4">
                <h5 class="fw-bold mb-4 text-uppercase small letter-spacing">Navigation</h5>
                <ul class="list-unstyled">
                    <li class="mb-3"><a href="https://annuaire-nofollow.ovh/" class="footer-link"><i class="bi bi-chevron-right me-2 small"></i>Accueil</a></li>
                    <li class="mb-3"><a href="https://annuaire-nofollow.ovh/soumission/index.php" class="footer-link"><i class="bi bi-chevron-right me-2 small"></i>Soumettre un site</a></li>
                    <li class="mb-3"><a href="https://annuaire-nofollow.ovh/contact.php" class="footer-link"><i class="bi bi-chevron-right me-2 small"></i>Contact</a></li>
                </ul>
            </div>

            <div class="col-12 col-md-4 text-center text-md-start">
                <h5 class="fw-bold mb-4 text-uppercase small letter-spacing">Certifications</h5>
                <div class="d-flex flex-wrap gap-2 justify-content-center justify-content-md-start mb-4">
                    <span class="badge-custom">
                        <i class="bi bi-shield-lock-fill text-info me-1"></i> HTTPS Sécurisé
                    </span>
                    <a href="https://annuaire-nofollow.ovh/rss.php" class="text-decoration-none">
                        <span class="badge-custom badge-rss">
                            <i class="bi bi-rss-fill text-warning me-1"></i> Flux RSS
                        </span>
                    </a>
                </div>
                <ul class="list-unstyled small">
                    <li class="mb-2"><a href="https://annuaire-nofollow.ovh/cookies.php" class="footer-link">Gestion des cookies</a></li>
                    <li class="mb-2"><a href="https://annuaire-nofollow.ovh/legale.php" class="footer-link">Mentions légales</a></li>
                </ul>
            </div>

            <div class="col-12 col-md-4">
                <h5 class="fw-bold mb-4 text-uppercase small letter-spacing text-md-end">Activité de l'annuaire</h5>
                <div class="stat-card shadow-lg">
                    <div class="stat-item">
                        <div class="d-flex align-items-center">
                            <div class="icon-box"><i class="bi bi-globe"></i></div> 
                            <span class="small">Sites validés</span>
                        </div>
                        <span class="fw-bold">5 440</span>
                    </div>
                    <div class="stat-item">
                        <div class="d-flex align-items-center">
                            <div class="icon-box"><i class="bi bi-clock"></i></div> 
                            <span class="small">En attente</span>
                        </div>
                        <span class="fw-bold text-warning">1</span>
                    </div>
                    <div class="stat-item">
                        <div class="d-flex align-items-center">
                            <div class="icon-box"><i class="bi bi-shield-x"></i></div> 
                            <span class="small">Fiches refusées</span>
                        </div>
                        <span class="fw-bold text-danger">2 302</span>
                    </div>
                    <div class="stat-item">
                        <div class="d-flex align-items-center">
                            <div class="icon-box text-secondary"><i class="bi bi-trash3"></i></div> 
                            <span class="small">Sites supprimés</span>
                        </div>
                        <span class="fw-bold small">1 332</span>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row mt-5 pt-4 border-top border-secondary border-opacity-25 align-items-center">
            <div class="col-md-6 text-center text-md-start">
                <p class="small mb-0 opacity-75">
                    &copy; 2026 <span class="fw-bold">Annuaire-Nofollow.ovh</span>
                </p>
            </div>
        </div>

                <div id="cookie-banner" class="fixed-bottom bg-dark text-white p-3 shadow-lg border-top border-warning" style="z-index: 9999;">
            <div class="container d-flex flex-column flex-md-row align-items-center justify-content-between">
                <div class="mb-2 mb-md-0 small">
                    <i class="bi bi-cookie text-warning me-2" style="font-size: 1.2rem;"></i>
                    Autorisez-vous les annonces personnalisées ? Sans choix de votre part, des annonces standard s'afficheront.
                </div>
                <div>
                    <button onclick="setConsent('accepted')" class="btn btn-primary btn-sm me-2 px-3 fw-bold">Accepter tout</button>
                    <button onclick="setConsent('denied')" class="btn btn-outline-light btn-sm px-3">Refuser</button>
                </div>
            </div>
        </div>
        
        <div class="container my-4 text-center">
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6405561271904890" crossorigin="anonymous"></script>
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-6405561271904890"
                 data-ad-slot="3371891841"
                 data-ad-format="auto"
                 data-full-width-responsive="true"></ins>
            <script>
                                    (window.adsbygoogle = window.adsbygoogle || []).requestNonPersonalizedAds = 1;
                                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
                    </div>

    </div>
</footer>

<script src="https://annuaire-nofollow.ovh/js/bootstrap.bundle.min.js"></script>

<script>
/**
 * GESTION DU CONSENTEMENT (AJAX + COOKIE)
 */
function setConsent(status) {
    // 1. Envoi à la base de données via AJAX (envoie à la page actuelle)
    let formData = new FormData();
    formData.append('ajax_consent', status);

    fetch(window.location.href, {
        method: 'POST',
        body: formData
    })
    .then(() => {
        // 2. Création du cookie local (30 jours)
        const date = new Date();
        date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
        document.cookie = "cookie_consent=" + status + "; expires=" + date.toUTCString() + "; path=/; SameSite=Lax";
        
        // 3. Rechargement pour appliquer AdSense
        location.reload();
    })
    .catch(err => {
        console.error("Erreur technique lors de l'enregistrement", err);
        location.reload();
    });
}

/**
 * GESTION DU DARK MODE
 */
const toggle = document.getElementById('darkModeToggle');
const body = document.body;

if (localStorage.getItem('theme') === 'dark') {
    body.classList.add('dark-mode');
    if(toggle) toggle.checked = true;
}

if(toggle) {
    toggle.addEventListener('change', () => {
        if (toggle.checked) {
            body.classList.add('dark-mode');
            localStorage.setItem('theme', 'dark');
        } else {
            body.classList.remove('dark-mode');
            localStorage.setItem('theme', 'light');
        }
    });
}
</script>
</body>
</html>