<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="Author" content="Karine SANCHE - KDJ Webdesign" />
<meta name="robots" content="index, follow" />
<meta name="description" content="KDJ Webdesign vous propose son annuaire généraliste gratuit sans lien de retour obligatoire, sélection des 14010 meilleurs sites sur le web, classés par 489 catégories. Référenceurs, venez y soumettre votre site internet !" />
<meta name="keywords" content="annuaire gratuit, annuaire de référencement, annuaire de sites, annuaire francophone" />
<meta name="google-site-verification" content="mv4xzEeweE4aGyqH-dqNTBVAjNKMzm7IKdu6-DTW_VY" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="KDJ Webdesign Annuaire généraliste gratuit francophone liens en dur" />
<meta property="og:description" content="" />
<meta property="og:url" content="https://annuaire.kdj-webdesign.com//" />
<meta property="og:site_name" content="KDJ Webdesign Annuaire généraliste gratuit francophone liens en dur" />
<meta property="og:updated_time" content="2024-04-25T13:49:02+00:00" />
<meta property="og:image" content="https://annuaire.kdj-webdesign.com/images/logo.png" />
<meta property="og:image:width" content="177" />
<meta property="og:image:height" content="59" />
<meta property="og:image:alt" content="KDJ Webdesign Annuaire généraliste gratuit francophone liens en dur" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="" />
<meta name="twitter:title" content="KDJ Webdesign Annuaire généraliste gratuit francophone liens en dur" />
<meta name="twitter:image" content="https://annuaire.kdj-webdesign.com/images/logo.png" />
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<link rel="alternate" type="application/rss+xml" title="Derniers sites ajoutés" href="rss.php" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <!-- font-awesome -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <!-- CSS pour AOS (animations elements au chargement) -->
<link href="css/hamburgers.min.css" rel="stylesheet"> <!-- CSS pour menu hamburger -->
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="css/styles_main.css" rel="stylesheet" type="text/css" /> <!-- CSS pour page accueil --> <link href="css/styles_mobile.css" rel="stylesheet" type="text/css" /> <!-- CSS version mobile -->
<link href="css/grid.css" rel="stylesheet" type="text/css" /> <!-- grid -->
<link href="css/jquery.ui.css" rel="stylesheet" type="text/css" /> <!-- jQuery UI -->
<title>KDJ Webdesign Annuaire généraliste gratuit francophone liens en dur</title>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript">
</script>
<script type="text/javascript">
function formaterMontant(mnt, nbDecimal){
if(nbDecimal==0){
return Math.round(mnt);
}
var exposant=Math.pow(10,nbDecimal);
var mnt=Math.round(exposant*mnt)/exposant;
if(Math.round(mnt)-mnt==0){
var txtMnt=mnt+".0000000000";
}else{
var txtMnt=mnt+"00000000";
}
return txtMnt.substring(0,txtMnt.indexOf(".")+1+nbDecimal);
}
function transforme_numerique(valeur){
if(isNullOrEmpty(valeur)){
valeur=0;
}
valeur=valeur.toString();
valeur=valeur.replace(',','.');
valeur=valeur.replace(' ','');
valeur=valeur.replace(' ','');
valeur=valeur.replace(' ','');
valeur=valeur.replace(' ','');
return valeur;
}
function truncateToInt(x)
{
if(x > 0) {
return Math.floor(x);
}
else{
return Math.ceil(x);
}
}
function convertit_temperature(temperature, sens){
temperature=parseFloat(transforme_numerique(temperature));
if(sens==1) // Celsius vers Fahrenheit
{
temperatureConvertie=temperature* 9/5 + 32;
champ="fahrenheit";
}
else // Fahrenheit vers Celsius
{
temperatureConvertie= (temperature-32) * 5/9 ;
champ="celsius";
}
temperatureConvertie=formaterMontant(temperatureConvertie, 0);
document.getElementById(champ).value=temperatureConvertie;
}
function convertit_distance(distance, sens){
distance=parseFloat(transforme_numerique(distance));
if(sens==1) // km vers miles
{
distanceConvertie=distance* 0.6215;
champ="miles";
}
else // miles vers km
{
distanceConvertie= distance * 1.609 ;
champ="km";
}
distanceConvertie=formaterMontant(distanceConvertie, 3);
document.getElementById(champ).value=distanceConvertie;
}
</script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
// Durée de vie des cookies max 13 mois
_paq.push([function() {
var self = this;
function getOriginalVisitorCookieTimeout() {
var now = new Date(),
nowTs = Math.round(now.getTime() / 1000),
visitorInfo = self.getVisitorInfo();
var createTs = parseInt(visitorInfo[2]);
var cookieTimeout = 33696000; // 13 mois en secondes
var originalTimeout = createTs + cookieTimeout - nowTs;
return originalTimeout;
}
this.setVisitorCookieTimeout( getOriginalVisitorCookieTimeout() );
}]);
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['HeatmapSessionRecording::disable']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.eurokdj.com/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '5']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code --><!-- Quantcast Choice. Consent Manager Tag v2.0 (for TCF 2.0) -->
<script type="text/javascript" async=true>
(function() {
var host = window.location.hostname;
var element = document.createElement('script');
var firstScript = document.getElementsByTagName('script')[0];
var url = 'https://cmp.quantcast.com'
.concat('/choice/', 'b2UNYq3h1RFFt', '/', host, '/choice.js');
var uspTries = 0;
var uspTriesLimit = 3;
element.async = true;
element.type = 'text/javascript';
element.src = url;
firstScript.parentNode.insertBefore(element, firstScript);
function makeStub() {
var TCF_LOCATOR_NAME = '__tcfapiLocator';
var queue = [];
var win = window;
var cmpFrame;
function addFrame() {
var doc = win.document;
var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]);
if (!otherCMP) {
if (doc.body) {
var iframe = doc.createElement('iframe');
iframe.style.cssText = 'display:none';
iframe.name = TCF_LOCATOR_NAME;
doc.body.appendChild(iframe);
} else {
setTimeout(addFrame, 5);
}
}
return !otherCMP;
}
function tcfAPIHandler() {
var gdprApplies;
var args = arguments;
if (!args.length) {
return queue;
} else if (args[0] === 'setGdprApplies') {
if (
args.length > 3 &&
args[2] === 2 &&
typeof args[3] === 'boolean'
) {
gdprApplies = args[3];
if (typeof args[2] === 'function') {
args[2]('set', true);
}
}
} else if (args[0] === 'ping') {
var retr = {
gdprApplies: gdprApplies,
cmpLoaded: false,
cmpStatus: 'stub'
};
if (typeof args[2] === 'function') {
args[2](retr);
}
} else {
if(args[0] === 'init' && typeof args[3] === 'object') {
args[3] = { ...args[3], tag_version: 'V2' };
}
queue.push(args);
}
}
function postMessageEventHandler(event) {
var msgIsString = typeof event.data === 'string';
var json = {};
try {
if (msgIsString) {
json = JSON.parse(event.data);
} else {
json = event.data;
}
} catch (ignore) {}
var payload = json.__tcfapiCall;
if (payload) {
window.__tcfapi(
payload.command,
payload.version,
function(retValue, success) {
var returnMsg = {
__tcfapiReturn: {
returnValue: retValue,
success: success,
callId: payload.callId
}
};
if (msgIsString) {
returnMsg = JSON.stringify(returnMsg);
}
if (event && event.source && event.source.postMessage) {
event.source.postMessage(returnMsg, '*');
}
},
payload.parameter
);
}
}
while (win) {
try {
if (win.frames[TCF_LOCATOR_NAME]) {
cmpFrame = win;
break;
}
} catch (ignore) {}
if (win === window.top) {
break;
}
win = win.parent;
}
if (!cmpFrame) {
addFrame();
win.__tcfapi = tcfAPIHandler;
win.addEventListener('message', postMessageEventHandler, false);
}
};
makeStub();
var uspStubFunction = function() {
var arg = arguments;
if (typeof window.__uspapi !== uspStubFunction) {
setTimeout(function() {
if (typeof window.__uspapi !== 'undefined') {
window.__uspapi.apply(window.__uspapi, arg);
}
}, 500);
}
};
var checkIfUspIsReady = function() {
uspTries++;
if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) {
console.warn('USP is not accessible');
} else {
clearInterval(uspInterval);
}
};
if (typeof window.__uspapi === 'undefined') {
window.__uspapi = uspStubFunction;
var uspInterval = setInterval(checkIfUspIsReady, 6000);
}
})();
</script>
<!-- End Quantcast Choice. Consent Manager Tag v2.0 (for TCF 2.0) --></head>
<body>
<div id="principal">
<a class="skip-link screen-reader-text" tabindex="-1" href="#contenu">Aller au contenu principal</a>
<a name="top"></a>
<!-- header -->
<header>
<img src="images/patate_cyan.png" width="465" height="447" class="patate header animate1" alt="" />
<img src="images/patate_magenta.png" width="465" height="447" class="patate header animate2" alt="" />
<img src="images/patate_magenta.png" width="465" height="447" class="patate header animate3" alt="" />
<!-- menu mobile -->
<!-- icone burger -->
<div id="hamburger-wrapper">
<a href="index.php" class="logo"><img src="images/logo_bleu.png" alt="Annuaire de référencement généraliste gratuit KDJ Webdesign" /></a>
<button class="hamburger hamburger--spin" type="button" aria-controls="navigation_mobile" aria-haspopup="true" aria-expanded="false">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
<input type="hidden" id="cat_menu_mobile_open" value="0" />
</div>
<div class="navigation_mobile_wrapper">
<nav class="navigation_mobile" style="" role="navigation" aria-label="main navigation">
<ul>
<li class="accueil"><a href="index.php">Accueil </a></li>
<li class="web"><a href="index.php?do=nouveautes">Nouveautés</a> </li>
<li class="web"><a href="index.php?do=top-votes">Top votes </a></li>
<li class="web"><a href="index.php?do=top-hits">Top hits </a></li>
<li class="web"><a href="index.php?do=keywords">Recherches </a></li>
<li class="web"><a href="index.php?do=allcats">Catégories </a></li>
<li class="web"><a href="index.php?do=choosepack">Soumettre un site </a></li>
<li class="blog"><a href="http://blog.kdj-webdesign.com/">Blog </a></li>
</ul>
</nav>
</div>
<!-- /menu mobile -->
<!-- menu desktop -->
<div id="logo_wrapper">
<nav class="navigation_desktop" role="navigation" aria-label="main navigation">
<!-- --->
<img src="images/pointilles.svg" class="pointilles" style="left: -150px; bottom: -30px; transform: rotate(10deg);" alt="" />
<img src="images/pointilles2.svg" class="pointilles" style="left: -40px; bottom: -40px;" alt="" />
<img src="images/pointilles3.svg" class="pointilles" style="left: 10px; bottom: -30px;" alt=""/>
<img src="images/pointilles4.svg" class="pointilles" style="left: 350px; bottom: -40px;" alt="" />
<img src="images/pointilles5.svg" class="pointilles" style="left: 420px; bottom: -50px;" alt="" />
<img src="images/pointilles6.svg" class="pointilles" style="left: 550px; bottom: -50px;" alt=""/>
<ul>
<li class="accueil logo_only">
<a href="index.php" title="accueil et services"><img src="images/logo_bleu.png" alt="Annuaire généraliste gratuit KDJ Webdesign" /></a>
</li>
<li class="accueil no_logo" style="left: -290px; top:auto; bottom: -50px;">
<a href="index.php" title="accueil et services"><span class="label">Accueil</span> <div class="cercle jaune"></div></a>
</li>
<li class="web" style="left: -200px; bottom: 60px;">
<a href="index.php?do=nouveautes" title="derniers sites validés"><span class="label">Nouveautés</span> <div class="cercle cyan"></div></a>
</li>
<li class="web" style="left: -100px; bottom: 10px;">
<a href="index.php?do=top-votes" title="sites ayant reçu le plus de votes"><span class="label">Top votes</span>
<div class="cercle cyan"></div></a>
</li>
<li class="web" style="left: 0px; bottom: 90px;">
<a href="index.php?do=top-hits" title="sites les plus visités"><span class="label">Top hits</span>
<div class="cercle cyan"></div></a>
</li>
<li class="web" style="left: 290px; bottom: 90px;">
<a href="index.php?do=keywords"><span class="label">Recherches</span>
<div class="cercle cyan"></div></a>
</li>
<li class="web" style="left: 420px; bottom: 10px;">
<a href="index.php?do=allcats"><span class="label">Catégories</span>
<div class="cercle cyan"></div></a>
</li>
<li class="blog" style="left: 530px; bottom: 50px;">
<a href="index.php?do=choosepack"><span class="label padding_null">Soumettre un site</span>
<div class="cercle magenta"></div> </a>
</li>
<li class="web" style="left: 620px; bottom: -50px;">
<a href="http://blog.kdj-webdesign.com/"><span class="label">Blog</span>
<div class="cercle cyan"></div> </a>
</li>
</ul>
</nav>
<div id="logo_background">
<a href="index.php"><img src="images/logo.png" class="logo" alt="KDJ Webdesign" /></a>
</div>
<div class="metier">Annuaire de référencement</div>
</div>
<!-- cache pour menu -->
<div class="cache_menu">
</div>
<!-- /menu desktop -->
</header>
<div id="contenu" class="accueil">
<!-- form recherche -->
<div class="bloc cyan recherche">
<div class="inner_without_side_images">
<form action="index.php?do=recherche" method="post" role="search">
<label for="search" class="screen-reader-text">Recherche</label>
<input type="text" name="seek" id="search" maxlength="80" value="" placeholder="Recherche" required aria-required="true" />
<button type="submit" class="magenta">
<i class="fa fa-search" role="img" aria-label="Chercher"></i> <span class="desktop-only">Chercher</span>
</button>
<div class="clearfix"></div>
<p align="right"><a href="index.php?do=recherche-avancee">Recherche avancée</a></p>
</form>
</div>
</div>
<div class="bloc cyan">
<div class="inner_without_side_images">
<p>Depuis 2012, l'annuaire de référencement généraliste francophone KDJ Webdesign est le partenaire de votre référencement. <strong>Déjà 14010 sites</strong> lui font confiance pour améliorer leur positionnement. L'annuaire KDJ Webdesign vous permet de présenter votre site internet, d'obtenir des backlinks, et de générer du trafic. Chaque site soumis est <strong>vérifié manuellement</strong>, classé dans la catégorie appropriée, et si nécessaire l'orthographe et la syntaxe de sa description sont corrigées. Une fois validé, votre site bénéficie d'<strong>une page dédiée avec deux liens sortants en dur</strong>.</p>
<p>L'annuaire KDJ Webdesign vous propose également de nombreux services gratuits (<a href="#programme_tv">programmes TV</a> du jour, <a href="#bons_plans">bons plans</a>, <a href="#meteo">météo</a>, <a href="index.php?do=convertisseurs">convertisseurs</a>, <a href="index.php?do=generateur-qr-code">générateur de QR codes</a>, <a href="#horoscope">horoscope</a>, news thématiques...).</p>
</div>
</div>
<div class="bloc blanc" style="padding: 10px;">
<!-- menu services -->
<div class="menu_services" id="menu_services">
<ul>
<li><a href="#bons_plans">Bons plans</a></li>
<li><a href="#programme_tv">Programmes TV</a></li>
<li><a href="#meteo">Météo</a></li>
<li><a href="index.php?do=convertisseurs">Convertisseurs</a></li>
<li><a href="#sondage">Sondage</a></li>
<li><a href="#radio">Radio</a></li>
<li><a href="#horoscope">Horoscope</a></li>
<li><a href="#top_articles">Top articles</a></li>
<li><a href="index.php?do=quoi-de-neuf">Quoi de neuf ?</a></li>
</ul>
</div>
<!-- /menu services -->
</div>
<div class="bloc cyan diaporama_accueil">
<img src="images/patate_cyan.png" width="465" height="447" class="widget patate_deco_gauche" />
<img src="images/patate_cyan.png" width="465" height="447" class="widget patate_deco_droite" />
<div class="inner_without_side_images">
<div class="widget" style="bottom: 0; left: 0; color: #fff">Crédit photo : <a href="https://pixabay.com/fr/users/timhill-5727184/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5455266" target="_blank" rel="noopener noreferrer">Tim Hill</a> de <a href="https://pixabay.com/fr/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5455266" target="_blank" rel="noopener noreferrer">Pixabay</a> </div>
<div class="widget" id="widget_saint"><div class="picto"><i class="fa fa-calendar"></i></div>
<h2 class="service_title">jeudi 25 avril</h2>
<span style="font-size: 90%">Semaine 17 - 115e jour de l'année</span><br />
<strong>Fête de Saint Marc</strong>
<span style="font-size: 90%">Journée mondiale du Paludisme</span><br />
</div>
<div class="widget" id="widget_ip"><!-- Adresse IP -->
<div class="picto"><i class="fa fa-code-fork"></i></div>
<h2 class="service_title">Mon adresse IP</h2>
<p><strong>155.133.132.66</strong><br />
<span class="memo">(gw3.sd3.gpaas.net)</span><br />
<span class="memo">Vous êtes sous Windows Vista</span></p>
<!-- /Adresse IP --></div>
<div class="widget" id="widget_nb_sites"><div class="picto"><i class="fa fa-book"></i></div>
<h2 class="service_title">Dans l'annuaire </h2>
<p class="news">14010 site(s)<br />
489 catégorie(s)
</p>
<div class="separateur"> </div></div>
<div class="widget" id="widget_lune">
<a name="lune"></a>
<h2 class="service_title">Phases de la lune</h2>
<link href="css/twemoji-awesome.css" rel="stylesheet" type="text/css" />
<br><strong>Lune gibbeuse</strong><br><i class="twa twa-waning-gibbous-moon" style="font-size: 250%"></i><br><br><i class="twa twa-last-quarter-moon" title="Dernier quartier"></i> 30/04/2024<br><i class="twa twa-new-moon" title="Nouvelle Lune"></i> 07/05/2024<br><i class="twa twa-first-quarter-moon" title="Premier Quartier"></i> 15/05/2024<br><i class="twa twa-full-moon" title="Pleine Lune"></i> 22/05/2024<br>
</div>
<div class="widget" id="widget_convertisseur"><!-- Convertisseurs -->
<div class="picto"><i class="fa fa-balance-scale"></i></div>
<h2 class="service_title">Convertisseurs</h2>
<form name="conversion1" action="get" style="padding: 0px">
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<th>Celsius </th>
<th>Fahrenheit </th>
</tr>
<tr>
<td><input name="celsius" type="text" id="celsius" size="4" onblur="convertit_temperature(this.value, 1);" />
°C</td>
<td><input name="fahrenheit" type="text" id="fahrenheit" size="4" onblur="convertit_temperature(this.value, 2);" />
°F</td>
</tr>
</table>
</form>
<form name="conversion2" action="get" style="padding: 0px">
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<th>Km </th>
<th>Miles </th>
</tr>
<tr>
<td><input name="km" type="text" id="km" size="4" onblur="convertit_distance(this.value, 1);" />
km</td>
<td><input name="miles" type="text" id="miles" size="4" onblur="convertit_distance(this.value, 2);" />
mi</td>
</tr>
</table>
</form>
<p><a href="index.php?do=convertisseurs">Plus de convertisseurs</a></p>
<!-- /Convertisseurs --></div>
<div class="widget" id="widget_citations"><!-- Citations -->
<div class="picto"><i class="fa fa-comment-o"></i></div>
<h2 class="service_title">Citation du jour</h2>
<style>
.citation {
quotes: "\201C""\201D";
}
/*blockquote.citation:before {
content: open-quote;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 5em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}*/
</style>
<blockquote class="citation">
<em>Rien ne s’est fait de grand qui ne soit une espérance exagérée.</em> <br /> Jules Verne</blockquote>
<!-- /Citations --></div>
<div class="widget" id="widget_proverbe"><!-- Proverbe -->
<div class="picto"><i class="fa fa-comment-o"></i></div>
<h2 class="service_title">Proverbe du jour</h2>
<style>
.citation {
quotes: "\201C""\201D";
}
/*blockquote.citation:before {
content: open-quote;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 5em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}*/
</style>
<blockquote class="citation">
<em>Une once de vanité gâte un quintal de mérite</em>
</blockquote>
<!-- /Proverbe --></div>
<div class="widget cercle cv">Besoin d'un site web ou d'une application ?<br /><a href="https://www.kdj-webdesign.com/" target="_blank" rel="noopener noreferrer">cliquez ici</a></div>
<div class="widget cercle cyan_violet" style="width: 60px; height: 60px; top: 200px; left: 90px"></div>
<div class="widget cercle colorful" style="width: 90px; height: 90px; top: 20px; right: 100px"></div>
</div>
</div>
<div class="bloc blanc">
<div class="cercle blanc navigation_in_page">
<a href="#services"><i class="fa fa-chevron-down"></i></a>
</div>
<div class="inner_without_side_images">
<a name="services"></a>
<!-- Colonne 1 -->
<div class="column1-3">
<h2><strong>Services</strong> pratiques</h2>
<a name="bons_plans"></a>
<h2 class="service_title rose">Bons plans et codes promo</h2>
<style>
.wp-bons-reduction {
width: 100%;
overflow: hidden;
overflow-x: scroll;
margin-top: 10px;
}
.wp-bons-reduction-wrapper {
white-space: nowrap;
}
.wp-bons-reduction-bon{
display: inline-block;
width: 175px;
margin: 5px;
border: 1px solid #ccc;
/*box-shadow: 0px 0px 10px rgba(0,0,0,0.4);*/
position: relative;
}
.wp-bons-reduction-lastdays{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 20px;
background: #e4005b;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.wp-bons-reduction-logo{
text-align: center;
height: 70px;
padding-top: 10px;
}
.wp-bons-reduction-logo img {
width: 60%;
}
.wp-bons-reduction-title {
font-size: 1.14em;
margin: 0px;
padding: 5px 10px;
line-height: normal;
/*text-align: center;*/
font-weight: bold;
}
.wp-bons-reduction-description {
border-top: 1px solid #ccc;
background-color: #eee;
padding: 10px;
color: #555;
height: 160px;
/*text-align: center;*/
font-size: 80%;
line-height: 1.3;
white-space: normal;
}
.wp-bons-reduction-code {
position: relative;
width: 100%;
height: 35px;
background-color: #ddd;
font-weight: normal;
font-size: 115%;
padding: 7px;
}
.wp-bons-reduction-cache, .wp-bons-reduction-lien, .bloc.blanc .wp-bons-reduction-cache {
display: block;
height: 100%;
background-color: #09F;
padding: 7px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.wp-bons-reduction-cache:hover, .wp-bons-reduction-lien:hover {
color: #fff;
text-decoration: none;
background-color:#06C;
transition: 0.5s all;
box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
.wp-bons-reduction-cache {
position: absolute;
width: 85%;
top: 0; right: 0;
font-size: 90%;
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
.wp-bons-reduction-lien {
width: 100%;
height: 35px;
}
.wp-bons-reduction-expiration {
color: #777;
}
@media only screen and (max-width:600px) {
.wp-bons-reduction-bon{
float: left;
width: 48%;
}
.wp-bons-reduction-title {
height: 120px;
}
.wp-bons-reduction-description {
height: 190px;
}
.wp-bons-reduction-wrapper {
width: 100%;
}
}
@media only screen and (max-width:480px) {
.wp-bons-reduction-bon{
margin-top: 30px;
overflow: visible;
float: none;
width: 88%;
}
.wp-bons-reduction-title {
font-size: 1.25em;
}
.wp-bons-reduction-title, .wp-bons-reduction-description, .wp-bons-reduction-logo {
max-height: inherit;
height: auto;
}
}
</style>
<div id="bons_reduction">
<p align="center">
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
</p>
</div>
<p>Retrouvez tous les bons plans sur <a href="http://blog.kdj-webdesign.com/bons-reduction/" target="_blank" rel="noopener noreferrer">le blog KDJ Webdesign</a></p>
<div class="clearfix"></div>
<script type="text/javascript">
$(document).ready(function($){
/*$('a[id^=cache-]').click(function(){
//$(this).css('display', 'none');
$(this).hide();
console.log($(this).attr('class'));
});*/
$("body").on( "click", "a[id^=cache-]", function( event ) {
$(this).hide();
//console.log($(this).attr('class'));
});
});
var url_ajax="includes/widgets/widget_bons_reduction_ajax.php";
function getBonsPlans(){
$.ajax( {
type: "POST",
url: url_ajax,
data: 'action=get_bons_plans',
dataType: "html",
success: function(html) {
document.getElementById('bons_reduction').innerHTML = html;
},
error: function(resultat, statut, erreur){
console.log("Erreur recup resultat "+resultat+" statut "+statut+" erreur "+erreur);
}
});
}
getBonsPlans();
</script>
<a name="programme_tv"></a>
<h2 class="service_title">Votre soirée TV</h2>
<style>
.wheader {
background-color: #333;
}
#widget .wcontent .soiree {
width: 210px;
margin: 0 0 0 5px;
}
#widget .wcontent.middlewidget ul li {
height: auto;
border-top: 1px solid #d0d0d0;
padding: 9px 0;
}
#widget .wcontent ul li .chaine {
margin: 0 0 0 12px;
width: 30px;
}
#widget .wcontent.middlewidget ul li a.illusLink, #widget .wcontent.fullwidget ul li a.illusLink {
display: inline;
}
#widget .wcontent ul li .chaine, #widget .wcontent ul li .illus, #widget .wcontent ul li .horaire, #widget .wcontent ul li .programme, #widget .wcontent .soiree {
display: inline-block;
vertical-align: middle;
margin: 0;
}
#widget .wheader h1 {
display: none
}
#widget .wcontent ul li {
overflow: hidden;
height: 31px;
padding: 2px 0;
width: 100%;
margin-left: 0;
}
#widget .wcontent ul li .illus {
border: 1px solid #fff;
margin: 2px 0 0 10px;
width: 40px;
}
#widget .wcontent .soiree .seconde {
font-size: 12px;
margin: 0;
height: 16px;
overflow: hidden;
display: block;
}
#widget .wcontent .soiree a .seconde a, ul li .illusLink, .programmeLien {
text-decoration: none;
}
</style>
<iframe name="mainframe" id="mainframe" src="https://www.guidetnt.com/program/content/4/1/0/0/21/25/FFFFFF/FFFFFF/313131/111111" scrolling="yes" width="320" height="320" frameborder="0" marginwidth="0" marginheight="0" style="margin-top: 20px"></iframe><noscript><a href="https://www.guidetnt.com">Programme TV</a></noscript>
<a name="cheatsheets"></a>
<h2 class="service_title">Cheatsheets de fonticons</h2>
<p><a href="index.php?do=icomoon-cheatsheet">Cheatsheet IcoMoon</a></p>
<p><a href="index.php?do=twemoji-cheatsheet">Cheatsheet Twemoji</a></p>
<p><a href="https://fontawesome.com/v4.7.0/cheatsheet/" target="_blank" rel="nofollow noopener noreferrer">Cheatsheet FontAwesome</a></p>
<h2 class="service_title">Outils pour développeurs</h2>
<a href="index.php?do=json-lint-validateur">Validateur de JSON</a>
<h2 class="service_title"><a name="meteo"></a>Météo</h2>
<style>
#map-canvas {
width: 340px;;
height: 500px;
}
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD6y-e4MW2A1CPwoymVu3OhnGH2x-3iRD4">
</script>
<script>
var map;
var geoJSON;
var request;
var gettingData = false;
var openWeatherMapKey = "e88c5a0eb9fbe9f23b28b4059df89567"
var lat = 46.912645; // centre de la France
var lon = 2.710016;
function initialize() {
var mapOptions = {
zoom: 7, // si moins zoome, les pictos meteo n'apparaitront pas
disableDefaultUI: true,
mapTypeId: 'hybrid',
center: new google.maps.LatLng(lat,lon)
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
// Add interaction listeners to make weather requests
google.maps.event.addListener(map, 'idle', checkIfDataRequested);
// Sets up and populates the info window with details
map.data.addListener('click', function(event) {
infowindow.setContent(
"<img src=" + event.feature.getProperty("icon") + ">"
+ "<br /><strong>" + event.feature.getProperty("city") + "</strong>"
+ "<br />" + event.feature.getProperty("temperature") + "°C"
+ "<br />" + event.feature.getProperty("weather")
);
infowindow.setOptions({
position:{
lat: event.latLng.lat(),
lng: event.latLng.lng()
},
pixelOffset: {
width: 0,
height: -15
}
});
infowindow.open(map);
});
}
var checkIfDataRequested = function() {
// Stop extra requests being sent
while (gettingData === true) {
request.abort();
gettingData = false;
}
getCoords();
};
// Get the coordinates from the Map bounds
var getCoords = function() {
var bounds = map.getBounds();
var NE = bounds.getNorthEast();
var SW = bounds.getSouthWest();
getWeather(NE.lat(), NE.lng(), SW.lat(), SW.lng());
};
// Make the weather request
var getWeather = function(northLat, eastLng, southLat, westLng) {
gettingData = true;
var requestString = "https://api.openweathermap.org/data/2.5/box/city?bbox="
+ westLng + "," + northLat + "," //left top
+ eastLng + "," + southLat + "," //right bottom
+ map.getZoom()
+ "&cluster=yes&format=json"
+ "&APPID=" + openWeatherMapKey;
request = new XMLHttpRequest();
request.onload = proccessResults;
request.open("get", requestString, true);
request.send();
};
// Take the JSON results and proccess them
var proccessResults = function() {
console.log(this);
var results = JSON.parse(this.responseText);
if (results.list.length > 0) {
resetData();
for (var i = 0; i < results.list.length; i++) {
geoJSON.features.push(jsonToGeoJson(results.list[i]));
}
drawIcons(geoJSON);
}
};
var infowindow = new google.maps.InfoWindow();
// For each result that comes back, convert the data to geoJSON
var jsonToGeoJson = function (weatherItem) {
var feature = {
type: "Feature",
properties: {
city: weatherItem.name,
weather: weatherItem.weather[0].main,
temperature: weatherItem.main.temp,
min: weatherItem.main.temp_min,
max: weatherItem.main.temp_max,
humidity: weatherItem.main.humidity,
pressure: weatherItem.main.pressure,
windSpeed: weatherItem.wind.speed,
windDegrees: weatherItem.wind.deg,
windGust: weatherItem.wind.gust,
icon: "http://openweathermap.org/img/w/"
+ weatherItem.weather[0].icon + ".png",
coordinates: [weatherItem.coord.Lon, weatherItem.coord.Lat]
},
geometry: {
type: "Point",
coordinates: [weatherItem.coord.Lon, weatherItem.coord.Lat]
}
};
// Set the custom marker icon
map.data.setStyle(function(feature) {
return {
icon: {
url: feature.getProperty('icon'),
anchor: new google.maps.Point(25, 25)
}
};
});
// returns object
return feature;
};
// Add the markers to the map
var drawIcons = function (weather) {
map.data.addGeoJson(geoJSON);
// Set the flag to finished
gettingData = false;
};
// Clear data layer and geoJSON
var resetData = function () {
geoJSON = {
type: "FeatureCollection",
features: []
};
map.data.forEach(function(feature) {
map.data.remove(feature);
});
};
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
<!-- /Meteo -->
<!-- Horoscope -->
<a name="horoscope" id="horoscope"></a>
<div id="horoscope_jour">
<p> </p>
<h2 class="service_title">Horoscope du jour</h2>
<p class="spacer h20"></p>
<table cellpadding="0" cellspacing="0" border="0" style="width: 300px; height: 600px; background-color: #ffffff;">
<tr style="height: 40px;"><td align="center"><img src="https://fb.mon-horoscope-du-jour.com/webmaster/images/logo.png" alt="" border="0" style="width:90px; height:42px;"></td></tr>
<tr><td><iframe src="https://fb.mon-horoscope-du-jour.com/webmaster/content_300x600_txt.php" name="content" id="content" width="298" height="530" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe></td></tr>
<tr style="height: 30px;"><td align="center"><a href="https://www.mon-horoscope-du-jour.com" style="text-decoration: none; color: #3b2f27; font-family: arial; font-size: 16px;"><b>Horoscope Gratuit</b></a></td></tr></table>
<p> </p>
</div>
<!-- Sondage -->
<script type="text/javascript">
// vote au sondage
function vote_sondage() {
var id_sondage= document.getElementById('id_sondage').value;
var xhr = getXhr();
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
leselect = xhr.responseText;
document.getElementById('sondage_options').innerHTML=leselect;
resultat_sondage(id_sondage);
}
}
var id=0;
var options_sondage=document.getElementsByName('options_sondage');
for(var i=0; i< options_sondage.length; i++){
if(options_sondage[i].checked){
id = options_sondage[i].value;
}
}
if(id>0){
xhr.open("POST","includes/widgets/widget_sondage_ajax.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("id="+id+"&action=vote_sondage");
}
else {
alert("Veuillez choisir une option")
}
}
// resultat du sondage
function resultat_sondage(id_sondage) {
var xhr = getXhr();
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
leselect = xhr.responseText;
document.getElementById('sondage_resultat').style.display='block';
document.getElementById('sondage_resultat').innerHTML=leselect;
}
}
xhr.open("POST","includes/widgets/widget_sondage_ajax.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("id_sondage="+id_sondage+"&action=resultat_sondage");
}
</script>
<style>
#sondage_question {
font-weight: 600;
}
#sondage_options label {
display: block;
}
#sondage_options label input {
margin-right: 10px;
}
.nb_votes_sondage {
font-size: 90%;
color: #666;
}
</style>
<a name="sondage" id="sondage"></a>
<h2 class="service_title">Notre sondage en ligne</h2>
<h3>L'informatique et vous</h3>
<p id="sondage_question">Vous êtes plutôt...</p>
<div id="sondage_resultat" style="display: none">
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Patienter...</span>
</div>
<form name="sondage" id="sondage_options">
<input name="id_sondage" id="id_sondage" type="hidden" value="1" />
<label ><input name="options_sondage" type="radio" value="1" required />Windows</label><br /><label ><input name="options_sondage" type="radio" value="2" required />Linux</label><br /><label ><input name="options_sondage" type="radio" value="3" required />MacOS</label><br /><input name="" type="button" value="Voter !" onclick="vote_sondage()" />
</form>
<!-- /Sondage --> </div>
<!-- Colonne 2 -->
<div class="column1-3">
<div class="spacer h40"></div>
<div class="lien_vers_form magenta" style="padding: 30px; text-transform: uppercase">
<a href="index.php?do=choosepack">Soumettez un nouveau site</a>
</div>
<h2>Nouveaux <strong>sites</strong></h2>
<div class="nouveaux_sites">
<img src="images/thumbs/2024/17822.jpg" alt="ACQ formations" border="0" class="thumb" />
<a href="single.php?id=acq-formations-17822"><h4 style="color: #4aa3df">ACQ formations</h4></a>
</div>
<div class="nouveaux_sites">
<img src="images/thumbs/2024/17821.jpg" alt="Premier partenaire de location de voitures à Agadir" border="0" class="thumb" />
<a href="single.php?id=premie-partenaire-location-de-voitures-a-agadir-17821"><h4 style="color: #4aa3df">Premier partenaire de location de voitures à Agadir</h4></a>
</div>
<div class="nouveaux_sites">
<img src="images/thumbs/2024/17820.jpg" alt="ARUO Services | Entreprise IT et Cybersécurité" border="0" class="thumb" />
<a href="single.php?id=aruo-services-entreprise-it-et-cybersecurite-17820"><h4 style="color: #4aa3df">ARUO Services | Entreprise IT et Cybersécurité</h4></a>
</div>
<div class="nouveaux_sites">
<img src="images/thumbs/2024/17818.jpg" alt="Aline Paulmier ostéopathe D.O à Caen" border="0" class="thumb" />
<a href="single.php?id=aline-paulmier-osteopathe-do-a-caen-17818"><h4 style="color: #4aa3df">Aline Paulmier ostéopathe D.O à Caen</h4></a>
</div>
<div class="nouveaux_sites">
<img src="images/thumbs/2024/17817.jpg" alt="Cérémonies funèbres laïques en Suisse romande" border="0" class="thumb" />
<a href="single.php?id=ceremonies-funebres-laiques-en-suisse-romande-17817"><h4 style="color: #4aa3df">Cérémonies funèbres laïques en Suisse romande</h4></a>
</div>
<p><a href="index.php?do=nouveautes">Les nouveaux sites</a></p>
<div class="lien_vers_form magenta" style="padding: 30px; text-transform: uppercase">
<a href="index.php?do=choosepack">Soumettez un nouveau site</a>
</div>
<div class="spacer h20"></div>
<a name="top_articles" id="top_articles"></a>
<h2>Top <strong>articles</strong></h2>
<script type="text/javascript">
var url_ajax="includes/widgets/widget_articles_ajax.php";
function getArticles(url_blog, id){
$.ajax( {
type: "POST",
url: url_ajax,
data: 'action=get_articles&url_blog='+url_blog,
dataType: "html",
success: function(html) {
document.getElementById('blog'+id).innerHTML = html;
},
error: function(resultat, statut, erreur){
console.log("Erreur recup resultat "+resultat+" statut "+statut+" erreur "+erreur);
}
});
}
</script>
<div id="blog0">
<p align="center">
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Chargement...</span>
</p>
</div>
<script type="text/javascript">getArticles('https://blog.kdj-webdesign.com/feed/', 0)</script>
<div id="blog1">
<p align="center">
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Chargement...</span>
</p>
</div>
<script type="text/javascript">getArticles('http://roller.kdj-webdesign.com/feed/', 1)</script>
<div id="blog2">
<p align="center">
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Chargement...</span>
</p>
</div>
<script type="text/javascript">getArticles('https://rainbow-blog.com/feed/', 2)</script>
<div id="blog3">
<p align="center">
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Chargement...</span>
</p>
</div>
<script type="text/javascript">getArticles('https://coquettes-paillettes.com/feed/', 3)</script>
<!-- Radio -->
<a name="radio" id="radio"></a>
<h2 class="service_title">Un peu de musique</h2>
<br />
<iframe src="https://tunein.com/embed/player/s135210/" style="width:100%;height:100px;" scrolling="no" frameborder="no"></iframe>
<div class="radionomy-player"></div>
</div>
<!-- /Colonne 2 -->
<!-- Colonne 3 -->
<div class="column1-3">
<h2>Par <strong>catégories</strong></h2>
<div class="cat_accueil"><a href="index.php?dir=1" title="Animaux" class="cat_display rose">Animaux</a><br />
<a href="index.php?dir=376" title="Animaux de la Ferme" class="subcat_display">Animaux de la Ferme</a>
<a href="index.php?dir=377" title="Animaux sauvages" class="subcat_display">Animaux sauvages</a>
<a href="index.php?dir=297" title="Assurances et mutuelles" class="subcat_display">Assurances et mutuelles</a>
<a href="index.php?dir=379" title="Blogs" class="subcat_display">Blogs</a>
<a href="index.php?dir=464" title="Boutiques accessoires et alimentation" class="subcat_display">Boutiques accessoires et alimentation</a>
<a href="index.php?dir=5" title="Conseils" class="subcat_display">Conseils</a>
<a href="index.php?dir=438" title="Education" class="subcat_display">Education</a>
<a href="index.php?dir=369" title="Eleveurs" class="subcat_display">Eleveurs</a>
<a href="index.php?dir=380" title="Forums animaliers" class="subcat_display">Forums animaliers</a>
<a href="index.php?dir=373" title="Pensions" class="subcat_display">Pensions</a>
<a href="index.php?dir=375" title="Pompes funèbres pour animaux" class="subcat_display">Pompes funèbres pour animaux</a>
<a href="index.php?dir=4" title="Protection animale" class="subcat_display">Protection animale</a>
<a href="index.php?dir=368" title="Toiletteur" class="subcat_display">Toiletteur</a>
<a href="index.php?dir=378" title="Transport et ambulances pour animaux" class="subcat_display">Transport et ambulances pour animaux</a>
<a href="index.php?dir=3" title="Vétérinaire" class="subcat_display">Vétérinaire</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=28" title="Annuaires, Moteurs" class="cat_display rose">Annuaires, Moteurs</a><br />
<a href="index.php?dir=44" title="Annuaires d'annuaires" class="subcat_display">Annuaires d'annuaires</a>
<a href="index.php?dir=42" title="Annuaires généralistes" class="subcat_display">Annuaires généralistes</a>
<a href="index.php?dir=43" title="Annuaires spécialisés" class="subcat_display">Annuaires spécialisés</a>
<a href="index.php?dir=45" title="Référencement" class="subcat_display">Référencement</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=29" title="Arts et culture" class="cat_display rose">Arts et culture</a><br />
<a href="index.php?dir=46" title="Antiquaires" class="subcat_display">Antiquaires</a>
<a href="index.php?dir=47" title="Architecture" class="subcat_display">Architecture</a>
<a href="index.php?dir=48" title="Association" class="subcat_display">Association</a>
<a href="index.php?dir=49" title="Calligraphie" class="subcat_display">Calligraphie</a>
<a href="index.php?dir=50" title="Cinéma" class="subcat_display">Cinéma</a>
<a href="index.php?dir=51" title="Création" class="subcat_display">Création</a>
<a href="index.php?dir=52" title="Danse" class="subcat_display">Danse</a>
<a href="index.php?dir=53" title="Design" class="subcat_display">Design</a>
<a href="index.php?dir=54" title="Dessin" class="subcat_display">Dessin</a>
<a href="index.php?dir=55" title="Ecrivain public" class="subcat_display">Ecrivain public</a>
<a href="index.php?dir=414" title="Livres" class="subcat_display">Livres</a>
<a href="index.php?dir=57" title="Magicien, illusioniste" class="subcat_display">Magicien, illusioniste</a>
<a href="index.php?dir=447" title="Musées et expos" class="subcat_display">Musées et expos</a>
<a href="index.php?dir=56" title="Peinture" class="subcat_display">Peinture</a>
<a href="index.php?dir=59" title="Photographie" class="subcat_display">Photographie</a>
<a href="index.php?dir=58" title="Poésie" class="subcat_display">Poésie</a>
<a href="index.php?dir=60" title="Sculpture" class="subcat_display">Sculpture</a>
<a href="index.php?dir=61" title="Théâtre" class="subcat_display">Théâtre</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=27" title="Auto-moto" class="cat_display rose">Auto-moto</a><br />
<a href="index.php?dir=483" title="Auto-école" class="subcat_display">Auto-école</a>
<a href="index.php?dir=70" title="Automobile" class="subcat_display">Automobile</a>
<a href="index.php?dir=71" title="Camion" class="subcat_display">Camion</a>
<a href="index.php?dir=298" title="Caravanes" class="subcat_display">Caravanes</a>
<a href="index.php?dir=72" title="Carburant" class="subcat_display">Carburant</a>
<a href="index.php?dir=73" title="Expert automobile" class="subcat_display">Expert automobile</a>
<a href="index.php?dir=74" title="Karting" class="subcat_display">Karting</a>
<a href="index.php?dir=75" title="Moto, scooter" class="subcat_display">Moto, scooter</a>
<a href="index.php?dir=76" title="Quad" class="subcat_display">Quad</a>
<a href="index.php?dir=77" title="Véhicules utilitaires" class="subcat_display">Véhicules utilitaires</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=30" title="Beauté et bien-être" class="cat_display rose">Beauté et bien-être</a><br />
<a href="index.php?dir=81" title="Accessoires" class="subcat_display">Accessoires</a>
<a href="index.php?dir=82" title="Beauté homme" class="subcat_display">Beauté homme</a>
<a href="index.php?dir=83" title="Bien-être" class="subcat_display">Bien-être</a>
<a href="index.php?dir=484" title="Blog" class="subcat_display">Blog</a>
<a href="index.php?dir=84" title="Bronzage" class="subcat_display">Bronzage</a>
<a href="index.php?dir=85" title="Chirurgie esthétique et plastique" class="subcat_display">Chirurgie esthétique et plastique</a>
<a href="index.php?dir=86" title="Coiffure" class="subcat_display">Coiffure</a>
<a href="index.php?dir=87" title="Compléments alimentaires" class="subcat_display">Compléments alimentaires</a>
<a href="index.php?dir=88" title="Diététique, régime" class="subcat_display">Diététique, régime</a>
<a href="index.php?dir=89" title="Institut de beauté, esthéticienne" class="subcat_display">Institut de beauté, esthéticienne</a>
<a href="index.php?dir=206" title="Mode" class="subcat_display">Mode</a>
<a href="index.php?dir=100" title="Parapharmacie" class="subcat_display">Parapharmacie</a>
<a href="index.php?dir=411" title="Relooking, conseil, coaching" class="subcat_display">Relooking, conseil, coaching</a>
<a href="index.php?dir=103" title="Remise en forme, fitness" class="subcat_display">Remise en forme, fitness</a>
<a href="index.php?dir=106" title="Soins du corps, massage" class="subcat_display">Soins du corps, massage</a>
<a href="index.php?dir=105" title="Tatouage, piercing" class="subcat_display">Tatouage, piercing</a>
<a href="index.php?dir=104" title="Thalasso, balnéothérapie" class="subcat_display">Thalasso, balnéothérapie</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=35" title="Boutiques en ligne, eCommerce" class="cat_display rose">Boutiques en ligne, eCommerce</a><br />
<a href="index.php?dir=381" title="Alimentation et articles animaux" class="subcat_display">Alimentation et articles animaux</a>
<a href="index.php?dir=275" title="Beauté, bien-être" class="subcat_display">Beauté, bien-être</a>
<a href="index.php?dir=276" title="Bijouterie et horlogerie" class="subcat_display">Bijouterie et horlogerie</a>
<a href="index.php?dir=303" title="Bons et codes de réduction" class="subcat_display">Bons et codes de réduction</a>
<a href="index.php?dir=277" title="Cadeaux" class="subcat_display">Cadeaux</a>
<a href="index.php?dir=302" title="Comparateurs de prix" class="subcat_display">Comparateurs de prix</a>
<a href="index.php?dir=278" title="Décoration" class="subcat_display">Décoration</a>
<a href="index.php?dir=279" title="Gastronomie, alimentation" class="subcat_display">Gastronomie, alimentation</a>
<a href="index.php?dir=281" title="Habillement" class="subcat_display">Habillement</a>
<a href="index.php?dir=440" title="Informatique" class="subcat_display">Informatique</a>
<a href="index.php?dir=282" title="Maison et jardin" class="subcat_display">Maison et jardin</a>
<a href="index.php?dir=280" title="Mobilier" class="subcat_display">Mobilier</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=31" title="Commerce et économie" class="cat_display rose">Commerce et économie</a><br />
<a href="index.php?dir=435" title="Agriculture, producteurs" class="subcat_display">Agriculture, producteurs</a>
<a href="index.php?dir=357" title="Artisanat" class="subcat_display">Artisanat</a>
<a href="index.php?dir=246" title="Communication, publicité" class="subcat_display">Communication, publicité</a>
<a href="index.php?dir=247" title="Comptabilité" class="subcat_display">Comptabilité</a>
<a href="index.php?dir=309" title="Crédit" class="subcat_display">Crédit</a>
<a href="index.php?dir=308" title="Débarras, occasion, brocanteur" class="subcat_display">Débarras, occasion, brocanteur</a>
<a href="index.php?dir=310" title="Déménagement" class="subcat_display">Déménagement</a>
<a href="index.php?dir=248" title="Finance" class="subcat_display">Finance</a>
<a href="index.php?dir=445" title="Industrie" class="subcat_display">Industrie</a>
<a href="index.php?dir=300" title="Maintenance et produits d'entretien" class="subcat_display">Maintenance et produits d'entretien</a>
<a href="index.php?dir=249" title="Management" class="subcat_display">Management</a>
<a href="index.php?dir=441" title="Papeterie, imprimerie" class="subcat_display">Papeterie, imprimerie</a>
<a href="index.php?dir=250" title="Publicité" class="subcat_display">Publicité</a>
<a href="index.php?dir=256" title="Restaurant" class="subcat_display">Restaurant</a>
<a href="index.php?dir=417" title="Services à la personne" class="subcat_display">Services à la personne</a>
<a href="index.php?dir=427" title="Transport et logistique" class="subcat_display">Transport et logistique</a>
<a href="index.php?dir=418" title="TV hifi vidéo" class="subcat_display">TV hifi vidéo</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=33" title="Ecologie" class="cat_display rose">Ecologie</a><br />
<a href="index.php?dir=315" title="Agriculture biologique" class="subcat_display">Agriculture biologique</a>
<a href="index.php?dir=318" title="Associations" class="subcat_display">Associations</a>
<a href="index.php?dir=314" title="Blog" class="subcat_display">Blog</a>
<a href="index.php?dir=312" title="Covoiturage" class="subcat_display">Covoiturage</a>
<a href="index.php?dir=313" title="Divers" class="subcat_display">Divers</a>
<a href="index.php?dir=311" title="Habitat, construction" class="subcat_display">Habitat, construction</a>
<a href="index.php?dir=316" title="Qualité de l'air et de l'eau" class="subcat_display">Qualité de l'air et de l'eau</a>
<a href="index.php?dir=317" title="Réglementation" class="subcat_display">Réglementation</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=34" title="Emploi, formation" class="cat_display rose">Emploi, formation</a><br />
<a href="index.php?dir=209" title="Aide juridique, droit du travail" class="subcat_display">Aide juridique, droit du travail</a>
<a href="index.php?dir=207" title="Annonces, offres d'emploi" class="subcat_display">Annonces, offres d'emploi</a>
<a href="index.php?dir=208" title="Comités d'entreprise" class="subcat_display">Comités d'entreprise</a>
<a href="index.php?dir=210" title="Création d'entreprise" class="subcat_display">Création d'entreprise</a>
<a href="index.php?dir=211" title="Formation, écoles" class="subcat_display">Formation, écoles</a>
<a href="index.php?dir=213" title="Interim, travail temporaire" class="subcat_display">Interim, travail temporaire</a>
<a href="index.php?dir=212" title="Jobs étudiants" class="subcat_display">Jobs étudiants</a>
<a href="index.php?dir=215" title="Portage salarial" class="subcat_display">Portage salarial</a>
<a href="index.php?dir=410" title="Soutien scolaire" class="subcat_display">Soutien scolaire</a>
<a href="index.php?dir=214" title="Travail a domicile" class="subcat_display">Travail a domicile</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=36" title="Histoire" class="cat_display rose">Histoire</a><br />
<a href="index.php?dir=319" title="Archéologie" class="subcat_display">Archéologie</a>
<a href="index.php?dir=219" title="Guerres" class="subcat_display">Guerres</a>
<a href="index.php?dir=325" title="Histoire antique" class="subcat_display">Histoire antique</a>
<a href="index.php?dir=216" title="Histoire de France" class="subcat_display">Histoire de France</a>
<a href="index.php?dir=320" title="Histoire de l'art" class="subcat_display">Histoire de l'art</a>
<a href="index.php?dir=321" title="Histoire des civilisations" class="subcat_display">Histoire des civilisations</a>
<a href="index.php?dir=218" title="Histoire et religions" class="subcat_display">Histoire et religions</a>
<a href="index.php?dir=323" title="Histoire militaire" class="subcat_display">Histoire militaire</a>
<a href="index.php?dir=217" title="Histoire mondiale" class="subcat_display">Histoire mondiale</a>
<a href="index.php?dir=322" title="Préhistoire" class="subcat_display">Préhistoire</a>
<a href="index.php?dir=324" title="Renaissance" class="subcat_display">Renaissance</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=2" title="Immobilier" class="cat_display rose">Immobilier</a><br />
<a href="index.php?dir=79" title="Agences" class="subcat_display">Agences</a>
<a href="index.php?dir=78" title="Annonces" class="subcat_display">Annonces</a>
<a href="index.php?dir=394" title="Diagnostics, expertise immobilière" class="subcat_display">Diagnostics, expertise immobilière</a>
<a href="index.php?dir=412" title="Divers" class="subcat_display">Divers</a>
<a href="index.php?dir=420" title="Fonds de commerces" class="subcat_display">Fonds de commerces</a>
<a href="index.php?dir=395" title="Immobilier de prestige" class="subcat_display">Immobilier de prestige</a>
<a href="index.php?dir=396" title="Promoteurs immobiliers" class="subcat_display">Promoteurs immobiliers</a>
<a href="index.php?dir=80" title="Syndic de copropriété" class="subcat_display">Syndic de copropriété</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=220" title="Informatique" class="cat_display rose">Informatique</a><br />
<a href="index.php?dir=415" title="Conception 3D" class="subcat_display">Conception 3D</a>
<a href="index.php?dir=221" title="Consommables" class="subcat_display">Consommables</a>
<a href="index.php?dir=222" title="Cours d'informatique" class="subcat_display">Cours d'informatique</a>
<a href="index.php?dir=223" title="Dépannage informatique" class="subcat_display">Dépannage informatique</a>
<a href="index.php?dir=224" title="Fonds d'écran" class="subcat_display">Fonds d'écran</a>
<a href="index.php?dir=225" title="Gifs" class="subcat_display">Gifs</a>
<a href="index.php?dir=437" title="Jeux vidéo" class="subcat_display">Jeux vidéo</a>
<a href="index.php?dir=234" title="Langages (php, java, asp...)" class="subcat_display">Langages (php, java, asp...)</a>
<a href="index.php?dir=226" title="Logiciels" class="subcat_display">Logiciels</a>
<a href="index.php?dir=469" title="SSI et cabinets de recrutement" class="subcat_display">SSI et cabinets de recrutement</a>
<a href="index.php?dir=227" title="Trucs et astuces" class="subcat_display">Trucs et astuces</a>
<a href="index.php?dir=228" title="Windows" class="subcat_display">Windows</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=9" title="Internet" class="cat_display rose">Internet</a><br />
<a href="index.php?dir=400" title="Affiliation et régie publicitaire" class="subcat_display">Affiliation et régie publicitaire</a>
<a href="index.php?dir=307" title="CMS" class="subcat_display">CMS</a>
<a href="index.php?dir=296" title="Divers" class="subcat_display">Divers</a>
<a href="index.php?dir=399" title="Fournisseurs d'accès" class="subcat_display">Fournisseurs d'accès</a>
<a href="index.php?dir=237" title="Hébergement, noms de domaine" class="subcat_display">Hébergement, noms de domaine</a>
<a href="index.php?dir=405" title="Jeux en ligne" class="subcat_display">Jeux en ligne</a>
<a href="index.php?dir=306" title="Référencement" class="subcat_display">Référencement</a>
<a href="index.php?dir=236" title="Webdesigner" class="subcat_display">Webdesigner</a>
<a href="index.php?dir=235" title="Webmaster" class="subcat_display">Webmaster</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=37" title="Loisirs" class="cat_display rose">Loisirs</a><br />
<a href="index.php?dir=398" title="Casinos, jeux d'argent, paris" class="subcat_display">Casinos, jeux d'argent, paris</a>
<a href="index.php?dir=344" title="Chasses au trésor, escape games" class="subcat_display">Chasses au trésor, escape games</a>
<a href="index.php?dir=172" title="Collections" class="subcat_display">Collections</a>
<a href="index.php?dir=455" title="Divers" class="subcat_display">Divers</a>
<a href="index.php?dir=171" title="Humour" class="subcat_display">Humour</a>
<a href="index.php?dir=409" title="Jouets" class="subcat_display">Jouets</a>
<a href="index.php?dir=345" title="Loisirs créatifs, scrapbooking" class="subcat_display">Loisirs créatifs, scrapbooking</a>
<a href="index.php?dir=173" title="Modélisme" class="subcat_display">Modélisme</a>
<a href="index.php?dir=174" title="Parcs d'attractions" class="subcat_display">Parcs d'attractions</a>
<a href="index.php?dir=443" title="Pêche" class="subcat_display">Pêche</a>
<a href="index.php?dir=346" title="Peinture et aquarelle" class="subcat_display">Peinture et aquarelle</a>
<a href="index.php?dir=446" title="Séries TV" class="subcat_display">Séries TV</a>
<a href="index.php?dir=343" title="Tricot, patchwork, point de croix" class="subcat_display">Tricot, patchwork, point de croix</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=32" title="Maison" class="cat_display rose">Maison</a><br />
<a href="index.php?dir=187" title="Alarmes" class="subcat_display">Alarmes</a>
<a href="index.php?dir=188" title="Artisans" class="subcat_display">Artisans</a>
<a href="index.php?dir=191" title="Bricolage" class="subcat_display">Bricolage</a>
<a href="index.php?dir=189" title="Chauffage, cheminées" class="subcat_display">Chauffage, cheminées</a>
<a href="index.php?dir=190" title="Climatisation" class="subcat_display">Climatisation</a>
<a href="index.php?dir=192" title="Construction" class="subcat_display">Construction</a>
<a href="index.php?dir=473" title="Couvreur" class="subcat_display">Couvreur</a>
<a href="index.php?dir=193" title="Cuisines" class="subcat_display">Cuisines</a>
<a href="index.php?dir=413" title="Décorateur d'intérieur" class="subcat_display">Décorateur d'intérieur</a>
<a href="index.php?dir=194" title="Déménagement" class="subcat_display">Déménagement</a>
<a href="index.php?dir=199" title="Dépannage" class="subcat_display">Dépannage</a>
<a href="index.php?dir=195" title="Domotique" class="subcat_display">Domotique</a>
<a href="index.php?dir=196" title="Escaliers" class="subcat_display">Escaliers</a>
<a href="index.php?dir=197" title="Ferronnerie" class="subcat_display">Ferronnerie</a>
<a href="index.php?dir=305" title="Jardin" class="subcat_display">Jardin</a>
<a href="index.php?dir=198" title="Maçonnerie" class="subcat_display">Maçonnerie</a>
<a href="index.php?dir=201" title="Menuiseries" class="subcat_display">Menuiseries</a>
<a href="index.php?dir=200" title="Meubles" class="subcat_display">Meubles</a>
<a href="index.php?dir=304" title="Piscines" class="subcat_display">Piscines</a>
<a href="index.php?dir=202" title="Portes et fenêtres" class="subcat_display">Portes et fenêtres</a>
<a href="index.php?dir=203" title="Salle de bain" class="subcat_display">Salle de bain</a>
<a href="index.php?dir=428" title="Sols planchers parquets" class="subcat_display">Sols planchers parquets</a>
<a href="index.php?dir=204" title="Travaux de bâtiment" class="subcat_display">Travaux de bâtiment</a>
<a href="index.php?dir=205" title="Vente de matériaux" class="subcat_display">Vente de matériaux</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=10" title="Musique" class="cat_display rose">Musique</a><br />
<a href="index.php?dir=295" title="Blogs et webzines" class="subcat_display">Blogs et webzines</a>
<a href="index.php?dir=294" title="Boutiques en ligne" class="subcat_display">Boutiques en ligne</a>
<a href="index.php?dir=404" title="Chanson francophone" class="subcat_display">Chanson francophone</a>
<a href="index.php?dir=292" title="Classique rock" class="subcat_display">Classique rock</a>
<a href="index.php?dir=288" title="Concerts, festivals, spectacles" class="subcat_display">Concerts, festivals, spectacles</a>
<a href="index.php?dir=442" title="Cours de musique" class="subcat_display">Cours de musique</a>
<a href="index.php?dir=287" title="Discothèques" class="subcat_display">Discothèques</a>
<a href="index.php?dir=284" title="Electro, house" class="subcat_display">Electro, house</a>
<a href="index.php?dir=15" title="Euro-reggae" class="subcat_display">Euro-reggae</a>
<a href="index.php?dir=11" title="Eurodance" class="subcat_display">Eurodance</a>
<a href="index.php?dir=401" title="Jazz" class="subcat_display">Jazz</a>
<a href="index.php?dir=286" title="Karaoke" class="subcat_display">Karaoke</a>
<a href="index.php?dir=293" title="Metal" class="subcat_display">Metal</a>
<a href="index.php?dir=290" title="Musiciens" class="subcat_display">Musiciens</a>
<a href="index.php?dir=285" title="Musique classique" class="subcat_display">Musique classique</a>
<a href="index.php?dir=301" title="Musique du monde et internationale" class="subcat_display">Musique du monde et internationale</a>
<a href="index.php?dir=291" title="Orchestres" class="subcat_display">Orchestres</a>
<a href="index.php?dir=289" title="Partitions de musique et tablatures" class="subcat_display">Partitions de musique et tablatures</a>
<a href="index.php?dir=480" title="Radios" class="subcat_display">Radios</a>
<a href="index.php?dir=283" title="Rap, hip-hop" class="subcat_display">Rap, hip-hop</a>
<a href="index.php?dir=403" title="RnB" class="subcat_display">RnB</a>
<a href="index.php?dir=416" title="Rock" class="subcat_display">Rock</a>
<a href="index.php?dir=402" title="Soul" class="subcat_display">Soul</a>
<a href="index.php?dir=444" title="Studio d'enregistrement" class="subcat_display">Studio d'enregistrement</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=41" title="Presse" class="cat_display rose">Presse</a><br />
<a href="index.php?dir=241" title="Abonnements presse" class="subcat_display">Abonnements presse</a>
<a href="index.php?dir=239" title="Actualité" class="subcat_display">Actualité</a>
<a href="index.php?dir=485" title="Blog" class="subcat_display">Blog</a>
<a href="index.php?dir=240" title="Sites de journaux" class="subcat_display">Sites de journaux</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=26" title="Santé" class="cat_display rose">Santé</a><br />
<a href="index.php?dir=481" title="Ambulances" class="subcat_display">Ambulances</a>
<a href="index.php?dir=157" title="Chirurgie" class="subcat_display">Chirurgie</a>
<a href="index.php?dir=170" title="Cigarette, alcoolisme et toxicomanies" class="subcat_display">Cigarette, alcoolisme et toxicomanies</a>
<a href="index.php?dir=158" title="Dentiste" class="subcat_display">Dentiste</a>
<a href="index.php?dir=159" title="Déontologie" class="subcat_display">Déontologie</a>
<a href="index.php?dir=263" title="Handicaps" class="subcat_display">Handicaps</a>
<a href="index.php?dir=160" title="Hématologie" class="subcat_display">Hématologie</a>
<a href="index.php?dir=264" title="Homéopathie" class="subcat_display">Homéopathie</a>
<a href="index.php?dir=169" title="Hôpitaux et cliniques" class="subcat_display">Hôpitaux et cliniques</a>
<a href="index.php?dir=479" title="Infirmiers" class="subcat_display">Infirmiers</a>
<a href="index.php?dir=163" title="Kinésithérapeute" class="subcat_display">Kinésithérapeute</a>
<a href="index.php?dir=161" title="Laboratoires" class="subcat_display">Laboratoires</a>
<a href="index.php?dir=168" title="Maladies" class="subcat_display">Maladies</a>
<a href="index.php?dir=424" title="Matériel médical" class="subcat_display">Matériel médical</a>
<a href="index.php?dir=267" title="Médecines alternatives" class="subcat_display">Médecines alternatives</a>
<a href="index.php?dir=439" title="Médecins" class="subcat_display">Médecins</a>
<a href="index.php?dir=266" title="Mutuelles et assurances" class="subcat_display">Mutuelles et assurances</a>
<a href="index.php?dir=162" title="Nutrition" class="subcat_display">Nutrition</a>
<a href="index.php?dir=472" title="Opticien" class="subcat_display">Opticien</a>
<a href="index.php?dir=462" title="Pédicure, podologue" class="subcat_display">Pédicure, podologue</a>
<a href="index.php?dir=164" title="Pharmacies" class="subcat_display">Pharmacies</a>
<a href="index.php?dir=165" title="Prévention" class="subcat_display">Prévention</a>
<a href="index.php?dir=166" title="Psychanalyste, psychologue, psychothérapeute" class="subcat_display">Psychanalyste, psychologue, psychothérapeute</a>
<a href="index.php?dir=167" title="Radiologie" class="subcat_display">Radiologie</a>
<a href="index.php?dir=486" title="Sage-femme" class="subcat_display">Sage-femme</a>
<a href="index.php?dir=265" title="Vieillissement" class="subcat_display">Vieillissement</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=39" title="Sciences" class="cat_display rose">Sciences</a><br />
<a href="index.php?dir=175" title="Aéronautique" class="subcat_display">Aéronautique</a>
<a href="index.php?dir=426" title="Anthropologie" class="subcat_display">Anthropologie</a>
<a href="index.php?dir=176" title="Astronomie" class="subcat_display">Astronomie</a>
<a href="index.php?dir=177" title="Biologie" class="subcat_display">Biologie</a>
<a href="index.php?dir=178" title="Chimie" class="subcat_display">Chimie</a>
<a href="index.php?dir=186" title="Généalogie" class="subcat_display">Généalogie</a>
<a href="index.php?dir=425" title="Géographie" class="subcat_display">Géographie</a>
<a href="index.php?dir=180" title="Géologie" class="subcat_display">Géologie</a>
<a href="index.php?dir=179" title="Mathématiques" class="subcat_display">Mathématiques</a>
<a href="index.php?dir=185" title="Microbiologie" class="subcat_display">Microbiologie</a>
<a href="index.php?dir=181" title="Minéralogie" class="subcat_display">Minéralogie</a>
<a href="index.php?dir=184" title="Mycologie" class="subcat_display">Mycologie</a>
<a href="index.php?dir=182" title="Physique" class="subcat_display">Physique</a>
<a href="index.php?dir=183" title="Zoologie" class="subcat_display">Zoologie</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=38" title="Services" class="cat_display rose">Services</a><br />
<a href="index.php?dir=242" title="Avocats" class="subcat_display">Avocats</a>
<a href="index.php?dir=243" title="Huissiers" class="subcat_display">Huissiers</a>
<a href="index.php?dir=397" title="Notaires" class="subcat_display">Notaires</a>
<a href="index.php?dir=245" title="Pompes funèbres" class="subcat_display">Pompes funèbres</a>
<a href="index.php?dir=406" title="Secrétariat" class="subcat_display">Secrétariat</a>
<a href="index.php?dir=436" title="Securité, détective" class="subcat_display">Securité, détective</a>
<a href="index.php?dir=448" title="Traducteurs, interprètes" class="subcat_display">Traducteurs, interprètes</a>
<a href="index.php?dir=244" title="Transporteurs" class="subcat_display">Transporteurs</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=40" title="Sport" class="cat_display rose">Sport</a><br />
<a href="index.php?dir=108" title="Alpinisme" class="subcat_display">Alpinisme</a>
<a href="index.php?dir=109" title="Arts martiaux" class="subcat_display">Arts martiaux</a>
<a href="index.php?dir=110" title="Athlétisme" class="subcat_display">Athlétisme</a>
<a href="index.php?dir=111" title="Aviron" class="subcat_display">Aviron</a>
<a href="index.php?dir=112" title="Badminton" class="subcat_display">Badminton</a>
<a href="index.php?dir=113" title="Baseball" class="subcat_display">Baseball</a>
<a href="index.php?dir=114" title="Basket" class="subcat_display">Basket</a>
<a href="index.php?dir=115" title="Beach-volley" class="subcat_display">Beach-volley</a>
<a href="index.php?dir=116" title="Biathlon" class="subcat_display">Biathlon</a>
<a href="index.php?dir=118" title="Billard" class="subcat_display">Billard</a>
<a href="index.php?dir=119" title="Bodybuilding, musculation" class="subcat_display">Bodybuilding, musculation</a>
<a href="index.php?dir=117" title="Bowling" class="subcat_display">Bowling</a>
<a href="index.php?dir=120" title="Boxe" class="subcat_display">Boxe</a>
<a href="index.php?dir=122" title="Canoe" class="subcat_display">Canoe</a>
<a href="index.php?dir=123" title="Canyoning" class="subcat_display">Canyoning</a>
<a href="index.php?dir=121" title="Course à pied" class="subcat_display">Course à pied</a>
<a href="index.php?dir=124" title="Curling" class="subcat_display">Curling</a>
<a href="index.php?dir=152" title="Cyclisme, vélo" class="subcat_display">Cyclisme, vélo</a>
<a href="index.php?dir=126" title="Equitation" class="subcat_display">Equitation</a>
<a href="index.php?dir=125" title="Escrime" class="subcat_display">Escrime</a>
<a href="index.php?dir=107" title="Fitness" class="subcat_display">Fitness</a>
<a href="index.php?dir=127" title="Football" class="subcat_display">Football</a>
<a href="index.php?dir=128" title="Football américain" class="subcat_display">Football américain</a>
<a href="index.php?dir=129" title="Golf" class="subcat_display">Golf</a>
<a href="index.php?dir=131" title="Gymnastique" class="subcat_display">Gymnastique</a>
<a href="index.php?dir=130" title="Handball" class="subcat_display">Handball</a>
<a href="index.php?dir=132" title="Handisports" class="subcat_display">Handisports</a>
<a href="index.php?dir=134" title="Hockey" class="subcat_display">Hockey</a>
<a href="index.php?dir=133" title="Lutte" class="subcat_display">Lutte</a>
<a href="index.php?dir=135" title="Marathon" class="subcat_display">Marathon</a>
<a href="index.php?dir=137" title="Natation" class="subcat_display">Natation</a>
<a href="index.php?dir=138" title="Parachutisme" class="subcat_display">Parachutisme</a>
<a href="index.php?dir=136" title="Patinage" class="subcat_display">Patinage</a>
<a href="index.php?dir=140" title="Pelote basque" class="subcat_display">Pelote basque</a>
<a href="index.php?dir=139" title="Pétanque" class="subcat_display">Pétanque</a>
<a href="index.php?dir=155" title="Ping-pong, tennis de table" class="subcat_display">Ping-pong, tennis de table</a>
<a href="index.php?dir=141" title="Planche à voile, funboard, surf" class="subcat_display">Planche à voile, funboard, surf</a>
<a href="index.php?dir=143" title="Plongée" class="subcat_display">Plongée</a>
<a href="index.php?dir=142" title="Randonnée" class="subcat_display">Randonnée</a>
<a href="index.php?dir=144" title="Roller, Skateboard" class="subcat_display">Roller, Skateboard</a>
<a href="index.php?dir=423" title="Rugby" class="subcat_display">Rugby</a>
<a href="index.php?dir=145" title="Ski alpin" class="subcat_display">Ski alpin</a>
<a href="index.php?dir=147" title="Snowboard" class="subcat_display">Snowboard</a>
<a href="index.php?dir=146" title="Spéléologie" class="subcat_display">Spéléologie</a>
<a href="index.php?dir=299" title="Sports mécaniques" class="subcat_display">Sports mécaniques</a>
<a href="index.php?dir=148" title="Squash" class="subcat_display">Squash</a>
<a href="index.php?dir=149" title="Tennis" class="subcat_display">Tennis</a>
<a href="index.php?dir=156" title="Tir, flash-ball, airsoft" class="subcat_display">Tir, flash-ball, airsoft</a>
<a href="index.php?dir=151" title="ULM" class="subcat_display">ULM</a>
<a href="index.php?dir=154" title="Voile et plaisance" class="subcat_display">Voile et plaisance</a>
<a href="index.php?dir=150" title="Volley-ball" class="subcat_display">Volley-ball</a>
<a href="index.php?dir=153" title="Water-polo" class="subcat_display">Water-polo</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=16" title="Tourisme" class="cat_display rose">Tourisme</a><br />
<a href="index.php?dir=19" title="Agence de voyage" class="subcat_display">Agence de voyage</a>
<a href="index.php?dir=20" title="Guide de voyage" class="subcat_display">Guide de voyage</a>
<a href="index.php?dir=17" title="Hébergement" class="subcat_display">Hébergement</a>
<a href="index.php?dir=24" title="Moyens de transport" class="subcat_display">Moyens de transport</a>
<a href="index.php?dir=23" title="Office de tourisme" class="subcat_display">Office de tourisme</a>
<a href="index.php?dir=25" title="Villes et villages" class="subcat_display">Villes et villages</a>
</div>
<div class="cat_accueil"><a href="index.php?dir=257" title="Vie pratique et société" class="cat_display rose">Vie pratique et société</a><br />
<a href="index.php?dir=471" title="Associations humanitaires" class="subcat_display">Associations humanitaires</a>
<a href="index.php?dir=490" title="Blogs" class="subcat_display">Blogs</a>
<a href="index.php?dir=261" title="Enfants" class="subcat_display">Enfants</a>
<a href="index.php?dir=262" title="Esotérisme, religion, spiritualité" class="subcat_display">Esotérisme, religion, spiritualité</a>
<a href="index.php?dir=470" title="Institutions et administrations" class="subcat_display">Institutions et administrations</a>
<a href="index.php?dir=259" title="Mariage" class="subcat_display">Mariage</a>
<a href="index.php?dir=468" title="Partis politiques" class="subcat_display">Partis politiques</a>
<a href="index.php?dir=419" title="Recettes de cuisine" class="subcat_display">Recettes de cuisine</a>
<a href="index.php?dir=260" title="Rencontres" class="subcat_display">Rencontres</a>
<a href="index.php?dir=258" title="Téléphonie" class="subcat_display">Téléphonie</a>
</div>
</div>
<!-- /Colonne 3 -->
</div>
</div>
<!-- partenaires -->
<div class="bloc gris">
<div class="cercle gris navigation_in_page">
<a href="#partenaires"><i class="fa fa-chevron-down"></i></a>
</div>
<div class="inner_without_side_images">
<a name="partenaires"></a>
<h2>Nos <strong>partenaires</strong></h2>
<a href='https://les-plantes-medicinales.net/'><img src='http://www.aquadesign.be/im1.gif' alt="plantes medicinales jardin" border=0></a><a href="http://www.aquadesign.be/cat59.htm"><img src='http://www.aquadesign.be/im2.gif' alt="Répertoires Annuaires généralistes" border=0></a>
<a href="https://www.hannuaire.fr/" title="Annuaire référencement gratuit"><img src="http://www.hannuaire.fr/i/bleu.png" alt="Annuaire web" style="border:0"/></a>
<a href="https://buzz.vunet.fr" target="_blank" title="Buzz l'annuaire gratuit" rel="noopener noreferrer"><img src="http://buzz.vunet.fr/buzzvunet.png" style="border:0px" alt="Buzz l'annuaire gratuit sans lien retour" /></a> <br />
<!-- début du code liendur.com --><a target="_blank" href="http://www.liendur.com/" title="annuaire" rel="noopener noreferrer">Annuaire</a> <a target="_blank" href="http://www.liendur.com/generalistes-2-1.html" title="Généralistes sur liendur.com" rel="noopener noreferrer">Généralistes</a><!-- fin du code liendur -->
<a href="https://www.meta-annuaire.com" target="_blank" title="annuaire référencement" rel="noopener noreferrer">annuaire référencement</a>
</div>
</div>
<div class="bloc cyan">
<div class="cercle cyan navigation_in_page">
<a href="#qui"><i class="fa fa-chevron-down"></i></a>
</div>
<a name="qui"></a>
<div class="inner_without_side_images">
<p>Webdesigner, développeur et SEO, je possède plus de 20 ans d'expérience dans la création et la conception de logiciels, d'applications et de sites internet personnalisés. </p>
<p> Je vous fais profiter de mon expérience en création graphique, design internet, gestion de contenu, et référencement naturel.
Je réalise également des templates Wordpress. </p>
<p>Un projet à me proposer ? <a href="https://www.kdj-webdesign.com/contact.php" target="_blank">Contactez-moi ! </a></p>
</div>
</div>
</div>
<!-- pied de page -->
<footer>
<!-- retour en haut -->
<div id="link_to_top">
<a href="#top" title="Retour vers le haut de la page" aria-label="Retour vers le haut de la page"><i class="fa fa-chevron-up" role="img" aria-label="Haut"></i></a>
</div>
<p class="memo" align="center">KDJ Webdesign Annuaire généraliste gratuit francophone liens en dur utilise la technologie Thumbnail.ws </p>
<!-- motes-cles -->
<div id="menu_mots_cles" class="menu_accessoire">
<ul>
<li><a href="index.php?do=top-votes">annuaire de référencement</a></li>
<li><a href="index.php?do=top-hits">annuaire gratuit</a> </li>
<li><a href="index.php?do=keywords">annuaire référencement gratuit</a></li>
<li><a href="index.php?do=top-votes">annuaire généraliste</a> </li>
<li><a href="index.php?do=choosepack">annuaire liens en dur</a> </li>
<li><a href="index.php?do=allcats">annuaire généraliste gratuit</a></li>
</ul>
</div>
<!-- menu accessoire -->
<div id="menu_accessoire" class="menu_accessoire">
<ul>
<li><a href="http://www.kdj-webdesign.com" target="_blank" rel="noopener noreferrer">Conception de sites internet, logiciels php, référencement</a></li>
<li><a href="index.php?do=quoi-de-neuf">Quoi de neuf</a></li>
<li><a href="index.php?do=convertisseurs">Convertisseurs</a></li>
<li><a href="index.php?do=mentions-legales">Mentions légales</a></li>
<li><a href="index.php?do=confidentialite">Politique de confidentialité</a></li>
<li><a href="index.php?do=contact">Contact</a></li>
</ul>
</div>
<!-- top recherches -->
<div id="menu_rss" class="menu_accessoire">
<h2>Flux</h2>
<ul>
<li><a href="rss.php">S'abonner (RSS)</a></li>
<li><a href="atom.php">S'abonner (ATOM)</a></li>
</ul>
</div>
</footer>
<!-- / pied de page -->
<script type="text/javascript">
// Replace all SVG images with inline SVG
jQuery('img.svg').each(function(){
var $img = jQuery(this);
var imgID = $img.attr('id');
var imgClass = $img.attr('class');
var imgURL = $img.attr('src');
jQuery.get(imgURL, function(data) {
// Get the SVG tag, ignore the rest
var $svg = jQuery(data).find('svg');
// Add replaced image's ID to the new SVG
if(typeof imgID !== 'undefined') {
$svg = $svg.attr('id', imgID);
}
// Add replaced image's classes to the new SVG
if(typeof imgClass !== 'undefined') {
$svg = $svg.attr('class', imgClass+' replaced-svg');
}
// Remove any invalid XML tags as per http://validator.w3.org
$svg = $svg.removeAttr('xmlns:a');
// Replace image with new SVG
$img.replaceWith($svg);
}, 'xml');
});
$(document).ready(function(){
$('.hamburger').on('click', function(){
var display = $('.navigation_mobile_wrapper').css('display');
if(display=='' || display=='block') {
$('.navigation_mobile_wrapper').css('display','none');
$('.hamburger').removeClass('is-active');
$('.hamburger').attr('aria-expanded','false');
//$('.cat_menu_mobile_open').val(1);
}
else {
$('.navigation_mobile_wrapper').css('display','block');
$('.hamburger').addClass('is-active');
$('.hamburger').attr('aria-expanded','true');
//$('.cat_menu_mobile_open').val(0);
}
});
// smooth scroll to anchor
$("a[href*='#']:not([href='#'])").click(function() {
if (
location.hostname == this.hostname
&& this.pathname.replace(/^\//,"") == location.pathname.replace(/^\//,"")
) {
var anchor = $(this.hash);
anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) +"]");
if ( anchor.length ) {
$("html, body").animate( { scrollTop: anchor.offset().top }, 1500);
}
}
});
$('.inner_with_side_images h2:first-child').each(function(){
//console.log('hop');
$(this).append('<br /><img src="images/separateur_magenta.svg" data-aos="fade-left" class="separateur" />');
});
});
// agrandissement dans une lightbox
function lance_lightbox(url) {
$("#lightbox").fadeIn("slow", function(){});
$("#lightbox").height($(document).height()+50);
var image = document.getElementById('image_zoom');
image.setAttribute('src', url );
}
// fermeture de la lightbox
function ferme_lightbox() {
//document.getElementById('lightbox').style.display = "none";
$("#lightbox").fadeOut("slow", function(){
var image = document.getElementById('image_zoom');
image.setAttribute('src', '' );
});
}
$("#lightbox").click(function(){
ferme_lightbox();
});
/*(function() {
function init() {
var speed = 250,
easing = mina.easeinout;
[].slice.call ( document.querySelectorAll( '#grid > a' ) ).forEach( function( el ) {
var s = Snap( el.querySelector( 'svg' ) ), path = s.select( 'path' ),
pathConfig = {
from : path.attr( 'd' ),
to : el.getAttribute( 'data-path-hover' )
};
el.addEventListener( 'mouseenter', function() {
path.animate( { 'path' : pathConfig.to }, speed, easing );
} );
el.addEventListener( 'mouseleave', function() {
path.animate( { 'path' : pathConfig.from }, speed, easing );
} );
} );
}
init();
})();*/
// affichage du menu mini-header au scroll
var nav = $('.navigation_desktop');
var mobile=false;
if(nav.css('display')==='none'){
nav = $('.navigation_mobile_wrapper');
mobile = true;
}
var t = $('#logo_background').innerHeight() ; // + $('#logo_background').css('height')
//var t = nav.offset().top ;
//var largeur = ($(window).width()) ;
$(document).scroll(function(){
//console.log("largeur "+($(window).width())+" pos bas logo "+t+" scrollTop "+$(this).scrollTop()); // +" pos. menu "+t offset_logo_background
if($(this).scrollTop() > t ) {
//console.log('bas');
$('#link_to_top').css('display', 'block');
$('.hamburger').css('display', 'block').css('position', 'fixed');
$('#hamburger-wrapper').addClass('visible');
$('.navigation_mobile').css('position', 'fixed').css('top', '70px'); // espace pour le mini-header
}
else {
//console.log('haut');
$('#link_to_top').css('display', 'none');
if(!mobile){
$('.hamburger').css('display', 'none'); // le burger doit tout le temps rester visible en affichage mobile
}
$('.hamburger').css('position', 'absolute');
$('#hamburger-wrapper').removeClass('visible');
$('.navigation_mobile').css('position', 'static').css('top', '0px');
}
});
</script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({ once: true });
</script>
</body>
</html>
