<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<script async="async" src="https://www.google.com/adsense/search/ads.js" type="text/javascript"></script>
<script src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5100565785454877" crossorigin="anonymous"></script>
<title>Francesurf - Annuaire de référencement local </title>
<link rel="canonical" href="" />
<meta name="description" content="Découvrez les sites internet et les professionnels à votre service. Ajoutez vous aussi votre site et boostez votre référencement local." />
<meta name="author" content="SebH" />
<meta name="robots" content="index, follow" />
<meta name="robots" content="max-image-preview:large" />
<meta name="google-site-verification" content="I2nU8o8pCBqDojDOZM7m4zc5o8aSmEy53NtoB00YJus" />
<meta name="verify-v1" content="6NXc+VDnqGkRy/5O0/RQn68BkeQ26MaO3rLJSRidJJo=" />
<meta property="og:title" content="Francesurf - Annuaire de référencement local " />
<meta property="og:description" content="Découvrez les sites internet et les professionnels à votre service. Ajoutez vous aussi votre site et boostez votre référencement local." />
<meta property="og:url" content="" />
<meta property="og:type" content="" />
<meta property="og:image" content="" />
<meta property="og:image:width" content="560" />
<meta property="og:image:height" content="336" />
<meta property="og:site_name" content="FranceSurf" />
<meta property="og:locale" content="fr_FR" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@francesurf" />
<meta name="twitter:site" content="@francesurf" />
<meta name="twitter:url" content="" />
<meta name="twitter:title" content="Francesurf - Annuaire de référencement local " />
<meta name="twitter:description" content="Découvrez les sites internet et les professionnels à votre service. Ajoutez vous aussi votre site et boostez votre référencement local." />
<meta name="twitter:domain" content="francesurf.net"/>
<meta name="twitter:image" content="" />
<meta name="geo.country" content="FR" />
<meta name="geo.position" content="0; 0" />
<meta name="geo.placename" content="" />
<meta name="geo.region" content="FR" />
<meta name="p:domain_verify" content="79b4c238e7fcc4ddfd0ff1b92e3cc7ee"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Dark mode -->
<script>
const storedTheme = localStorage.getItem('theme')
const getPreferredTheme = () => {
if (storedTheme) {
return storedTheme
}
return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'light'
}
const setTheme = function (theme) {
if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.setAttribute('data-bs-theme', 'dark')
} else {
document.documentElement.setAttribute('data-bs-theme', theme)
}
}
setTheme(getPreferredTheme())
window.addEventListener('DOMContentLoaded', () => {
var el = document.querySelector('.theme-icon-active');
if(el != 'undefined' && el != null) {
const showActiveTheme = theme => {
const activeThemeIcon = document.querySelector('.theme-icon-active use')
const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href')
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
element.classList.remove('active')
})
btnToActive.classList.add('active')
activeThemeIcon.setAttribute('href', svgOfActiveBtn)
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
if (storedTheme !== 'light' || storedTheme !== 'dark') {
setTheme(getPreferredTheme())
}
})
showActiveTheme(getPreferredTheme())
document.querySelectorAll('[data-bs-theme-value]')
.forEach(toggle => {
toggle.addEventListener('click', () => {
const theme = toggle.getAttribute('data-bs-theme-value')
localStorage.setItem('theme', theme)
setTheme(theme)
showActiveTheme(theme)
})
})
}
})
</script>
<!-- Favicon -->
<link rel="shortcut icon" href="https://francesurf.net/assets/images/favicon.ico">
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Plugins CSS -->
<link rel="stylesheet" type="text/css" href="https://francesurf.net/assets/vendor/font-awesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="https://francesurf.net/assets/vendor/bootstrap-icons/bootstrap-icons.min.css">
<link rel="stylesheet" type="text/css" href="https://francesurf.net/assets/vendor/tiny-slider/tiny-slider.css">
<!-- Theme CSS -->
<link rel="stylesheet" type="text/css" href="https://francesurf.net/assets/css/style.css">
<link rel="stylesheet" type="text/css" href="https://francesurf.net/assets/css/style-v5.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "FranceSurf",
"url": "https://francesurf.net/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://francesurf.net/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
</head>
<body>
<!-- Offcanvas START -->
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasMenu">
<div class="offcanvas-header justify-content-end">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body d-flex flex-column pt-0">
<div>
<img class="light-mode-item my-3" src="https://francesurf.net/assets/images/logo/francesurf-day.png" alt="Logo FranceSurf">
<img class="dark-mode-item my-3" src="https://francesurf.net/assets/images/logo/francesurf-night.png" alt="Logo FranceSurf de nuit">
<p>Surfez près de chez vous sur le web<br/></p>
<!-- Nav START -->
<ul class="nav d-block flex-column my-4">
<li class="nav-item h5">
<a class="nav-link" href="https://francesurf.net">Accueil</a>
<li>
<li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/corse/corse-du-sud/index,8,2A,187,1.htm"><i class="bi bi-geo-alt-fill"></i> Ajaccio</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/pays-de-la-loire/maine-et-loire/index,13,49,9,1.htm"><i class="bi bi-geo-alt-fill"></i> Angers</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/outre-mer/guadeloupe/index,23,971,4902,1.htm"><i class="bi bi-geo-alt-fill"></i> Basse-Terre</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/nouvelle-aquitaine/gironde/index,58,33,6,1.htm"><i class="bi bi-geo-alt-fill"></i> Bordeaux</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/outre-mer/guyane-francaise/index,23,973,4937,1.htm"><i class="bi bi-geo-alt-fill"></i> Cayenne </a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/bourgogne-franche-comte/cote-d-or/index,55,21,126,1.htm"><i class="bi bi-geo-alt-fill"></i> Dijon</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/outre-mer/martinique/index,23,972,94,1.htm"><i class="bi bi-geo-alt-fill"></i> Fort-de-France</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/hauts-de-france/nord/index,57,59,11,1.htm"><i class="bi bi-geo-alt-fill"></i> Lille</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/auvergne-rhone-alpes/rhone/index,54,69,14,1.htm"><i class="bi bi-geo-alt-fill"></i> Lyon</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/paca/bouches-du-rhone/index,21,13,4,1.htm"><i class="bi bi-geo-alt-fill"></i> Marseille</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/occitanie/herault/index,59,34,54,1.htm"><i class="bi bi-geo-alt-fill"></i> Montpellier</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/pays-de-la-loire/loire-atlantique/index,13,44,8,1.htm"><i class="bi bi-geo-alt-fill"></i> Nantes</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/centre-val-de-loire/loiret/index,6,45,1983,1.htm"><i class="bi bi-geo-alt-fill"></i> Orléans</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/ile-de-france/paris/index,10,75,9352,1.htm"><i class="bi bi-geo-alt-fill"></i> Paris</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/bretagne/ille-et-vilaine/index,5,35,21,1.htm"><i class="bi bi-geo-alt-fill"></i> Rennes</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/normandie/seine-maritime/index,17,76,2,1.htm"><i class="bi bi-geo-alt-fill"></i> Rouen</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/outre-mer/reunion/index,23,974,691,1.htm"><i class="bi bi-geo-alt-fill"></i> Saint-Denis</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/grand-est/bas-rhin/index,56,67,26,1.htm"><i class="bi bi-geo-alt-fill"></i> Strasbourg</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/occitanie/haute-garonne/index,59,31,5,1.htm"><i class="bi bi-geo-alt-fill"></i> Toulouse</a></li><li class="nav-item h5"><a class="nav-link" href="https://francesurf.net/centre-val-de-loire/indre-et-loire/index,6,37,56,1.htm"><i class="bi bi-geo-alt-fill"></i> Tours</a></li>
</ul>
<!-- Nav END -->
<div class="bg-primary bg-opacity-10 p-4 mb-4 text-center w-100 rounded">
<span>Portail de réferencement web</span>
<h3>Boostez votre<br/>SEO LOCAL</h3>
<p>Tout un panel de services SEO à votre disposition. Ajoutez votre site dès aujourd'hui!</p>
<a href="https://francesurf.net/adminseo/fr/ajoutez-votre-site" class="btn btn-warning">C'est parti !</a>
</div>
</div>
</div>
</div>
<!-- Offcanvas END -->
<!-- =======================
Header START -->
<header class="navbar-light navbar-sticky header-static">
<div class="navbar-top d-none d-lg-block small">
<div class="container">
<div class="d-md-flex justify-content-between align-items-center my-2">
<!-- Top bar left -->
<ul class="nav">
<li class="nav-item">
<a class="nav-link ps-0" href="https://francesurf.net/adminseo/fr/accueil">Identifiez-vous / Créez un compte</a>
</li>
</ul>
<!-- Top bar right -->
<div class="d-flex align-items-center">
<!-- Font size accessibility START -->
<div class="btn-group me-3" role="group" aria-label="font size changer">
<input type="radio" class="btn-check" name="fntradio" id="font-sm">
<label class="btn btn-xs btn-outline-primary mb-0" for="font-sm">A-</label>
<input type="radio" class="btn-check" name="fntradio" id="font-default" checked>
<label class="btn btn-xs btn-outline-primary mb-0" for="font-default">A</label>
<input type="radio" class="btn-check" name="fntradio" id="font-lg">
<label class="btn btn-xs btn-outline-primary mb-0" for="font-lg">A+</label>
</div>
<!-- Font size accessibility END -->
<!-- Dark mode options START -->
<div class="nav-item dropdown mx-2">
<!-- Switch button -->
<button class="modeswitch" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static">
<svg class="theme-icon-active"><use href="#"></use></svg>
</button>
<!-- Dropdown items -->
<ul class="dropdown-menu min-w-auto dropdown-menu-end" aria-labelledby="bd-theme">
<li class="mb-1">
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light">
<svg width="16" height="16" fill="currentColor" class="bi bi-brightness-high-fill fa-fw mode-switch me-1" viewbox="0 0 16 16">
<path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
<use href="#"></use>
</svg>Light
</button>
</li>
<li class="mb-1">
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars-fill fa-fw mode-switch me-1" viewbox="0 0 16 16">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
<use href="#"></use>
</svg>Dark
</button>
</li>
</ul>
</div>
<!-- Dark mode options END -->
<ul class="nav">
<li class="nav-item">
<a class="nav-link px-2 fs-5" href="https://www.francesurf.net/francesurf" target="_blank"><i class="bi bi-facebook"></i></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 fs-5" href="https://x.com/francesurf" target="_blank"><i class="bi bi-twitter-x" target="_blank"></i></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 fs-5" href="https://www.linkedin.com/company/francesurf"><i class="bi bi-linkedin" target="_blank"></i></a>
</li>
<li class="nav-item">
<a class="nav-link px-2 fs-5" href="https://www.youtube.com/@FrancesurfNet"><i class="bi bi-youtube" target="_blank"></i></a>
</li>
<li class="nav-item">
<a class="nav-link ps-2 pe-0 fs-5" href="https://bsky.app/profile/francesurf.net" target="_blank"><i class="bi bi-bluesky"></i></a>
</li>
</ul>
</div>
</div>
<!-- Divider -->
<div class="border-bottom border-2 border-primary opacity-1"></div>
</div>
</div>
<!-- Logo Nav START -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo START -->
<a class="navbar-brand" href="https://francesurf.net">
<img class="navbar-brand-item light-mode-item" src="https://francesurf.net/assets/images/logo/francesurf-day.png" alt="Logo FranceSurf">
<img class="dnavbar-brand-item dark-mode-item" src="https://francesurf.net/assets/images/logo/francesurf-night.png" alt="Logo FranceSurf de nuit">
</a>
<!-- Logo END -->
<!-- Responsive navbar toggler -->
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="text-body h6 d-none d-sm-inline-block">Menu</span>
<span class="navbar-toggler-icon"></span>
</button>
<!-- Main navbar START -->
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav navbar-nav-scroll mx-auto">
<li class="nav-item"> <a class="nav-link position-relative" href="https://francesurf.net/flux">Mon Flux<sup class="text-danger fs-3" style="top: -0.1em;">•</sup></a></li>
<!-- Nav item Catégories Mega menu -->
<li class="nav-item dropdown dropdown-fullwidth">
<a class="nav-link dropdown-toggle" href="#" id="megaMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Catégories</a>
<div class="dropdown-menu" aria-labelledby="megaMenu">
<div class="container">
<div class="row g-4 p-3 flex-fill" style="max-height:450px;overflow:auto;overflow-x: hidden;">
<!-- Card item START -->
<div class="col-sm-12 col-lg-3">
<div class="card bg-transparent">
<a class="dropdown-item" href="https://francesurf.net/activites-sportives/index,0,0,0,2.htm"><i class="text-warning fa-fw bi bi-trophy me-2"></i>Activités sportives</a><a class="dropdown-item" href="https://francesurf.net/animaux-et-nature/index,0,0,0,48.htm"><i class="text-warning fa-fw bi bi-globe-europe-africa me-2"></i>Animaux et Nature</a><a class="dropdown-item" href="https://francesurf.net/artisanat/index,0,0,0,114.htm"><i class="text-warning fa-fw bi bi-watch me-2"></i>Artisanat</a><a class="dropdown-item" href="https://francesurf.net/arts-et-culture/index,0,0,0,67.htm"><i class="text-warning fa-fw bi bi-film me-2"></i>Arts et Culture</a><a class="dropdown-item" href="https://francesurf.net/blogs/index,0,0,0,2505.htm"><i class="text-warning fa-fw bi bi-pen me-2"></i>Blogs</a><a class="dropdown-item" href="https://francesurf.net/commerce-et-economie/index,0,0,0,110.htm"><i class="text-warning fa-fw bi bi-shop-window me-2"></i>Commerce et Economie</a><a class="dropdown-item" href="https://francesurf.net/communication-et-medias/index,0,0,0,341.htm"><i class="text-warning fa-fw bi bi-envelope-at me-2"></i>Communication et Médias</a><a class="dropdown-item" href="https://francesurf.net/education/index,0,0,0,162.htm"><i class="text-warning fa-fw bi bi-pencil me-2"></i>Éducation</a><a class="dropdown-item" href="https://francesurf.net/emploi/index,0,0,0,193.htm"><i class="text-warning fa-fw bi bi-briefcase me-2"></i>Emploi</a>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-12 col-lg-3 mt-0 mt-lg-4">
<div class="card bg-transparent">
<a class="dropdown-item" href="https://francesurf.net/enfants-et-adolescents/index,0,0,0,313.htm"><i class="text-warning fa-fw bi bi-puzzle me-2"></i>Enfants et adolescents</a><a class="dropdown-item" href="https://francesurf.net/environnement-et-ecologie/index,0,0,0,54.htm"><i class="text-warning fa-fw bi bi-tree me-2"></i>Environnement et écologie</a><a class="dropdown-item" href="https://francesurf.net/feminin/index,0,0,0,203.htm"><i class="text-warning fa-fw bi bi-gender-female me-2"></i>Féminin</a><a class="dropdown-item" href="https://francesurf.net/formations/index,0,0,0,198.htm"><i class="text-warning fa-fw bi bi-book me-2"></i>Formations</a><a class="dropdown-item" href="https://francesurf.net/gastronomie/index,0,0,0,208.htm"><i class="text-warning fa-fw bi bi-cup-hot me-2"></i>Gastronomie</a><a class="dropdown-item" href="https://francesurf.net/immobilier-et-btp/index,0,0,0,255.htm"><i class="text-warning fa-fw bi bi-key me-2"></i>Immobilier et BTP</a><a class="dropdown-item" href="https://francesurf.net/industrie/index,0,0,0,135.htm"><i class="text-warning fa-fw bi bi-wrench-adjustable me-2"></i>Industrie</a><a class="dropdown-item" href="https://francesurf.net/informatique-et-internet/index,0,0,0,260.htm"><i class="text-warning fa-fw bi bi-laptop me-2"></i>Informatique et Internet</a><a class="dropdown-item" href="https://francesurf.net/loisirs-et-hobbies/index,0,0,0,320.htm"><i class="text-warning fa-fw bi bi-emoji-smile me-2"></i>Loisirs et Hobbies</a>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-12 col-lg-3 mt-0 mt-lg-4">
<div class="card bg-transparent">
<a class="dropdown-item" href="https://francesurf.net/made-in-france/index,0,0,0,6738.htm"><i class="text-warning fa-fw bi bi-star me-2"></i>Made in France</a><a class="dropdown-item" href="https://francesurf.net/maison-et-decoration/index,0,0,0,1078.htm"><i class="text-warning fa-fw bi bi-lamp-fill me-2"></i>Maison et décoration</a><a class="dropdown-item" href="https://francesurf.net/mode-et-vetements/index,0,0,0,154.htm"><i class="text-warning fa-fw bi bi-tags me-2"></i>Mode et vêtements</a><a class="dropdown-item" href="https://francesurf.net/sante-et-hygiene/index,0,0,0,366.htm"><i class="text-warning fa-fw bi bi-heart-pulse me-2"></i>Santé et Hygiène</a><a class="dropdown-item" href="https://francesurf.net/societe/index,0,0,0,379.htm"><i class="text-warning fa-fw bi bi-people me-2"></i>Société</a><a class="dropdown-item" href="https://francesurf.net/sorties-et-soirees/index,0,0,0,358.htm"><i class="text-warning fa-fw bi bi-moon me-2"></i>Sorties et soirées</a><a class="dropdown-item" href="https://francesurf.net/tourisme-et-hebergement/index,0,0,0,412.htm"><i class="text-warning fa-fw bi bi-luggage me-2"></i>Tourisme et Hébergement</a><a class="dropdown-item" href="https://francesurf.net/transports/index,0,0,0,432.htm"><i class="text-warning fa-fw bi bi-bus-front me-2"></i>Transports</a><a class="dropdown-item" href="https://francesurf.net/villes-et-villages/index,0,0,0,486.htm"><i class="text-warning fa-fw bi bi-houses me-2"></i>Villes et villages</a>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-12 col-lg-3">
<div class="bg-primary bg-opacity-10 p-4 text-center h-100 w-100 rounded">
<span>Parlez de votre activité et</span>
<h3>boostez le référencement</h3>
<p>de votre site internet!</p>
<a href="https://francesurf.net/adminseo/fr/ajoutez-votre-site" class="btn btn-success">Ajoutez votre site</a>
</div>
</div>
<!-- Card item END -->
</div> <!-- Row END -->
<!-- Trending tags -->
<div class="row px-3">
<div class="col-12">
<ul class="list-inline mt-3">
<li class="list-inline-item">Tendances :</li>
<li class="list-inline-item"><a href="https://francesurf.net/luminaires/index,0,0,0,3297.htm" class="btn btn-sm btn-primary-soft">Luminaires</a></li><li class="list-inline-item"><a href="https://francesurf.net/agences-immobilieres/index,0,0,0,257.htm" class="btn btn-sm btn-primary-soft">Agences immobilières</a></li><li class="list-inline-item"><a href="https://francesurf.net/villas/index,0,0,0,2428.htm" class="btn btn-sm btn-primary-soft">Villas</a></li><li class="list-inline-item"><a href="https://francesurf.net/creation-de-sites-internet/index,0,0,0,297.htm" class="btn btn-sm btn-primary-soft">Création de sites Internet</a></li><li class="list-inline-item"><a href="https://francesurf.net/locations-saisonnieres/index,0,0,0,424.htm" class="btn btn-sm btn-primary-soft">Locations saisonnières</a></li>
</ul>
</div>
</div> <!-- Row END -->
</div>
</div>
</li>
<!-- Nav item 2 Pages -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="geolinks" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Régions</a>
<ul class="dropdown-menu" aria-labelledby="geolinks">
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/auvergne-rhone-alpes/index,54,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-12px;top:0px;color: white;"></i><span style="padding-left:5px;">Auvergne-Rhône-Alpes</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/bourgogne-franche-comte/index,55,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-10px;top:-3px;color: white;"></i><span style="padding-left:3px;">Bourgogne-Franche-Comté</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/bretagne/index,5,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-18px;top:-5px;color: white;"></i><span style="padding-left:11px;">Bretagne</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/centre-val-de-loire/index,6,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-14px;top:-4px;color: white;"></i><span style="padding-left:7px;">Centre-Val de Loire</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/corse/index,8,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-7px;top:10px;color: orange;"></i><span style="padding-left:0px;">Corse</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/grand-est/index,56,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-8px;top:-5px;color: white;"></i><span style="padding-left:1px;">Grand Est</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/hauts-de-france/index,57,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-11px;top:-7px;color: white;"></i><span style="padding-left:4px;">Hauts-de-France</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/ile-de-france/index,10,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-13px;top:-4px;color: white;"></i><span style="padding-left:6px;">Île-de-France</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/normandie/index,17,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-15px;top:-7px;color: white;"></i><span style="padding-left:8px;">Normandie</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/nouvelle-aquitaine/index,58,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-15px;top:0px;color: white;"></i><span style="padding-left:8px;">Nouvelle-Aquitaine</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/occitanie/index,59,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-13px;top:1px;color: white;"></i><span style="padding-left:6px;">Occitanie</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/pays-de-la-loire/index,13,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-17px;top:-3px;color: white;"></i><span style="padding-left:10px;">Pays de la Loire</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/paca/index,21,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-9px;top:2px;color: white;"></i><span style="padding-left:2px;">Provence-Alpes-Côte d'Azur</span></a>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item" href="https://francesurf.net/outre-mer/index,23,0,0,1.htm" ><i class="bi bi-hexagon-fill" style="margin-left:-10px;font-size:1rem;color:orange;"></i><i class="bi bi-record-circle me-2" style="font-size:0.6rem;position:relative;margin-left:-25px;top:10px;color: orange;"></i><span style="padding-left:18px;">Outre-Mer</span></a>
</li>
</ul>
</li>
<!-- Nav item 3 Post -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="postMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Nouveautés</a>
<ul class="dropdown-menu" aria-labelledby="postMenu">
<!-- dropdown submenu -->
<li> <a class="dropdown-item" href="https://francesurf.net/communiques/">Dernières publications des sites</a> </li>
<li> <a class="dropdown-item" href="https://francesurf.net/mises-a-jour/">Dernières mises à jour</a> </li>
<li> <a class="dropdown-item" href="https://francesurf.net/dossiers/">Derniers dossiers</a> </li>
<li> <a class="dropdown-item" href="https://francesurf.net/articles/">Derniers articles</a> </li>
<li class="dropdown-divider"></li>
<li> <a class="dropdown-item" href="https://francesurf.net/categories-recentes/">Dernières catégories créées</a> </li>
<li class="dropdown-divider"></li>
</ul>
</li>
<!-- Nav item 4 Mega menu -->
<li class="nav-item dropdown dropdown-fullwidth">
<a class="nav-link dropdown-toggle" href="#" id="megaMenu2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services</a>
<div class="dropdown-menu" aria-labelledby="megaMenu2">
<div class="container">
<div class="row g-4 p-3 pb-0 flex-fill">
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded lazy" src="https://francesurf.net/assets/images/services/services-ia.png" alt="Nos services assistés par intelligence artificielle">
<div class="card-body px-0 pt-3">
<span class="card-title h5 mb-0 fw-bold">Services assistés par IA</span>
<!-- Card info -->
<ul class="nav small mt-2">
<li class="dropdown-item fs-6 ps-0 pb-1 pt-1 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/base-de-connaissances" class="text-reset btn-link">Base de connaissance de votre site</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/idees-articles" class="text-reset btn-link">Idées d'articles pour votre site</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/explorateur-de-mots-cles-par-ia" class="text-reset btn-link">Explorateur de mots clés</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/redacteur-de-paragraphe-par-ia" class="text-reset btn-link">Générateur de paragraphes</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/donnees-locales" class="text-reset btn-link">Générateur de contenu local</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded lazy" src="https://francesurf.net/assets/images/services/services-seo.png" alt="Nos services pour améliorer le référencement de votre site">
<div class="card-body px-0 pt-3">
<span class="card-title h5 mb-0 fw-bold">Boostez votre référencement</span>
<!-- Card info -->
<ul class="nav small mt-2">
<li class="dropdown-item fs-6 ps-0 pb-1 pt-1 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/publier" class="text-reset btn-link">Publiez des articles</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/liens-profonds" class="text-reset btn-link">Ajoutez vos liens profonds</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/flux-rss" class="text-reset btn-link">Ajoutez un flux RSS</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/ancre-geographique" class="text-reset btn-link">Activez une ancre géographique</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/adminseo/fr/profils-sociaux" class="text-reset btn-link">Intégrez vos profils sociaux</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="card bg-transparent">
<!-- Card img -->
<img class="card-img rounded lazy" src="https://francesurf.net/assets/images/services/services-plus.png" alt="Card image">
<div class="card-body px-0 pt-3">
<span class="card-title h5 mb-0 fw-bold">Services personnalisés</span>
<!-- Card info -->
<ul class="nav small mt-2">
<li class="dropdown-item fs-6 ps-0 pb-1 pt-1 mb-2 mt-0">
<a href="https://francesurf.net/contactez-nous/" class="text-reset btn-link">Baisse d'activité ?</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/contactez-nous/" class="text-reset btn-link">Conception de kit publicitaire</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/contactez-nous/" class="text-reset btn-link">Gestion de votre intégration</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/contactez-nous/" class="text-reset btn-link">Gestion de vos publications</a>
</li>
<li class="dropdown-item fs-6 ps-0 pb-1 pt-0 mb-2 mt-0">
<a href="https://francesurf.net/contactez-nous/" class="text-reset btn-link">Développement sur mesure</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="col-sm-6 col-lg-3">
<div class="bg-primary bg-opacity-10 p-4 text-center h-100 w-100 rounded">
<p>Améliorez votre référencement</p>
<h3 class="text-uppercase">Découvrez nos services</h3>
<p>Rejoignez-nous !</p>
<a href="https://francesurf.net/adminseo/fr/ajoutez-votre-site" class="btn btn-primary">Ajoutez votre site</a>
</div>
</div>
<!-- Card item END -->
</div> <!-- Row END -->
<!-- Trending services -->
<div class="row px-3 mt-0">
<div class="col-12">
<ul class="list-inline mt-3">
<li class="list-inline-item"><strong>Les + utilisés :</strong></li>
<li class="list-inline-item"><a href="https://francesurf.net/adminseo/fr/publier" class="btn btn-sm btn-primary-soft">Publications</a></li>
<li class="list-inline-item"><a href="https://francesurf.net/adminseo/fr/base-de-connaissances" class="btn btn-sm btn-warning-soft">Site profiler</a></li>
<li class="list-inline-item"><a href="https://francesurf.net/adminseo/fr/explorateur-de-mots-cles-par-ia" class="btn btn-sm btn-success-soft">Keyword Explorer</a></li>
<li class="list-inline-item"><a href="https://francesurf.net/adminseo/fr/campagne-publicitaire" class="btn btn-sm btn-danger-soft">Campagne pub</a></li>
<li class="list-inline-item"><a href="https://francesurf.net/adminseo/fr/profils-sociaux" class="btn btn-sm btn-info-soft">Profils sociaux</a></li>
<li class="list-inline-item"><a href="https://francesurf.net/adminseo/fr/flux-rss" class="btn btn-sm btn-primary-soft">Flux RSS</a></li>
<li class="list-inline-item"><a href="https://francesurf.net/adminseo/fr/ancre-geographique" class="btn btn-sm btn-success-soft">Ancre Géo</a></li>
<li class="list-inline-item"><a href="https://francesurf.net/adminseo/fr/liens-profonds" class="btn btn-sm btn-danger-soft">Liens profonds</a></li>
</ul>
</div>
</div> <!-- Row END -->
</div>
</div>
</li>
</ul>
</div>
<!-- Main navbar END -->
<!-- Nav right START -->
<div class="nav flex-nowrap align-items-center">
<!-- Nav Search -->
<div class="nav-item dropdown dropdown-toggle-icon-none nav-search">
<a class="nav-link dropdown-toggle" role="button" href="#" id="navSearch" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-search fs-4"> </i>
</a>
<div class="dropdown-menu dropdown-menu-end shadow rounded p-2" aria-labelledby="navSearch">
<form class="input-group" method="post" action="https://francesurf.net">
<input class="form-control border-primary" name="q" type="search" placeholder="Rechercher..." aria-label="Rechercher...">
<button class="btn btn-primary m-0" type="submit">OK</button>
</form>
</div>
</div>
<!-- Offcanvas menu toggler -->
<div class="nav-item">
<a class="nav-link p-0" data-bs-toggle="offcanvas" href="#offcanvasMenu" role="button" aria-controls="offcanvasMenu">
<i class="bi bi-geo-alt rtl-flip fs-2 bounce-in" data-bs-target="#offcanvasMenu"> </i>
</a>
</div>
</div>
<!-- Nav right END -->
</div>
</nav>
<!-- Logo Nav END -->
</header>
<!-- =======================
Header END -->
<!-- **************** MAIN CONTENT START **************** -->
<main>
<section class="p-0 m-0">
<div class="container d-flex justify-content-between">
<!-- breadcrumb -->
<nav aria-label="breadcrumb">
</nav>
<div class="small"><a data-bs-toggle="offcanvas" href="#offcanvasMenu" role="button" aria-controls="offcanvasMenu" data-bs-target="#offcanvasMenu"><i class="bi bi-geo-alt rtl-flip bounce-in visible"> </i> Filtrer</a></div>
</div>
</section>
<!-- =======================
Main content START -->
<section class="position-relative pt-2">
<div class="container" data-sticky-container>
<div class="row">
<!-- Title -->
<div>
<h1 class="m-0 h2"><i class="bi bi-chat-square-text me-2"></i>À la une aujourd'hui</h1>
<h2 class="mb-0 mt-1 h6 pb-0 fw-normal">L'actualité des sites internet et des boutiques en ligne</h2>
</div>
<hr class="mt-3">
<div class="row col-12 pt-3 mb-0 pb-3 m-0 p-0">
<!-- Colonne gauche -->
<div class="col-12 col-lg-3 pe-lg-0">
<p>Bienvenue dans votre guide local pour découvrir les sites internet proches de chez vous.</p><p>Consultable par thématique et par localisation, notre annuaire vous accompagne au quotidien pour surfer sur le web et vous permettre d'en connaître les sites incontournables.</p><p>Profitez d'offres exclusives, tenez-vous informé·e des actualités de vos sites préférés et participez à l'économie de proximité en privilégiant vos commerçants ou prestataires de services locaux.</p>
</div>
<!-- Colonne centrale -->
<div id="myMap" class="col-12 col-lg-6 ps-lg-4">
<div class="row pb-3 rounded mx-1">
<div class="col-12 ps-0 pe-0 pe-lg-1">
<div class="header-placeholder">
<div class="bg-text-giant bg-light-subtle bg-opacity-10">
À la une aujourd'hui
</div>
<div class="grid-overlay">
</div>
<div class="content-left w-100">
<h2 class="entry-title fs-4 fs-lg-3 bg-light-subtle my-0 rounded-top-2 border-1 shadow py-3 pe-3" style="opacity:.8;">Sommaire</h2>
<div class="entry-geo fs-5 fs-lg-4 bg-primary text-white shadow rounded-bottom-2 my-0" style="opacity:.9;">
<span class="geolevel"></span>
</div>
</div>
<div class="stack-container">
<div class="stack-item item-tablet-top"></div>
<div class="stack-item item-tablet-middle"></div>
<div class="stack-item item-tablet-bottom"></div>
<div class="stack-item item-bottom"></div>
<div class="stack-item item-middle"></div>
<div class="stack-item item-top">
<div class="image-overlay"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Colonne droite -->
<div id="" class="col-12 col-lg-3 mt-3 mt-lg-0">
<div id="MySmallMap" class="rounded" style="width:100%;height:100%;min-height:150px;">
<p>Vous êtes éditeur d'un site internet ?</p><p>Faites-vous connaître tout en améliorant le référencement général et local de votre site internet, et augmentez vos chances d'être listé dans les réponses des assistants conversationnels.</p><p>Découvrez dès maintenant nos outils SEO et diffusez vos offres et les actualité de votre activité.</p>
<!-- Button -->
<div class="mt-3">
<a href="https://francesurf.net/adminseo/fr/ajoutez-votre-site" class="btn btn-primary mb-0 w-100"><i class="bi bi-window-plus me-2"></i>Ajouter un site</a>
</div>
</div>
</div>
</div>
<hr>
<script>
function toggleFollow(idSite) {
var xhr = new XMLHttpRequest();
var btn = document.getElementById('btn-follow-' + idSite);
// Préparation de la requête POST vers notre page dédiée
xhr.open("POST", "https://francesurf.net/_pages_v5/_aj_follow_site.aspx", true);
xhr.timeout = 5000; // On attend maximum 5 secondes
xhr.ontimeout = function () {
alert("Le serveur met trop de temps à répondre. Merci de réessayer plus tard.");
btn.disabled = false;
};
// Indispensable pour que le serveur reçoive les données comme un formulaire
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
btn.innerHTML = '...';
if (xhr.readyState === 4 && xhr.status === 200) {
// On récupère la réponse brute du serveur
var reponse = xhr.responseText.trim();
if (reponse === "LOGIN") {
alert("Veuillez vous reconnecter ou vous inscrire.");
window.location.href = "https://francesurf.net/adminseo/fr/accueil"; // Redirection automatique
return;
}
if (reponse === "1") {
btn.classList.add('following');
btn.innerHTML = '<i class="bi bi-check-circle-fill"></i> Suivi';
} else {
btn.classList.remove('following');
btn.innerHTML = '<i class="bi bi-star"></i> Suivre';
}
}
};
// Envoi des données formatées comme un formulaire classique
xhr.send("idSite=" + idSite);
}
function shareSite(title, url) {
// 1. On tente le partage natif (Mobile/HTTPS)
if (navigator.share) {
navigator.share({
title: title,
text: 'Découvrez ce prestataire :',
url: url
}).catch(() => {}); // On ignore l'erreur si l'utilisateur annule le partage
}
// 2. Si pas de partage, on tente le presse-papier (HTTPS requis)
else if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(url).then(() => {
alert("Lien copié dans le presse-papier !");
}).catch(() => {
// Secours ultime si le presse-papier échoue
prompt("Copiez ce lien :", url);
});
}
// 3. Secours ultime pour HTTP ou vieux navigateurs
else {
prompt("Copiez ce lien pour le partager :", url);
}
}
</script>
<!-- Main Post START -->
<div class="col-lg-9 ps-0">
<div class="row ms-0">
<!-- Contebnu principal START -->
<div class="col-lg-9">
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #6F757E;">Festival du jeu de rôle</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://francesurf.net/images/illustrations/jeux-de-role/kaysersberg-festival-du-jeu-de-role-festival-690x515.png" alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#6F757E;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Un festival dédié aux jeux de rôle
<br><i class="bi bi-geo-alt"></i> Kaysersberg (68)
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #6F757E;opacity:0.9;">
<a href="https://francesurf.net/news/festival-du-jeu-de-role-festival-consacre-au-jeu-de-role-sous-toutes-ses-formes-f_95669.htm" id="btn-fiche-95669" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-95669" class="small rounded btn-site p-1" onclick="shareSite('Festival du jeu de rôle - Festival consacré au jeu de rôle sous toutes ses formes', 'https://francesurf.net/news/festival-du-jeu-de-role-festival-consacre-au-jeu-de-role-sous-toutes-ses-formes-f_95669.htm')"><i class="bi bi-share"></i> Partager</a>
<a href="https://francesurf.net/@FestivalDuJeuDeRole" id="btn-follow3-95669" class="small rounded btn-site p-1"><i class="bi bi-at"></i> Blog</a>
<a id="btn-follow-95669" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(95669)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Nouveau</a>
<a class="badge mt-1 mb-2" style="background-color: #6F757E;"><i class="fas fa-circle me-2 small fw-bold"></i>Jeux de rôle</a>
<h3 class="h4"><a href="https://www.festivaldujeuderole.fr/" target ="_blank" class="btn-link text-reset">Festival consacré au jeu de rôle sous toutes ses formes</a></h3>
<p>
Ce festival vous propose chaque année le temps d'un week-end des animations variées (Trollball, énigmes, chemin du voleur, tir à l’arc, ...) et des parties JDR papier/figurine dans des univers antique, fantastique, contemporain et science-fiction, ainsi que des jeux de société et de plateaux pour tous les âges...
</p>
</div>
<div class="col-12 mt-2">
<h4><a href="https://francesurf.net/archives/2026/4/20e-festival-du-jeu-de-role-a_23368.htm" class="btn-link text-reset">20e festival du jeu de rôle</a></h4>
<p>Venez en famille ou entre amies/amis découvrir les différentes facettes du Jeu de Rôle ! Cette année le festival fête sa 20ème édition avec comme thématique les animaux mythiques. Le temps d'un week-end, vous pourrez tester : - le Grandeur Nature : incarnez un personnage et aidez nos aventuriers/chevaleresses à travers différentes animations : Trollball, énigmes, chemin du voleur, tir à l'arc. . . qui leur font gagner des points. - Jeu de rôle (JDR) papier et figurine : parties d'initiations ou longues parties, sur différents univers : antique, fantastique, contemporain, science-fiction. </p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#6F757E;"></i> <a href="https://francesurf.net/recherche/jeux-de-role.htm" class="btn-link text-reset">Jeux de rôle</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#6F757E;"></i> <a href="https://francesurf.net/recherche/edition-de-jeux-de-role.htm" class="btn-link text-reset">Édition de jeux de rôle</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#6F757E;"></i> <a href="https://francesurf.net/recherche/partie-de-jeu-de-role.htm" class="btn-link text-reset">Partie de jeu de rôle</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#6F757E;"></i> <a href="https://francesurf.net/recherche/jeux-de-societe.htm" class="btn-link text-reset">Jeux de société</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #999688;">Manoir du Clap</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://francesurf.net/bandeaux/manoir-du-clap/Manoir-du-clap-300x250.gif" alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#999688;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Un manoir proposant des chambres d'hôtes
<br><i class="bi bi-geo-alt"></i> La Cerlangue (76)
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #999688;opacity:0.9;">
<a href="https://francesurf.net/news/manoir-du-clap-chambres-d-hotes-de-charme-en-normandie-f_94227.htm" id="btn-fiche-94227" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-94227" class="small rounded btn-site p-1" onclick="shareSite('Manoir du Clap - Chambres d hôtes de charme en Normandie', 'https://francesurf.net/news/manoir-du-clap-chambres-d-hotes-de-charme-en-normandie-f_94227.htm')"><i class="bi bi-share"></i> Partager</a>
<a href="https://francesurf.net/@ManoirDuClap" id="btn-follow3-94227" class="small rounded btn-site p-1"><i class="bi bi-at"></i> Blog</a>
<a id="btn-follow-94227" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(94227)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 mb-2" style="background-color: #999688;"><i class="fas fa-circle me-2 small fw-bold"></i>Chambres d'hôtes</a>
<h3 class="h4"><a href="https://www.manoirduclap.com/" target ="_blank" class="btn-link text-reset">Chambres d'hôtes de charme en Normandie</a></h3>
<p>
Idéalement situé en plein cœur du Parc naturel régional des Boucles de la Seine, à 1/2 h d'Honfleur ou d'Étretat, à 45mn de Deauville, ou bien 1 h de Rouen et de Caen, le Manoir du Clap est un lieu idéal pour disposer d'un moment de calme en amoureux ou en famille, dans la douceur paisible d'un parc de 3 hectares arboré de plus de 1300 arbres et ar...
</p>
</div>
<div class="col-12 mt-2">
<h4><a href="https://francesurf.net/archives/2026/4/trouver-un-hebergement-de-longue-duree-pres-du-havre-pour-professionnel-en-deplacement-a_23360.htm" class="btn-link text-reset">Trouver un hébergement de longue durée près du Havre pour professionnel en déplacement</a></h4>
<p>Les professionnels en déplacement représentent une part importante de l’activité économique moderne. Que ce soit pour des missions ponctuelles ou des séjours prolongés, ces déplacements nécessitent une organisation rigoureuse et un hébergement adapté pour concilier travail, confort et bien-être. S’éloigner de son domicile implique non seulement de gérer son emploi du temps professionnel, mais aussi de trouver un cadre de vie qui permette de se reposer, de se ressourcer et de maintenir un équilibre personnel. </p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#999688;"></i> <a href="https://francesurf.net/recherche/chambre-d-hotes-en-normandie.htm" class="btn-link text-reset">Chambre d'hôtes en Normandie</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#999688;"></i> <a href="https://francesurf.net/recherche/soiree-etape-le-havre.htm" class="btn-link text-reset">Soirée étape Le Havre</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#999688;"></i> <a href="https://francesurf.net/recherche/chambre-d-hotes.htm" class="btn-link text-reset">Chambre d'hôtes</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#999688;"></i> <a href="https://francesurf.net/recherche/chambre-d-hotes-de-charme.htm" class="btn-link text-reset">Chambre d'hôtes de charme</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<script>
document.querySelector('.item-top').style.backgroundImage = "url('https://francesurf.net/images/illustrations/chambres-d-hotes/la-cerlangue-manoir-du-clap-chambres-d-hotes-195x280.png')";
</script>
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #F0DDC1;">Allo Benne Services</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://allo-benne-location.fr/wp-content/uploads/2026/01/location-benne-300x250-1.jpg" alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#F0DDC1;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Une entreprise de location de bennes
<br><i class="bi bi-geo-alt"></i> Strasbourg (67)
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #F0DDC1;opacity:0.9;">
<a href="https://francesurf.net/news/allo-benne-services-location-de-benne-a-strasbourg-f_95608.htm" id="btn-fiche-95608" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-95608" class="small rounded btn-site p-1" onclick="shareSite('Allo Benne Services - Location de benne à Strasbourg', 'https://francesurf.net/news/allo-benne-services-location-de-benne-a-strasbourg-f_95608.htm')"><i class="bi bi-share"></i> Partager</a>
<a href="https://francesurf.net/@AlloBenneServices" id="btn-follow3-95608" class="small rounded btn-site p-1"><i class="bi bi-at"></i> Blog</a>
<a id="btn-follow-95608" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(95608)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 mb-2" style="background-color: #F0DDC1;"><i class="fas fa-circle me-2 small fw-bold"></i>Location de bennes</a>
<h3 class="h4"><a href="https://allo-benne-location.fr" target ="_blank" class="btn-link text-reset">Location de benne à Strasbourg</a></h3>
<p>
Spécialisée dans la location de bennes à Strasbourg dans le Bas-Rhin, l'entreprise Allo Benne Services met à votre disposition des bennes tout-venant, gravats, déchets verts et encombrants. Professionnels et particuliers bénéficient d’un service rapide, fiable et adapté à tous types de chantiers.
</p>
</div>
<div class="col-12 mt-2">
<h4><a href="https://francesurf.net/archives/2026/4/location-de-benne-pour-chantier-les-erreurs-a-eviter-a_23359.htm" class="btn-link text-reset">Location de benne pour chantier : les erreurs à éviter</a></h4>
<p>Qu'il s'agisse d'une démolition, d'une rénovation intérieure ou d'un gros œuvre, la gestion des déchets de chantier constitue une étape souvent sous-estimée. Pourtant, un mauvais choix lors de la location d'une benne peut rapidement se transformer en surcoût, en retard ou en complication administrative. Pour les professionnels du bâtiment comme pour les particuliers engagés dans des travaux, identifier les pièges les plus fréquents permet d'optimiser la logistique et de respecter la réglementation en vigueur. </p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#F0DDC1;"></i> <a href="https://francesurf.net/recherche/louer-une-benne-en-alsace.htm" class="btn-link text-reset">Louer une benne en Alsace</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#F0DDC1;"></i> <a href="https://francesurf.net/recherche/benne-a-gravats.htm" class="btn-link text-reset">Benne à gravats</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#F0DDC1;"></i> <a href="https://francesurf.net/recherche/benne-a-dechets.htm" class="btn-link text-reset">Benne à déchets</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#F0DDC1;"></i> <a href="https://francesurf.net/recherche/benne-a-dechets-verts.htm" class="btn-link text-reset">Benne à déchets verts</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<script>
document.querySelector('.item-middle').style.backgroundImage = "url('https://francesurf.net/images/illustrations/location-de-bennes/strasbourg-allo-benne-services-location-195x280.png')";
</script>
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #7B8761;">Domaine de Malescot</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://francesurf.net/images/illustrations/miel/bouglon-domaine-de-malescot-exploitation-690x515.png" alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#7B8761;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Une exploitation apicole
<br><i class="bi bi-geo-alt"></i> Bouglon (47)
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #7B8761;opacity:0.9;">
<a href="https://francesurf.net/news/domaine-de-malescot-exploitation-apicole-familiale-dans-le-lot-et-garonne-f_95657.htm" id="btn-fiche-95657" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-95657" class="small rounded btn-site p-1" onclick="shareSite('Domaine de Malescot - Exploitation apicole familiale dans le Lot-et-Garonne', 'https://francesurf.net/news/domaine-de-malescot-exploitation-apicole-familiale-dans-le-lot-et-garonne-f_95657.htm')"><i class="bi bi-share"></i> Partager</a>
<a id="btn-follow-95657" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(95657)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Nouveau</a>
<a class="badge mt-1 mb-2" style="background-color: #7B8761;"><i class="fas fa-circle me-2 small fw-bold"></i>Miel</a>
<h3 class="h4"><a href="https://domainedemalescot.fr/" target ="_blank" class="btn-link text-reset">Exploitation apicole familiale dans le Lot-et-Garonne</a></h3>
<p>
Cette exploitation apicole familiale du Lot-et-Garonne produit et commercialise du miel biologique et des articles dérivés (bonbons au miel, douceurs, bougies, cosmétiques) issus de sa propre production. Visites d’initiation à l’apiculture et dégustation en boutique. Expédition rapide disponible.
</p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#7B8761;"></i> <a href="https://francesurf.net/recherche/decouvrir-le-miel-artisanal.htm" class="btn-link text-reset">Découvrir le miel artisanal</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#7B8761;"></i> <a href="https://francesurf.net/recherche/boutique-de-miel-biologique.htm" class="btn-link text-reset">Boutique de miel biologique</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#7B8761;"></i> <a href="https://francesurf.net/recherche/initiation-a-l-apiculture.htm" class="btn-link text-reset">Initiation à l'apiculture</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#7B8761;"></i> <a href="https://francesurf.net/recherche/production-de-miel-bio.htm" class="btn-link text-reset">Production de miel bio</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<script>
document.querySelector('.item-bottom').style.backgroundImage = "url('https://francesurf.net/images/illustrations/miel/bouglon-domaine-de-malescot-exploitation-195x280.png')";
</script>
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #00B218;">Petit Pan</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://francesurf.net/images/illustrations/vetements-garcons/paris-petit-pan-vetements-et-accessoires-pour-enfants-690x515.png" alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#00B218;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Une boutique en ligne d'articles pour enfants
<br><i class="bi bi-geo-alt"></i> Paris (75)
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #00B218;opacity:0.9;">
<a href="https://francesurf.net/news/petit-pan-vetements-et-accessoires-pour-enfants-f_95650.htm" id="btn-fiche-95650" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-95650" class="small rounded btn-site p-1" onclick="shareSite('Petit Pan - Vêtements et accessoires pour enfants', 'https://francesurf.net/news/petit-pan-vetements-et-accessoires-pour-enfants-f_95650.htm')"><i class="bi bi-share"></i> Partager</a>
<a id="btn-follow-95650" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(95650)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Nouveau</a>
<a class="badge mt-1 mb-2" style="background-color: #00B218;"><i class="fas fa-circle me-2 small fw-bold"></i>Vêtements garçons</a>
<h3 class="h4"><a href="https://www.petitpan.com/" target ="_blank" class="btn-link text-reset">Vêtements et accessoires pour enfants</a></h3>
<p>
Boutique en ligne spécialisée dans les vêtements et accessoires pour enfants, alliant praticité et originalité. Les collections, inspirées de l’Asie, proposent des articles colorés et ludiques, parfaits pour l’école ou les sorties en famille...
</p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#00B218;"></i> <a href="https://francesurf.net/recherche/vetements-colores.htm" class="btn-link text-reset">Vêtements colorés</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#00B218;"></i> <a href="https://francesurf.net/recherche/inspiration-asiatique.htm" class="btn-link text-reset">Inspiration asiatique</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#00B218;"></i> <a href="https://francesurf.net/recherche/tenues-originales.htm" class="btn-link text-reset">Tenues originales</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#00B218;"></i> <a href="https://francesurf.net/recherche/mode-enfant-pratique.htm" class="btn-link text-reset">Mode enfant pratique</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #65673B;">Vins Dominique Boehler</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://francesurf.net/images/illustrations/vins-d-alsace/wolxheim-vins-dominique-boehler-vins-d-alsace-690x515.png" alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#65673B;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Un producteur de vins bio alsaciens
<br><i class="bi bi-geo-alt"></i> Wolxheim (67)
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #65673B;opacity:0.9;">
<a href="https://francesurf.net/news/vins-dominique-boehler-vins-d-alsace-produits-en-agriculture-biologique-f_95649.htm" id="btn-fiche-95649" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-95649" class="small rounded btn-site p-1" onclick="shareSite('Vins Dominique Boehler - Vins d Alsace produits en agriculture biologique', 'https://francesurf.net/news/vins-dominique-boehler-vins-d-alsace-produits-en-agriculture-biologique-f_95649.htm')"><i class="bi bi-share"></i> Partager</a>
<a id="btn-follow-95649" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(95649)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Nouveau</a>
<a class="badge mt-1 mb-2" style="background-color: #65673B;"><i class="fas fa-circle me-2 small fw-bold"></i>Vins d'Alsace</a>
<h3 class="h4"><a href="https://www.vin-boehler.fr/" target ="_blank" class="btn-link text-reset">Vins d'Alsace produits en agriculture biologique</a></h3>
<p>
Ce Domaine, exploitation familiale à Wolxheim depuis trois générations, cultive ses vignes dans le respect de la tradition alsacienne et de la nature. Certifié en agriculture biologique depuis 2021, il propose les 7 cépages d’Alsace, des cuvées, Grands Crus, Vendanges Tardives, Sélections de Grains Nobles et Crémant d’Alsace.
.
</p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#65673B;"></i> <a href="https://francesurf.net/recherche/vin-d-alsace-bio.htm" class="btn-link text-reset">Vin d’Alsace bio</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#65673B;"></i> <a href="https://francesurf.net/recherche/cremant-d-alsace.htm" class="btn-link text-reset">Crémant d’Alsace</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#65673B;"></i> <a href="https://francesurf.net/recherche/cepages-alsaciens.htm" class="btn-link text-reset">Cépages alsaciens</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#65673B;"></i> <a href="https://francesurf.net/recherche/vendanges-tardives.htm" class="btn-link text-reset">Vendanges tardives</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<script>
document.querySelector('.item-tablet-top').style.backgroundImage = "url('https://francesurf.net/images/illustrations/vins-d-alsace/wolxheim-vins-dominique-boehler-vins-d-alsace-690x515.png')";
</script>
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #444A67;">La Puzzlerie</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://cez.la-puzzlerie.fr/?a=P513A253B4B159 " alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#444A67;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Une boutique en ligne spécialisée dans les puzzles
<br><i class="bi bi-geo-alt"></i> Behren-lès-Forbach (57)
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #444A67;opacity:0.9;">
<a href="https://francesurf.net/news/la-puzzlerie-boutique-en-ligne-specialisee-dans-les-puzzles-adultes-f_95647.htm" id="btn-fiche-95647" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-95647" class="small rounded btn-site p-1" onclick="shareSite('La Puzzlerie - Boutique en ligne spécialisée dans les puzzles adultes', 'https://francesurf.net/news/la-puzzlerie-boutique-en-ligne-specialisee-dans-les-puzzles-adultes-f_95647.htm')"><i class="bi bi-share"></i> Partager</a>
<a id="btn-follow-95647" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(95647)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Nouveau</a>
<a class="badge mt-1 mb-2" style="background-color: #444A67;"><i class="fas fa-circle me-2 small fw-bold"></i>Puzzles</a>
<h3 class="h4"><a href="https://cez.la-puzzlerie.fr/?P513A253B4B171" target ="_blank" class="btn-link text-reset">Boutique en ligne spécialisée dans les puzzles adultes</a></h3>
<p>
La Puzzlerie est un site e-commerce français spécialisé dans les puzzles pour adultes, proposant des modèles modernes et originaux de 500 à 2000 pièces. Il commercialise ses propres créations, notamment la collection « Marie-Chantal », ainsi que des marques reconnues...
</p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#444A67;"></i> <a href="https://francesurf.net/recherche/puzzles-adultes-design.htm" class="btn-link text-reset">Puzzles adultes design</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#444A67;"></i> <a href="https://francesurf.net/recherche/boutique-de-puzzle-en-ligne.htm" class="btn-link text-reset">Boutique de puzzle en ligne</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#444A67;"></i> <a href="https://francesurf.net/recherche/puzzle-1000-pieces.htm" class="btn-link text-reset">Puzzle 1000 pièces</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#444A67;"></i> <a href="https://francesurf.net/recherche/puzzles-modernes-et-creatifs.htm" class="btn-link text-reset">Puzzles modernes et créatifs</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #6E1044;">Cours Legendre</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://francesurf.net/images/illustrations/soutien-scolaire/cours-legendre-transformez-le-potentiel-690x515.png" alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#6E1044;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Un site de soutien scolaire
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #6E1044;opacity:0.9;">
<a href="https://francesurf.net/news/cours-legendre-transformez-le-potentiel-scolaire-en-reussite-concrete-f_95636.htm" id="btn-fiche-95636" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-95636" class="small rounded btn-site p-1" onclick="shareSite('Cours Legendre - Transformez le potentiel scolaire en réussite concrète', 'https://francesurf.net/news/cours-legendre-transformez-le-potentiel-scolaire-en-reussite-concrete-f_95636.htm')"><i class="bi bi-share"></i> Partager</a>
<a id="btn-follow-95636" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(95636)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Nouveau</a>
<a class="badge mt-1 mb-2" style="background-color: #6E1044;"><i class="fas fa-circle me-2 small fw-bold"></i>Soutien scolaire</a>
<h3 class="h4"><a href="https://cours-legendre.fr/" target ="_blank" class="btn-link text-reset">Transformez le potentiel scolaire en réussite concrète</a></h3>
<p>
Référence du soutien scolaire en France depuis plus de 70 ans, cette institution accompagne les élèves du primaire au lycée vers l'excellence académique. Plus de 3 000 professeurs, issus de l'Éducation nationale ou de l'enseignement supérieur, encadrent chaque élève avec rigueur et bienveillance.
</p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#6E1044;"></i> <a href="https://francesurf.net/recherche/soutien-scolaire.htm" class="btn-link text-reset">Soutien scolaire</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#6E1044;"></i> <a href="https://francesurf.net/recherche/accompagnement-pedagogique.htm" class="btn-link text-reset">Accompagnement pédagogique</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#6E1044;"></i> <a href="https://francesurf.net/recherche/cours-particuliers.htm" class="btn-link text-reset">Cours particuliers</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#6E1044;"></i> <a href="https://francesurf.net/recherche/eleves-expatries.htm" class="btn-link text-reset">Élèves expatriés</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<script>
document.querySelector('.item-tablet-middle').style.backgroundImage = "url('https://francesurf.net/images/illustrations/soutien-scolaire/cours-legendre-transformez-le-potentiel-690x515.png')";
</script>
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #344B7D;">Vaches et Compagnie</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://francesurf.net/images/illustrations/objets-decoratifs/brive-la-gaillarde-vaches-et-compagnie-objets-690x515.png" alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#344B7D;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Une boutique en ligne d'objets décoratifs
<br><i class="bi bi-geo-alt"></i> Brive-la-Gaillarde (19)
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #344B7D;opacity:0.9;">
<a href="https://francesurf.net/news/vaches-et-compagnie-objets-decoratifs-sur-le-theme-de-la-vache-f_95633.htm" id="btn-fiche-95633" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-95633" class="small rounded btn-site p-1" onclick="shareSite('Vaches et Compagnie - Objets décoratifs sur le thème de la vache', 'https://francesurf.net/news/vaches-et-compagnie-objets-decoratifs-sur-le-theme-de-la-vache-f_95633.htm')"><i class="bi bi-share"></i> Partager</a>
<a id="btn-follow-95633" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(95633)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 mb-2" style="background-color: #344B7D;"><i class="fas fa-circle me-2 small fw-bold"></i>Objets décoratifs</a>
<h3 class="h4"><a href="https://vachesetcompagnie.fr" target ="_blank" class="btn-link text-reset">Objets décoratifs sur le thème de la vache</a></h3>
<p>
Boutique en ligne française spécialisée dans des objets décoratifs sur le thème de la vache et fabriqués à la main par deux jeunes femme en Corrèze. Chaque pièce est unique et est façonnée avec amour par deux jeunes femmes. Ces vaches colorées sont bien plus que de simples objets : elles sont de véritables concentrés de bonne humeur.
</p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#344B7D;"></i> <a href="https://francesurf.net/recherche/vaches-decoratives.htm" class="btn-link text-reset">Vaches décoratives</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#344B7D;"></i> <a href="https://francesurf.net/recherche/figurines-revisitees.htm" class="btn-link text-reset">Figurines revisitées</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#344B7D;"></i> <a href="https://francesurf.net/recherche/creations-artisanales.htm" class="btn-link text-reset">Créations artisanales</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#344B7D;"></i> <a href="https://francesurf.net/recherche/objets-ludiques.htm" class="btn-link text-reset">Objets ludiques</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<script>
document.querySelector('.item-tablet-bottom').style.backgroundImage = "url('https://francesurf.net/images/illustrations/objets-decoratifs/brive-la-gaillarde-vaches-et-compagnie-objets-690x515.png')";
</script>
<!-- Card item START -->
<div class="card mb-3 mt-3 pt-3 pb-1">
<div class="row">
<div class="col-md-6 mt-0" >
<h2 class="h3 text-dark mb-0 mt-1 fw-light border border-bottom-0 shadow-sm text-white py-1 text-center rounded-top" style="background-color: #FAD954;">ImaginDrone</h2>
<img class="border shadow-sm mb-0 mt-0 border-black border-top-0 border-bottom-0" src="https://francesurf.net/images/illustrations/drones/clermont-ferrand-imagindrone-animation-drone-690x515.png" alt="" style="width:100%;">
<div class="row border border-top-0 shadow-sm text-white py-1 mx-0 px-1 rounded-bottom mb-1" style="background-color:#FAD954;opacity:0.7;">
<div class="col-12 p-0 mt-0 text-center" >
<p class="fw-light small pb-0 mb-0" >Un spécialiste en prise de vue aérienne par drone
<br><i class="bi bi-geo-alt"></i> Clermont-Ferrand (63)
</p>
</div>
</div>
<div class="col-12 p-0 mt-2 text-start small mb-3 d-flex justify-content-between rounded" style="background-color: #FAD954;opacity:0.9;">
<a href="https://francesurf.net/news/imagindrone-animation-drone-photographie-et-videographie-aerienne-f_95627.htm" id="btn-fiche-95627" class="small rounded btn-site p-1 ps-2"><i class="bi bi-plus-circle"></i> Fiche</a>
<a id="btn-blog-95627" class="small rounded btn-site p-1" onclick="shareSite('ImaginDrone - Animation drone, Photographie et vidéographie aérienne', 'https://francesurf.net/news/imagindrone-animation-drone-photographie-et-videographie-aerienne-f_95627.htm')"><i class="bi bi-share"></i> Partager</a>
<a href="https://francesurf.net/@ImaginDrone" id="btn-follow3-95627" class="small rounded btn-site p-1"><i class="bi bi-at"></i> Blog</a>
<a id="btn-follow-95627" class="small rounded btn-site btn-follow p-1 pe-2" onclick="toggleFollow(95627)"><i class="bi bi-star"></i> Suivre</a>
</div>
</div>
<div class="col-md-6 mt-xs-3 mt-0 mt-lg-0 pt-0">
<a class="badge mt-1 mb-2" style="background-color: #FAD954;"><i class="fas fa-circle me-2 small fw-bold"></i>Drones</a>
<h3 class="h4"><a href="https://www.imagindrone.fr/" target ="_blank" class="btn-link text-reset">Animation drone, Photographie et vidéographie aérienne</a></h3>
<p>
Spécialiste de la photographie et la vidéographie aérienne par drone professionnel. Réalisation de prises de vue aériennes haute définition pour les entreprises, l’immobilier, les événements et les projets institutionnels...
</p>
</div>
<div class="col-12 mt-2">
<h4><a href="https://francesurf.net/archives/2026/2/imag-in-drone-prise-de-vue-aerienne-suivi-de-chantier-par-drone-a-clermont-ferrand-a_23331.htm" class="btn-link text-reset">IMAG’IN DRONE – Prise de vue aérienne & Suivi de chantier par drone à Clermont-Ferrand</a></h4>
<p>Basée à Clermont-Ferrand, Imag’in Drone accompagne les professionnels et les particuliers dans leurs projets grâce à la prise de vue aérienne par drone. Nous intervenons dans toute l’Auvergne et jusqu’à 500 km autour de Clermont-Ferrand, notamment à Lyon, Saint-Étienne, Limoges, Montpellier et Toulouse. Spécialisée dans le suivi de chantier BTP, l’inspection technique et la captation vidéo événementielle, notre entreprise met la technologie drone au service de la précision, de la sécurité et de la valorisation de vos projets. </p>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#FAD954;"></i> <a href="https://francesurf.net/recherche/animation-drone.htm" class="btn-link text-reset">Animation drone</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#FAD954;"></i> <a href="https://francesurf.net/recherche/animation-drone-soccer.htm" class="btn-link text-reset">Animation drone soccer</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#FAD954;"></i> <a href="https://francesurf.net/recherche/film-de-mariage-par-drone.htm" class="btn-link text-reset">Film de mariage par drone</a>
</div>
<div class="col-6 mt-1">
<i class="bi bi-bookmark-star" style="color:#FAD954;"></i> <a href="https://francesurf.net/recherche/video-aerienne-par-drone.htm" class="btn-link text-reset">Vidéo aérienne par drone</a>
</div>
</div>
</div>
<hr>
<!-- Card item END -->
<!-- Pagination START -->
<script>
async function loadMoreSites(paginationValue) {
const btn = document.querySelector('a.btnmoresites');
const container = document.getElementById('moresites');
const btnContainer = document.getElementById('mybtnspin');
const hrContainer = document.getElementById('mymorehr');
const url = 'https://francesurf.net/_pages_v5/_moresites_v5.aspx';
// 1. Mise en état de chargement
if (btn) {
// Remplace le contenu du bouton par le spinner
btn.innerHTML = '<div class="spinner-border spinner-border-sm" role="status"><span class="sr-only">Chargement...</span></div>';
btn.style.pointerEvents = 'none'; // Empêche le double clic
}
// 2. Préparation de l'envoi
const formData = new URLSearchParams();
formData.append('pagination', paginationValue);
try {
const response = await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body: formData
});
if (!response.ok) throw new Error(`Erreur HTTP: ${response.status}`);
// 3. Récupération de TOUTES les données en une fois
const htmlResult = await response.text();
// 4. Injection du résultat et suppression du bouton de chargement
container.insertAdjacentHTML('beforeend', htmlResult);
if (btnContainer) {
btnContainer.remove(); // Supprime tout le bloc du bouton "Voir plus"
}
if (hrContainer) {
hrContainer.remove(); // Supprime le HR en doublon
}
} catch (error) {
console.error("Erreur lors du chargement :", error);
// En cas d'erreur, on remet le bouton à son état initial
if (btn) {
btn.innerHTML = 'Voir plus de sites';
btn.style.pointerEvents = 'auto';
}
}
}
</script>
<!-- Pagination END -->
<div class="pagecontent mb-3" style="clear:both;"><h2 style="color: #5e626b;">Francesurf.net est l'un des plus anciens annuaires du web !</h2>
<p>Notre portail généraliste et géographique est, <strong>depuis 1998</strong>, une référence pour les responsables de sites internet à la recherche d'une solution de <strong>référencement local </strong>ou thématique grâce plus de 5000 catégories vérifiées et <a href="../mises-a-jour/">mises à jour</a> régulièrement pour éliminer les sites malheureusement disparus au fil du temps et ainsi pouvoir offrir des emplacements propres pour le référencement naturel de vos sites internet, dans des pages agrémentées d'<a href="../articles/">articles</a> et d'<a href="../communiques/">actualités</a>.</p>
<p>Notre répertoire web couvre <strong>toutes les régions de France</strong> et la plupart des pays de la francophonie. S'inscrire sur Francesurf.net permet non seulement à votre site d'être plus facilement découvert par des utilisateurs locaux selon votre <strong>classement géographique</strong>, de gagner en visibilité auprès d'un public élargi selon votre <strong>thématique </strong>mais aussi de bénéficier des différents services de notre interface de référencement.</p>
<h2 style="color: #5e626b;">1998 ... 2025 ...<br />Déjà <strong>27 ans</strong> au service des éditeurs de sites internet !</h2>
<p>Merci de votre confiance et fidélité :)</p></div>
<div class="pagecontent mb-3" style="clear:both;"><h2>Le référencement local pour les sites internet et les boutiques en ligne</h2>
<p>Le référencement local est d'une grande importance pour les sites internet et les boutiques en ligne, car il permet de cibler une audience locale et d'attirer des clients potentiels géographiquement proches.</p>
<p>En se positionnant sur des mots-clés liés à une région spécifique, les entreprises peuvent augmenter leur visibilité auprès des personnes vivant à proximité. Cela leur permet d'améliorer leur notoriété localement et d'augmenter leur chiffre d'affaires.</p>
<p>Le référencement local est donc un levier essentiel pour les entreprises qui souhaitent se démarquer sur internet et attirer une clientèle locale.</p>
<h3>Optimiser son référencement local pour augmenter sa visibilité</h3>
<p>Pour optimiser son référencement local, il est essentiel de créer une fiche Google My Business. Cette plateforme permet aux entreprises d'apparaître dans les résultats de recherche locaux et sur Google Maps.</p>
<p>Il est également important d'optimiser son site internet en incluant des mots-clés locaux dans le contenu, les balises meta et les titres des pages.</p>
<p>Enfin, il est recommandé de s'inscrire sur des annuaires locaux tels que francesurf.net, qui permettent aux entreprises d'améliorer leur référencement et de gagner en visibilité auprès d'une audience locale.</p>
<h3>Augmenter son trafic et sa clientèle grâce au référencement local</h3>
<p>L'objectif du référencement local est d'attirer des visiteurs qualifiés sur son site internet ou dans sa boutique en ligne. En se positionnant sur des mots-clés locaux, les entreprises peuvent augmenter leur trafic et attirer des clients potentiels géographiquement proches. Cela leur permet d'augmenter leurs ventes et de fidéliser leur clientèle locale. Le référencement local est donc un moyen efficace pour augmenter son chiffre d'affaires et développer son activité localement.</p>
<h3>Créer une relation de proximité avec sa clientèle grâce au référencement local</h3>
<p>Le référencement local permet aux entreprises de créer une relation de proximité avec leur clientèle en répondant aux besoins spécifiques des habitants de leur région. En se positionnant sur des mots-clés locaux, les entreprises montrent qu'elles sont présentes dans la vie locale et qu'elles comprennent les attentes de leur public. Cela renforce la confiance des clients et leur fidélité à la marque. Le référencement local est donc un outil précieux pour établir une relation durable et de qualité avec sa clientèle.</p>
<h2>Possibilité de publier des actualités, des communiqués de presse et des promotions</h2>
<p>En plus d'améliorer leur référencement local, les entreprises peuvent utiliser des plateformes telles que francesurf.net pour publier des actualités, des communiqués de presse, des promotions et des nouveaux services. Cela leur permet de communiquer efficacement avec leur audience locale et de promouvoir leur activité de manière ciblée.</p>
<p>De plus, elles peuvent bénéficier d'une campagne publicitaire ciblée avec des bandeaux publicitaires aux différents formats IAB, ce qui leur permet d'atteindre un public plus large et de booster leur visibilité en ligne.</p>
<p>En combinant le référencement local avec des stratégies de communication efficaces, les entreprises peuvent développer leur activité et se démarquer de la concurrence sur internet.</p></div>
<div class="d-grid gap-2">
<a class="btn bg-primary text-white" href="https://francesurf.net/adminseo/fr/accueil" type="button">Ajoutez votre site internet</a>
</div>
<a name="article3"></a><div class="pagecontent mb-3" style="clear:both;"><h2>Les services de l'annuaire local francesurf.net</h2>
<h3>La publication d'articles</h3>
<p>Depuis sa création en 1998, l'annuaire local francesurf.net propose aux entreprises la possibilité de publier des articles sur leur activité, leurs produits ou services. Cette fonctionnalité permet aux entreprises de bénéficier d'une visibilité accrue sur internet et d'améliorer leur référencement naturel.</p>
<h3>La publication de communiqués de presse</h3>
<p>En plus de la publication d'articles, francesurf.net offre aux entreprises la possibilité de publier des communiqués de presse. Les communiqués de presse sont un moyen efficace de communiquer sur un événement, un lancement de produit ou toute autre information importante pour l'entreprise. Grâce à francesurf.net, les entreprises peuvent toucher un large public et améliorer leur notoriété en ligne.</p>
<h3>La publication de codes promotionnels</h3>
<p>Pour inciter les internautes à visiter leur site web et à effectuer un achat, les entreprises peuvent également publier des codes promotionnels sur francesurf.net. Les codes promotionnels offrent des réductions aux clients potentiels et permettent aux entreprises de booster leurs ventes en ligne. Cette fonctionnalité de francesurf.net est très appréciée des entreprises qui souhaitent fidéliser leur clientèle et attirer de nouveaux clients.</p>
<h2>Campagnes publicitaires sur francesurf.net</h2>
<h3>Diffusion de campagnes publicitaires ciblées</h3>
<p>En complément des services de publication d'articles, de communiqués de presse et de codes promotionnels, francesurf.net propose aux entreprises la possibilité de diffuser des campagnes publicitaires ciblées à moindre coût.</p>
<p>Ces campagnes permettent aux entreprises de toucher une audience qualifiée et de promouvoir leurs produits ou services de manière efficace.</p>
<h3>Un classement thématique et géographique</h3>
<p>Pour faciliter la recherche des internautes et optimiser le référencement des entreprises, francesurf.net classe le page de son annuaire de manière thématique et géographique. Les internautes peuvent ainsi trouver facilement les entreprises qui correspondent à leurs besoins et localisées près de chez eux. Ce classement permet aux entreprises de toucher une audience locale et de se positionner comme des acteurs majeurs dans leur secteur d'activité.</p>
<h3>Le choix judicieux pour optimiser son référencement</h3>
<p>Depuis 1998, des milliers d'entreprises ont choisi francesurf.net pour optimiser leur référencement et améliorer leur visibilité en ligne. Grâce à ses nombreux services tels que la publication d'articles, la diffusion de campagnes publicitaires ciblées et un classement thématique et géographique, francesurf.net s'impose comme un choix judicieux pour les entreprises qui souhaitent accroître leur notoriété sur internet. En faisant confiance à francesurf.net, les entreprises bénéficient d'une visibilité accrue, d'un trafic qualifié vers leur site web.</p></div>
</div> <!-- col-lg-9 END -->
<!-- Contenu principal END -->
<!-- Sidebar START -->
<div class="col-lg-3 mt-5 mt-lg-0">
<div data-sticky="" data-margin-top="80" data-sticky-for="767">
<div class="row">
<!-- SERVICES widget START -->
<div class="col-12 col-sm-6 col-lg-12">
<h4 class="mt-4 mb-3">Services</h4>
<!-- Services SEO -->
<div class="card mb-1">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/adminseo/fr/ajoutez-votre-site" class="btn-link stretched-link text-reset fw-bold" title="Référencer un site">Ajouter un site</a></h6>
</div>
</div>
</div>
<div class="card mb-1">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/adminseo/fr/publier" class="btn-link stretched-link text-reset fw-bold" title="Ajouter une actualité">Ajouter une actualité</a></h6>
</div>
</div>
</div>
<div class="card mb-1">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/adminseo/fr/base-de-connaissances" class="btn-link stretched-link text-reset fw-bold" title="Trouver des idées d'expressions clés">Idées d'expressions clés</a></h6>
</div>
</div>
</div>
<div class="card mb-1">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/adminseo/fr/flux-rss" class="btn-link stretched-link text-reset fw-bold" title="Afficher son flux RSS">Ajouter un flux RSS</a></h6>
</div>
</div>
</div>
<div class="card mb-1">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/adminseo/fr/profils-sociaux" class="btn-link stretched-link text-reset fw-bold" title="Ajouter vos pages Facebook, X, Instagram, BlueSky, etc...">Ajouter des profils sociaux</a></h6>
</div>
</div>
</div>
<div class="card mb-1">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/adminseo/fr/campagne-publicitaire" class="btn-link stretched-link text-reset fw-bold" title="Ouvrir une campagne publicitaires">Intégrer des publicités</a></h6>
</div>
</div>
</div>
</div>
<!-- SERVICES widget END -->
</div>
</div>
</div>
<!-- Sidebar END -->
</div> <!-- Row end -->
</div>
<!-- Main Post END -->
<!-- Sidebar START -->
<div class="col-lg-3 mt-5 pt-2 mt-lg-0">
<div data-margin-top="80">
<!-- Social widget START -->
<div class="row g-2">
<div class="col-4">
<a href="https://francesurf.net" class="text-bg-primary rounded text-center text-white-force p-3 d-block">
<i class="bi bi-people-fill fs-5 mb-2"></i>
<h6 class="m-0">87K</h6>
<span class="small">Inscrits</span>
</a>
</div>
<div class="col-4">
<a href="https://francesurf.net" class="text-bg-warning rounded text-center text-white-force p-3 d-block">
<i class="bi bi-laptop fs-5 mb-2"></i>
<h6 class="m-0">62K</h6>
<span class="small">Sites</span>
</a>
</div>
<div class="col-4">
<a href="https://francesurf.net" class="text-bg-danger rounded text-center text-white-force p-3 d-block">
<i class="bi bi-newspaper fs-5 mb-2"></i>
<h6 class="m-0">21K</h6>
<span class="small">Actus</span>
</a>
</div>
</div>
<!-- Social widget END -->
<!-- Featured Categories widget START -->
<div>
<h4 class="mt-3 mb-3">C'est de saison...</h4>
<div class="text-center mb-3 card-bg-scale position-relative overflow-hidden rounded bg-dark-overlay-4" style="background-image:url(https://francesurf.net/images/illustrations/jardinage/quels-sites-consulter-au-sujet-du-jardinage-200x112.png); background-position: center left; background-size: cover;"> <div class="p-3"> <a href="https://francesurf.net/jardinage/index,0,0,0,538.htm" class="stretched-link btn-link fw-bold text-white h5">Jardinage</a> </div></div>
</div>
<!-- Featured Categories widget END -->
<div class="row mt-0">
<!-- Recent post widget START -->
<div class="col-12 col-sm-6 col-lg-12">
<!-- Miniatures des nouveaux sites -->
<h4 class="mt-1 mb-3">Nouveaux sites</h4>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/vinaigres/reims-moutarde-clovis-moutardes-et-vinaigres-de-champagne-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/moutarde-clovis-moutardes-et-vinaigres-de-champagne-f_95675.htm" class="btn-link stretched-link text-reset fw-normal">Moutarde Clovis - Moutardes et vinaigres de Champagne</a></h6>
</div>
</div>
</div>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/mobilier/saubusse-seconde-ecorce-meubles-et-objets-en-bois-faits-main-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/seconde-ecorce-meubles-et-objets-en-bois-faits-main-f_95674.htm" class="btn-link stretched-link text-reset fw-normal">Seconde Ecorce - Meubles et objets en bois faits main</a></h6>
</div>
</div>
</div>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/herboristerie/bretx-l-atelier-herboriste-produits-artisanaux-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/l-atelier-herboriste-produits-artisanaux-a-base-de-plantes-et-ateliers-d-herboristerie-f_95673.htm" class="btn-link stretched-link text-reset fw-normal">L'Atelier Herboriste - Produits artisanaux à base de plantes et ateliers d’herboristerie</a></h6>
</div>
</div>
</div>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/stations-balneaires/trouville-sur-mer-trouville-sur-mer-commune-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/trouville-sur-mer-commune-dans-le-departement-du-calvados-f_95672.htm" class="btn-link stretched-link text-reset fw-normal">Trouville-sur-Mer - Commune dans le département du Calvados</a></h6>
</div>
</div>
</div>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/savons/salon-de-provence-marius-fabre-savonnerie-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/marius-fabre-savonnerie-traditionnelle-et-veritable-savon-de-marseille-depuis-1900-f_95671.htm" class="btn-link stretched-link text-reset fw-normal">Marius Fabre - Savonnerie traditionnelle et véritable savon de Marseille depuis 1900</a></h6>
</div>
</div>
</div>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/jardins-botaniques/sasnieres-jardin-du-plessis-sasnieres-jardin-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/jardin-du-plessis-sasnieres-jardin-remarquable-dans-le-loir-et-cher-f_95670.htm" class="btn-link stretched-link text-reset fw-normal">Jardin du Plessis Sasnières - Jardin remarquable dans le Loir-et-Cher</a></h6>
</div>
</div>
</div>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/jeux-de-role/kaysersberg-festival-du-jeu-de-role-festival-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/festival-du-jeu-de-role-festival-consacre-au-jeu-de-role-sous-toutes-ses-formes-f_95669.htm" class="btn-link stretched-link text-reset fw-normal">Festival du jeu de rôle - Festival consacré au jeu de rôle sous toutes ses formes</a></h6>
</div>
</div>
</div>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/accrobranche/montenois-parc-acroland-parc-acrobatique-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/parc-acroland-parc-acrobatique-et-pedagogique-familial-f_95662.htm" class="btn-link stretched-link text-reset fw-normal">Parc Acroland - Parc acrobatique et pédagogique familial</a></h6>
</div>
</div>
</div>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/baptemes-de-l-air/baons-le-comte-aeroclub-d-yvetot-baptemes-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/aeroclub-d-yvetot-baptemes-de-l-air-en-avion-et-ulm-f_95661.htm" class="btn-link stretched-link text-reset fw-normal">Aéroclub d'Yvetot - Baptêmes de l'air en avion et ULM</a></h6>
</div>
</div>
</div>
<div class="card mb-3">
<div class="row g-3">
<div class="col-3">
<img class="rounded lazy border shadow" src="https://francesurf.net/images/illustrations/bowling/quimper-le-master-bowling-et-salles-de-karaoke-a-quimper-60x60.png" alt="">
</div>
<div class="col-9">
<h6><a href="https://francesurf.net/news/le-master-bowling-et-salles-de-karaoke-a-quimper-f_95660.htm" class="btn-link stretched-link text-reset fw-normal">Le Master - Bowling et salles de karaoké à Quimper</a></h6>
</div>
</div>
</div>
<!-- FIN Miniatures des nouveaux sites -->
</div>
<!-- Recent post widget START -->
<div class="col-12 col-sm-6 col-lg-12">
<h4 class="mt-4 mb-3">Derniers dossiers</h4>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/poeles-a-bois-a-accumulation.htm" class="btn-link stretched-link text-reset fw-bold" title="Découvrez les avantages et les spécificités des poêles à bois à accumulation pour un chauffage optimal et durable.">Les poêles à bois à accumulation</a></h6>
</div>
</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/mini-lave-vaisselle.htm" class="btn-link stretched-link text-reset fw-bold" title="Découvrez le mini lave-vaisselle, un appareil qui allie praticité et gain de place dans la cuisine moderne.">Mini lave-vaisselle : l'allié malin de votre cuisine</a></h6>
</div>
</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/sapin-de-noel.htm" class="btn-link stretched-link text-reset fw-bold" title="Le sapin de Noël est un symbole emblématique des fêtes de fin d'année, apportant joie et magie dans chaque foyer. Découvrez son histoire...">Le sapin de Noël : origines et tradition </a></h6>
</div>
</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/pieds-de-nivellement-de-qualite.htm" class="btn-link stretched-link text-reset fw-bold" title="Le choix des matériaux dans la fabrication des pieds de nivellement est essentiel pour garantir leur résistance, leur fonctionnalité et leur durabilité.">L'importance du choix des matériaux dans la fabrication des pieds de nivellement</a></h6>
</div>
</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/utiliser-nom-de-domaine-en-pseudo-bluesky.htm" class="btn-link stretched-link text-reset fw-bold" title="Découvrez comment configurer un domaine personnalisé (custom domain) comme identifiant sur Bluesky. Suivez notre guide étape par étape pour acquérir et utiliser votre nom de domaine comme pseudo.">Comment utiliser son propre nom de domaine comme pseudo sur BlueSky ?</a></h6>
</div>
</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/bluesky-alternative-prometteuse-a-x.htm" class="btn-link stretched-link text-reset fw-bold" title="Depuis la dernière élection présidentielle américaine, BlueSky, la startup de micro-blogging, connaît une hausse spectaculaire de son nombre d'utilisateurs.">L'ascension fulgurante de BlueSky : Une alternative prometteuse à X</a></h6>
</div>
</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/multirisque-professionnelle.htm" class="btn-link stretched-link text-reset fw-bold" title="La multirisque professionnelle est une assurance incontournable pour protéger votre entreprise des aléas de la vie économique.">Assurance multirisque professionnelle : sécuriser son activité</a></h6>
</div>
</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/enduit-decoratif-aspect-pierre.htm" class="btn-link stretched-link text-reset fw-bold" title="Découvrez comment l'enduit décoratif aspect pierre transforme vos espaces avec élégance et naturel.">L'enduit décoratif aspect pierre</a></h6>
</div>
</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/plantes-artificielles.htm" class="btn-link stretched-link text-reset fw-bold" title="Les plantes artificielles offrent une solution esthétique et pratique pour décorer nos espaces sans contrainte d'entretien.">Les plantes artificielles : une touche de verdure dans nos intérieurs</a></h6>
</div>
</div>
</div>
<!-- Recent post item -->
<div class="card mb-3">
<div class="row g-3">
<div class="col-12">
<h6><a href="https://francesurf.net/dossiers/cafe-par-correspondance.htm" class="btn-link stretched-link text-reset fw-bold" title="Découvrez le concept du café par correspondance, une manière simple et agréable d'accéder à différentes variétés de café depuis chez soi.">Acheter son café sur internet</a></h6>
</div>
</div>
</div>
</div>
<!-- Recent post widget END -->
<!-- ADV widget START -->
<div class="col-12 col-sm-6 col-lg-12 mb-3">
<script language="javascript" src="//ad.ecephale.com/?size=300x600&cat=1&txt=&nb=1&kp=v5&aff=pbs&x=&y="></script>
</div>
<!-- ADV widget END -->
<!-- QUESTIONS widget START -->
<div>
<h4 class="mt-5 mb-3">Quizz découverte...</h4>
<div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">01</span><h5 class="fs-6"><a href="https://francesurf.net/news/xavier-nicolas-mentaliste-magicien-paris-animations-de-soirees-en-entreprises-et-chez-les-particuliers-f_63016.htm" class="stretched-link text-reset btn-link">Où trouver des animations de magiciens pour un mariage ?</a></h5></div><div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">02</span><h5 class="fs-6"><a href="https://francesurf.net/news/francesurf-f_35414.htm" class="stretched-link text-reset btn-link">Quel site permet de trouver un portail pour booster le référencement local d'un site web ?</a></h5></div><div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">03</span><h5 class="fs-6"><a href="https://francesurf.net/news/annuaire-jardin-annuaire-web-specialise-dans-l-univers-du-jardin-f_93550.htm" class="stretched-link text-reset btn-link">Sur quel site trouver un répertoire web thématique sur le jardinage ?</a></h5></div><div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">04</span><h5 class="fs-6"><a href="https://francesurf.net/news/la-boutique-du-haut-talon-les-dernieres-tendances-hauts-talons-f_90847.htm" class="stretched-link text-reset btn-link">Où trouver des chaussures à talon haut ?</a></h5></div><div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">05</span><h5 class="fs-6"><a href="https://francesurf.net/news/jardins-animes-faites-bouger-votre-jardin-bio-f_88042.htm" class="stretched-link text-reset btn-link">Quel site permet de trouver des larves et œufs de coccinelle ?</a></h5></div><div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">06</span><h5 class="fs-6"><a href="https://francesurf.net/news/pmu-site-officiel-f_95124.htm" class="stretched-link text-reset btn-link">Sur quel site trouver un site pour jouer au quinté ?</a></h5></div><div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">07</span><h5 class="fs-6"><a href="https://francesurf.net/news/shoes-fr-chaussures-pas-cher-f_36747.htm" class="stretched-link text-reset btn-link">Où trouver des chaussures écoresponsables ?</a></h5></div><div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">08</span><h5 class="fs-6"><a href="https://francesurf.net/news/kitutilitaire-specialiste-en-amenagement-et-equipement-de-vehicules-utilitaires-f_95244.htm" class="stretched-link text-reset btn-link">Quel site permet de trouver un expert en France de l'équipement de véhicules utilitaires ?</a></h5></div><div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">09</span><h5 class="fs-6"><a href="https://francesurf.net/news/click-up-les-remorques-pliante-de-trigano-f_88071.htm" class="stretched-link text-reset btn-link">Sur quel site trouver une remorque pliante ?</a></h5></div><div class="d-flex position-relative mb-3"><span class="me-3 mt-n1 fa-fw fw-bold fs-3 opacity-5">10</span><h5 class="fs-6"><a href="https://francesurf.net/news/la-maison-du-whisky-vente-en-ligne-de-whiskies-et-spiritueux-fins-f_80236.htm" class="stretched-link text-reset btn-link">Où trouver du whisky du Japon ?</a></h5></div>
</div>
<!-- QUESTIONS widget END -->
<div class="accordion mt-3" id="acc21449"><div class="accordion-item"><div class="accordion-header"><button class="accordion-button collapsed d-block" type="button" data-bs-toggle="collapse" data-bs-target="#collapsesb21449"><div class="fw-bold text-black">Annuaires géographiques</div><h3 class="h4">Qu'est-ce que le référencement géographique et en quoi est-il essentiel ?</h3><div class="small fw-normal mt-1">Le référencement géographique est une technique importante pour la visibilité des entreprises sur les moteurs de recherche...</div></button></div><div id="collapsesb21449" class="accordion-collapse collapse" data-bs-parent="#acc21449"><div class="accordion-body"> Il permet de cibler une audience spécifique en fonction de sa localisation géographique. En quoi consiste exactement le référencement géographique et pourquoi est-il si important ? ...</p><p align="justify" style="margin-top:5px;font-size:12px;line-height:16px"><i>Publié le 24/01/2024 dans <a href="https://francesurf.net/annuaires-geographiques/index,0,0,0,623.htm">Annuaires géographiques</a></i></p></div></div></div></div>
</div>
</div>
</div>
<!-- Sidebar END -->
</div> <!-- Row end -->
</div>
</section>
<!-- =======================
Main content END -->
<!-- Divider -->
<div class="container"><div class="border-bottom border-primary border-2 opacity-1"></div></div>
<!-- =======================
Section START -->
<section class="pt-4">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Title -->
<div class="mb-4 d-md-flex justify-content-between align-items-center">
<h2 class="m-0"><i class="bi bi-megaphone"></i> Sites à découvrir sur le portail</h2>
<a href="https://francesurf.net/adminseo/fr/ajoutez-votre-site" class="text-body small"><u>Intégrez les sites à découvrir : inscrivez le vôtre.</u></a>
</div>
<div class="tiny-slider arrow-hover arrow-blur arrow-dark arrow-round">
<div class="tiny-slider-inner"
data-autoplay="true"
data-hoverpause="true"
data-gutter="24"
data-arrow="true"
data-dots="false"
data-items-xl="4"
data-items-md="3"
data-items-sm="2"
data-items-xs="1">
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/vinaigres/reims-moutarde-clovis-moutardes-et-vinaigres-de-champagne-690x515.png" alt="Vue du site Moutarde Clovis">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Vinaigres</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/moutarde-clovis-moutardes-et-vinaigres-de-champagne-f_95675.htm" class="btn-link text-reset fw-bold">Moutarde Clovis - Moutardes et vinaigres de Champagne</a></h5>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/mobilier/saubusse-seconde-ecorce-meubles-et-objets-en-bois-faits-main-690x515.png" alt="Vue du site Seconde Ecorce">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Mobilier</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/seconde-ecorce-meubles-et-objets-en-bois-faits-main-f_95674.htm" class="btn-link text-reset fw-bold">Seconde Ecorce - Meubles et objets en bois faits main</a></h5>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/herboristerie/bretx-l-atelier-herboriste-produits-artisanaux-690x515.png" alt="Vue du site L'Atelier Herboriste">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Herboristerie</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/l-atelier-herboriste-produits-artisanaux-a-base-de-plantes-et-ateliers-d-herboristerie-f_95673.htm" class="btn-link text-reset fw-bold">L'Atelier Herboriste - Produits artisanaux à base de plantes et ateliers d’herboristerie</a></h5>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/stations-balneaires/trouville-sur-mer-trouville-sur-mer-commune-690x515.png" alt="Vue du site Trouville-sur-Mer">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Stations balnéaires</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/trouville-sur-mer-commune-dans-le-departement-du-calvados-f_95672.htm" class="btn-link text-reset fw-bold">Trouville-sur-Mer - Commune dans le département du Calvados</a></h5>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/savons/salon-de-provence-marius-fabre-savonnerie-690x515.png" alt="Vue du site Savonnerie Marius Fabre">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Savons</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/marius-fabre-savonnerie-traditionnelle-et-veritable-savon-de-marseille-depuis-1900-f_95671.htm" class="btn-link text-reset fw-bold">Marius Fabre - Savonnerie traditionnelle et véritable savon de Marseille depuis 1900</a></h5>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/jardins-botaniques/sasnieres-jardin-du-plessis-sasnieres-jardin-690x515.png" alt="Vue du site Jardin du Plessis Sasnières">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Jardins botaniques</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/jardin-du-plessis-sasnieres-jardin-remarquable-dans-le-loir-et-cher-f_95670.htm" class="btn-link text-reset fw-bold">Jardin du Plessis Sasnières - Jardin remarquable dans le Loir-et-Cher</a></h5>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/jeux-de-role/kaysersberg-festival-du-jeu-de-role-festival-690x515.png" alt="Vue du site Festival du jeu de rôle">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Jeux de rôle</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/festival-du-jeu-de-role-festival-consacre-au-jeu-de-role-sous-toutes-ses-formes-f_95669.htm" class="btn-link text-reset fw-bold">Festival du jeu de rôle - Festival consacré au jeu de rôle sous toutes ses formes</a></h5>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/accrobranche/montenois-parc-acroland-parc-acrobatique-690x515.png" alt="Vue du site Parc Acroland">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Accrobranche</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/parc-acroland-parc-acrobatique-et-pedagogique-familial-f_95662.htm" class="btn-link text-reset fw-bold">Parc Acroland - Parc acrobatique et pédagogique familial</a></h5>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/baptemes-de-l-air/baons-le-comte-aeroclub-d-yvetot-baptemes-690x515.png" alt="Vue du site Aéroclub d'Yvetot">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Baptêmes de l'air</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/aeroclub-d-yvetot-baptemes-de-l-air-en-avion-et-ulm-f_95661.htm" class="btn-link text-reset fw-bold">Aéroclub d'Yvetot - Baptêmes de l'air en avion et ULM</a></h5>
</div>
</div>
<!-- Card item END -->
<!-- Card item START -->
<div class="card">
<!-- Card img -->
<div class="position-relative">
<img class="card-img border lazy" data-src="https://francesurf.net/images/illustrations/bowling/quimper-le-master-bowling-et-salles-de-karaoke-a-quimper-690x515.png" alt="Vue du site Le Master">
<div class="card-img-overlay d-flex align-items-start flex-column p-3">
<!-- Card overlay Top -->
<div class="w-100 mb-auto d-flex justify-content-end">
<div class="text-end ms-auto">
</div>
</div>
<!-- Card overlay bottom -->
<div class="w-100 mt-auto">
<a class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Bowling</a>
</div>
</div>
</div>
<div class="card-body px-0 pt-3">
<h5 class="card-title"><a href="https://francesurf.net/news/le-master-bowling-et-salles-de-karaoke-a-quimper-f_95660.htm" class="btn-link text-reset fw-bold">Le Master - Bowling et salles de karaoké à Quimper</a></h5>
</div>
</div>
<!-- Card item END -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- =======================
Section END -->
</main>
<!-- **************** MAIN CONTENT END **************** -->
<!-- =======================
Footer START -->
<footer class="bg-dark pt-5">
<div class="container">
<!-- About and Newsletter START -->
<div class="row pt-3 pb-4">
<hr>
<div class="col-md-3 mt-4 mt-lg-5">
<img src="https://francesurf.net/assets/images/logo/francesurf-night.png" alt="Logo Francesurf">
<p class="text-body-secondary">vous fait surfer sur le web français mais aussi francophone depuis 1998 !</p>
</div>
<div class="col-md-5 mt-lg-5">
<p class="text-body-secondary mt-2">Depuis 28 ans Francesurf.net accueille des dizaines de milliers de sites internet, que nous classons par thématique et géographie. <strong>Rejoignez-nous dès maintenant</strong> pour profiter vous aussi de nos services de référencement.</p>
</div>
<div class="col-md-4 mt-lg-5">
<!-- Form -->
<form class="row row-cols-lg-auto g-2 align-items-center justify-content-end" method="post" action="https://francesurf.net">
<div class="mt-2 text-body-secondary fs-4">
Votre site est-il sur Francesurf ?
</div>
<div class="col-12 me-1">
<input type="text" name="searchurl" class="form-control" placeholder="votredomaine.fr">
</div>
<div class="col-12">
<button type="submit" class="btn btn-primary m-0">Vérifier</button>
</div>
</form>
</div>
</div>
<!-- About and Newsletter END -->
<!-- Divider -->
<hr>
<!-- Widgets START -->
<div class="row pt-5">
<!-- Footer Widget -->
<div class="col-md-6 col-lg-2 mb-4">
<h5 class="mb-4 text-white">Nouveaux services</h5>
<!-- Item -->
<div class="mb-4 position-relative">
<div><a href="https://francesurf.net/adminseo/fr/coordonnees" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Fiche contact</a></div>
<span class="text-white">Harmonisez vos coordonnées pour garantir un référencement optimal sur les cartes et les moteurs de recherche.</span>
</div>
<!-- Item -->
<div class="mb-4 position-relative">
<div><a href="https://francesurf.net/adminseo/fr/presence-en-accueil" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Présence Accueil</a></div>
<span class="text-white">En supplément de vos catégories d'indexation, soyez présent dès la page d'accueil</span>
</div>
<!-- Item -->
<div class="mb-4 position-relative">
<div><a href="https://francesurf.net/adminseo/fr/liens-bonus" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Liens bonus</a></div>
<span class="text-white">Obtenez de nouveaux liens sur nos portails thématiques</span>
</div>
</div>
<!-- Footer Widget -->
<div class="col-md-6 col-lg-2 mb-4">
<h5 class="mb-4 text-white">Francophonie</h5>
<div class="row">
<div class="col-12">
<ul class="nav flex-column text-primary-hover">
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/algerie/index,39,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/DZ.svg" style="margin-right:10px;" /> Algérie</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/andorre/index,37,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/AD.svg" style="margin-right:10px;" /> Andorre</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/belgique/index,25,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/BE.svg" style="margin-right:10px;" /> Belgique</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/canada/index,34,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/CA.svg" style="margin-right:10px;" /> Canada</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/ile-maurice/index,53,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/MU.svg" style="margin-right:10px;" /> Île Maurice</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/luxembourg/index,33,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/LU.svg" style="margin-right:10px;" /> Luxembourg</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/madagascar/index,49,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/MG.svg" style="margin-right:10px;" /> Madagascar</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/maroc/index,40,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/MA.svg" style="margin-right:10px;" /> Maroc</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/monaco/index,38,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/MC.svg" style="margin-right:10px;" /> Monaco</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/senegal/index,41,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/SN.svg" style="margin-right:10px;" /> Sénégal</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/suisse/index,35,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/CH.svg" style="margin-right:10px;" /> Suisse</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/tunisie/index,36,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/TN.svg" style="margin-right:10px;" /> Tunisie</span></a>
</li>
</ul>
</div>
</div>
</div>
<!-- Footer Widget -->
<div class="col-md-6 col-lg-2 mb-4">
<h5 class="mb-4 text-white">Autres pays</h5>
<div class="row">
<div class="col-12">
<ul class="nav flex-column text-primary-hover">
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/espagne/index,42,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/ES.svg" style="margin-right:10px;" /> Espagne</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/etats-unis/index,48,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/US.svg" style="margin-right:10px;" /> Etats Unis</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/grande-bretagne/index,44,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/GB.svg" style="margin-right:10px;" /> Grande-Bretagne</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/irlande/index,45,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/IE.svg" style="margin-right:10px;" /> Irlande</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/italie/index,43,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/IT.svg" style="margin-right:10px;" /> Italie</span></a>
</li>
<li class="nav-item">
<a class="nav-link pt-0 pb-2" href="https://francesurf.net/portugal/index,47,0,0,1.htm"><span><img src="https://francesurf.net/assets/images/pays/svg/PT.svg" style="margin-right:10px;" /> Portugal</span></a>
</li>
</ul>
</div>
</div>
</div>
<!-- Footer Widget -->
<div class="col-sm-5 col-lg-2 mb-4">
<h5 class="mb-4 text-white">Nous suivre</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link pt-0" href="https://www.facebook.com/francesurf"><i class="bi bi-facebook me-3"></i>Facebook</a></li>
<li class="nav-item"><a class="nav-link" href="https://bsky.app/profile/francesurf.net"><i class="bi bi-bluesky me-3"></i>Bluesky</a></li>
<li class="nav-item"><a class="nav-link" href="https://x.com/francesurf"><i class="bi bi-twitter-x me-3"></i>X (Twitter)</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/company/francesurf"><i class="bi bi-linkedin me-3"></i>Linkedin</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.youtube.com/@FrancesurfNet"><i class="bi bi-youtube me-3"></i>YouTube</a></li>
</ul>
</div>
<!-- Footer Widget -->
<div class="col-sm-7 col-lg-4 ps-lg-3 pe-lg-3 mb-4">
<h5 class="mb-4 text-white">Nos autres portails</h5>
<p class="text-body-secondary">Retrouvez aussi nos autres portails thématiques ou géographiques pour le référencement de vos sites internet ou de vos boutiques en ligne.</p>
<div class="row g-2 mt-4">
<div class="col m-1 bg-white rounded-1 p-1">
<a href="https://annuairejardin.fr/"><img class="w-100 rounded-1" src="https://annuairejardin.fr/assets/images/logo/logo-annuairejardin.png" alt="Annuaire Jardin"></a>
</div>
<div class="col m-1 bg-white rounded-1 p-1">
<a href="https://boutiques-en-ligne.fr/"><img class="w-100 rounded-1" src="https://boutiques-en-ligne.fr/assets/images/logo/logo-boutiques-en-ligne.png" alt="Annuaire de boutiques en ligne"></a>
</div>
<div class="col m-1 bg-white rounded-1 p-1">
<a href="https://francehotes.fr/"><img class="w-100 rounded-1" src="https://francehotes.fr/assets/images/logo/logo-francehotes.png" alt="Annuaire d'hébergements touristiques"></a>
</div>
</div>
<div class="row g-2 mt-0">
<div class="col m-1 bg-white rounded-1 p-1">
<a href="https://annuaire-mariage.fr/"><img class="w-100 rounded-1" src="https://annuaire-mariage.fr/assets/images/logo/logo-annuaire-mariage.png" alt="Annuaire Mariage"></a>
</div>
<div class="col m-1 bg-white rounded-1 p-1">
<a href="https://annuairenormand.fr/"><img class="w-100 rounded-1" src="https://annuairenormand.fr/assets/images/logo/logo-annuaire-normand.png" alt="Annuaire de boutiques en ligne"></a>
</div>
<div class="col m-1 bg-white rounded-1 p-1">
<a href="https://annuairebreton.fr/"><img class="w-100 rounded-1" src="https://annuairebreton.fr/assets/images/logo/logo-annuaire-breton.png" alt="Annuaire d'hébergements touristiques"></a>
</div>
</div>
</div>
</div>
<!-- Widgets END -->
</div>
<!-- Footer copyright START -->
<div class="bg-dark-overlay-3">
<div class="container">
<div class="row align-items-center justify-content-md-between py-4">
<div class="col-md-6">
<!-- Copyright -->
<div class="text-center text-md-start text-primary-hover text-body-secondary">V5 du portail ©2026 (e)cephale - Tous droits réservés.
</div>
</div>
<div class="col-md-6 d-sm-flex align-items-center justify-content-center justify-content-md-end">
<!-- Links -->
<ul class="nav text-primary-hover text-center text-sm-end justify-content-center justify-content-center mt-3 mt-md-0">
<li class="nav-item"><a class="nav-link" href="https://francesurf.net/contactez-nous/">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="https://francesurf.net/mentions-legales/">Mentions légales</a></li>
<li class="nav-item"><a class="nav-link" href="https://francesurf.net/vie-privee/">Vie privée</a></li>
<li class="nav-item"><a class="nav-link" href="https://francesurf.net/cgu-cgv/">CGU / CGV</a></li>
<li class="nav-item"><a class="nav-link pe-0" href="https://francesurf.net/cookies/">Cookies</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Footer copyright END -->
</footer>
<!-- =======================
Footer END -->
<!-- Back to top -->
<div class="back-top"><i class="bi bi-arrow-up-short"></i></div>
<!-- =======================
JS libraries, plugins and custom scripts -->
<!-- Bootstrap JS -->
<script src="https://francesurf.net/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- Vendors -->
<script src="https://francesurf.net/assets/vendor/tiny-slider/tiny-slider.js"></script>
<script src="https://francesurf.net/assets/vendor/sticky-js/sticky.min.js"></script>
<script src="https://francesurf.net/assets/vendor/vanilla-lazyload/lazyload.min.js"></script>
<!-- Template Functions -->
<script src="https://francesurf.net/assets/js/functions.js"></script>
<script>
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, { threshold: 0.1 });
// On cible bien tous les éléments .bounce-in
document.querySelectorAll('.bounce-in').forEach(el => {
observer.observe(el);
});
</script>
</body>
</html>
