Outiref

Code source de l'URL : http://le.188.free.fr/2.html

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>annuaire 2026</title>
<meta name="description" content="TOUS LES SERVICES GRATUITS pajes blanches page blanche">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="http://le.188.online.fr">
<meta name="google-site-verification" content="g4z3kaEaL4c4mpHS4hCkavhnKfv0yK0SyE_EQjT_B7k">
<link rel="shortcut icon" href="h/b2.jpg">
<style>
:root{
  --bg-dark:#141210;
  --bg-dark2:#1c1712;
  --wood-a:#03252E;
  --wood-b:#03252E;
  --text:#cccccc;
  --white:#ffffff;
  --accent:#cc3333;
  --accent-glow:#ff5b5b;
  --gray:#555555;
  --gray-light:#8a8a8a;
  --sidebar-w:220px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:var(--text);
  background-color:var(--bg-dark);
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.02) 2px, transparent 2px, transparent 42px),
    linear-gradient(180deg, var(--wood-a), var(--wood-b) 40%, var(--bg-dark) 100%);
  background-attachment:fixed;
  min-height:100vh;
}
a{ text-decoration:none; color:var(--white); transition: color .18s ease, background-color .18s ease, transform .15s ease; }
a:visited{ color:var(--white); }
a:hover{
  background-color:var(--accent);
  color:var(--white);
  font-style:italic;
  border-radius:3px;
  padding:0 3px;
  transform:translateY(-1px);
  box-shadow:0 2px 8px rgba(204,51,51,.55);
}
.style1{ font-size:1.55rem; font-weight:bold; color:var(--white); letter-spacing:.5px; }
.style13{ color:var(--white); font-weight:bold; }
.style15{ color:var(--gray-light); font-size:12px; }
.sep{ color:var(--gray-light); margin:0 2px; }

/* ---------- layout ---------- */
.page{ display:flex; min-height:100vh; max-width:1440px; margin:0 auto; }

/* sidebar */
.sidebar{
  width:var(--sidebar-w);
  flex:0 0 var(--sidebar-w);
  position:sticky; top:0; height:100vh;
  padding:22px 16px;
  border-right:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
  display:flex; flex-direction:column;
  overflow-y:auto;
}
.logo-wrap{ text-align:center; margin-bottom:6px; }
.logo{
  display:inline-flex; align-items:center; justify-content:center;
  width:64px; height:64px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #ff8a65, var(--accent) 70%);
  color:#fff; font-weight:bold; font-size:22px;
  box-shadow:0 0 0 3px rgba(255,255,255,.08), 0 8px 20px rgba(204,51,51,.35);
  animation:pulseLogo 3.5s ease-in-out infinite;
}
@keyframes pulseLogo{
  0%,100%{ box-shadow:0 0 0 3px rgba(255,255,255,.08), 0 8px 20px rgba(204,51,51,.35);}
  50%{ box-shadow:0 0 0 6px rgba(255,255,255,.12), 0 10px 28px rgba(204,51,51,.6);}
}
.badge{
  display:block; text-align:center; margin:8px auto 18px; font-size:10px;
  letter-spacing:2px; color:var(--gray-light); text-transform:uppercase;
}
.nav-anchors{ list-style:none; margin:0 0 26px; padding:0; }
.nav-anchors li{ margin:14px 0; }
.nav-anchors a{ display:flex; align-items:center; gap:8px; font-size:14px; }
.star{
  color:#ffd54f; display:inline-block; animation:twinkle 2.4s ease-in-out infinite;
}
.nav-anchors li:nth-child(2) .star{ animation-delay:.3s; }
.nav-anchors li:nth-child(3) .star{ animation-delay:.6s; }
.nav-anchors li:nth-child(4) .star{ animation-delay:.9s; }
@keyframes twinkle{
  0%,100%{ opacity:.35; transform:scale(.85); }
  50%{ opacity:1; transform:scale(1.1); }
}
.promo{
  margin-top:auto; text-align:center; padding-top:18px;
  border-top:1px dashed rgba(255,255,255,.12);
}
.promo a{ display:inline-block; }
.promo-pig{
  width:88px; height:88px; margin:0 auto 6px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#ffb199,#ff0844);
  font-size:34px;
  animation:float 3s ease-in-out infinite;
}
@keyframes float{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-6px);} }
.promo-label{ font-size:12px; }
.croisiere{ font-size:12px; color:var(--gray-light); margin:10px 0 0; text-align:center; }
.credits{ text-align:center; margin-top:8px; }
.credits a{ font-size:11px; }

/* right decorative column */
.sidebar-right{
  width:190px;
  flex:0 0 190px;
  position:sticky; top:0; height:100vh;
  padding:22px 16px;
  border-left:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.35));
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; gap:22px;
}
.deco-stars{ display:flex; flex-direction:column; gap:16px; opacity:.8; }
.deco-stars span{ color:#ffd54f; font-size:14px; animation:twinkle 2.6s ease-in-out infinite; }
.deco-stars span:nth-child(2){ animation-delay:.5s; }
.deco-stars span:nth-child(3){ animation-delay:1s; }
.right-footer{ margin-top:auto; padding-top:18px; border-top:1px dashed rgba(255,255,255,.12); }
.right-footer .style15{ display:block; margin:6px 0; }

/* mobile toggle */
.sidebar-toggle{ display:none; }

/* main content */
main{ flex:1; padding:26px 40px 80px; max-width:1200px; }
.hello{ text-align:center; margin-bottom:10px; color:var(--gray-light); font-size:13px; }
.hello span{ color:var(--white); font-weight:bold; }

section.block-section{ margin:56px 0; opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; }
section.block-section.visible{ opacity:1; transform:translateY(0); }

.section-title{ text-align:center; position:relative; margin-bottom:30px; }
.section-title .style1{ display:inline-block; position:relative; padding-bottom:8px; }
.section-title .style1::after{
  content:""; position:absolute; left:50%; bottom:0; height:2px; width:0;
  background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);
  transform:translateX(-50%); transition:width .8s ease;
}
section.block-section.visible .section-title .style1::after{ width:140px; }

.columns{ display:grid; grid-template-columns:repeat(3,1fr); gap:0 28px; }
.col{ border-left:1px solid rgba(255,255,255,.06); padding-left:24px; }
.col:first-child{ border-left:none; padding-left:0; }

.cat{ margin-bottom:22px; text-align:center; }
.cat-title{ display:inline-block; margin-bottom:6px; }
.cat-links{ line-height:1.9; }
.cat-links a{ display:inline-block; }

footer{
  margin-top:60px; padding-top:26px; border-top:1px dashed rgba(255,255,255,.12);
  text-align:center;
}
footer .style15{ display:block; margin-bottom:6px; }

/* back to top */
#backTop{
  position:fixed; right:22px; bottom:22px; width:46px; height:46px; border-radius:50%;
  background:var(--accent); color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:20px; opacity:0; pointer-events:none; transform:translateY(10px);
  transition:opacity .3s ease, transform .3s ease, background .2s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.4);
}
#backTop.show{ opacity:1; pointer-events:auto; transform:translateY(0); }
#backTop:hover{ background:var(--accent-glow); }

/* falling sparkle decorations */
.sparkles{ position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
.sparkles span{
  position:absolute; top:-10px; width:3px; height:3px; background:rgba(255,255,255,.5);
  border-radius:50%; animation:fall linear infinite;
}
@keyframes fall{ to{ transform:translateY(110vh); opacity:0; } }

footer.desktop-hidden{ display:none; }

@media (max-width:900px){
  .columns{ grid-template-columns:1fr; }
  .col{ border-left:none; padding-left:0; border-top:1px solid rgba(255,255,255,.06); padding-top:18px; }
  .col:first-child{ border-top:none; padding-top:0; }
  .sidebar{ position:relative; height:auto; width:100%; flex:none; }
  .sidebar-right{ display:none; }
  .page{ flex-direction:column; }
  main{ padding:24px 18px 70px; }
  footer.desktop-hidden{ display:block; }
}

/* ===== article annuaires gratuits (bas de page) ===== */
.annuaire-article{
  max-width:800px;margin:40px auto 20px auto;padding:20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  border-top:2px solid rgba(255,255,255,.15);
}
.annuaire-article h2{ font-size:20px; color:var(--white); }
.annuaire-article .scrollbox{
  height:100px;overflow-y:scroll;padding:15px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(0,0,0,.25);
  line-height:1.6;font-size:14px;color:var(--text);
}
.annuaire-article .scrollbox p{ margin:0 0 14px; }
</style>
</head>
<body>

<div class="sparkles" id="sparkles"></div>

<div class="page">

  <!-- ============ SIDEBAR ============ -->
  <aside class="sidebar">
    <div class="logo-wrap">
      <a href="../"><img src="fun/bestblc.gif" width="74" height="60" border="0"></a><br>
&nbsp; &nbsp; <img src="fond/annuaire.gif" width="88" height="13">
    </div>

    <ul class="nav-anchors">
      <li><a href="#actu"><span class="star">★</span> Actualités<br>&nbsp;&nbsp;Média</a></li>
      <li><a href="#loisirs"><span class="star">★</span> Culture<br>&nbsp;&nbsp;Loisirs</a></li>
      <li><a href="#multi"><span class="star">★</span> Multimédia<br>&nbsp;&nbsp;Internet</a></li>
      <li><a href="#pratique"><span class="star">★</span> Vie<br>&nbsp;&nbsp;Pratique</a></li>
    </ul>

    <div class="promo">
     <div class="credits">
<a href="https://lyon-photographe-professionnel.fr/" target="_blank" class="style15">photographe</a>

 </div>
    </div>
  </aside>

  <!-- ============ MAIN ============ -->
  <main>
    <p class="hello">Bienvenue, Nous sommes le <span id="today">11 Septembre 2026</span></p>

    <!-- ===================== MULTIMEDIA ===================== -->
    <section class="block-section" id="multi">
      <div class="section-title"><span class="style1">Multimédia et internet</span></div>
      <div class="columns">

        <div class="col">
          <div class="cat">
            <a href="https://copilot.microsoft.com/" target="_blank" rel="noopener" class="cat-title style13">Top IA</a>
            <div class="cat-links">
 <a href="https://claude.ai/new" target="_blank" rel="noopener">Claude</a><span class="sep">|</span>
 <a href="https://chatgpt.com/overview" target="_blank" rel="noopener">GPT</a><br>
 <a href="https://www.perplexity.ai/" target="_blank" rel="noopener">Perplexity</a><span class="sep">|</span>
 <a href="https://gemini.google.com/app" target="_blank" rel="noopener">Gemini</a><br>
 <a href="https://chat.mistral.ai/chat" target="_blank" rel="noopener">Le chat</a><span class="sep">|</span>
 <a href="https://copilot.microsoft.com/" target="_blank" rel="noopener">Copilot</a>
            </div>
          </div>

          <div class="cat">
            <a href="https://www.google.com/?hl=fr" target="_blank" rel="noopener" class="cat-title style13">Google</a>
            <div class="cat-links">
 <a href="https://fr.search.yahoo.com/" target="_blank" rel="noopener">Yahoo</a><span class="sep">|</span>
 <a href="https://www.bing.com/" target="_blank" rel="noopener">Bing</a><br>
 <a href="https://www.qwant.com/" target="_blank" rel="noopener">Qwant</a><span class="sep">|</span>
 <a href="https://www.ecosia.org/" target="_blank" rel="noopener">Eco</a><br>
 <a href="https://fr.pinterest.com/" target="_blank" rel="noopener">Pinterest</a><br>
 <a href="yandex.php" target="_blank" rel="noopener">Yandex</a><span class="sep">|</span>
 <a href="https://search.lilo.org/" target="_blank" rel="noopener">Lilo</a>
            </div>
          </div>


  <div class="cat">
            <a href="https://www.tumblr.com/explore/trending" target="_blank" rel="noopener" class="cat-title style13">Photos</a>
            <div class="cat-links">
 <a href="http://www.compare.free.fr/" target="_blank" rel="noopener">Compare</a><span class="sep">|</span>
 <a href="http://www.flickr.com/" target="_blank" rel="noopener">Flickr</a><br>

            </div>
          </div>

        </div>

        <div class="col">
			<div class="cat">
            <a href="mail.php" target="_blank" rel="noopener" class="cat-title style13">Mail</a>
            <div class="cat-links">
 <a href="https://login.yahoo.com/?.src=ym&amp;.intl=fr&amp;.lang=fr-FR&amp;.done=http://mail.yahoo.com" target="_blank" rel="noopener">Yahoo</a><span class="sep">|</span>
 <a href="www.gmail.php" target="_blank" rel="noopener">Gmail</a><br>
 <a href="outlook_mail.php" target="_blank" rel="noopener">Outlook</a><span class="sep">|</span>
 <a href="sfr-mail.htm" target="_blank" rel="noopener">SFR</a><br>
 <a href="www.mail_free.php" target="_blank" rel="noopener">Free</a><span class="sep">|</span>
 <a href="orange_mail.htm" target="_blank" rel="noopener">Orange</a>
            </div>
          </div>

          <div class="cat">
            <a href="http://www.chaussure.femme.online.fr/" target="_blank" rel="noopener" class="cat-title style13">Blog</a>
            <span class="sep">|</span>
            <a href="http://www.chat.et.chaton.free.fr/" target="_blank" rel="noopener" class="cat-title style13">Chat</a>
            <div class="cat-links">
 <a href="http://www.blogger.com/" target="_blank" rel="noopener">blogger</a><span class="sep">|</span>
 <a href="https://www.tumblr.com/explore/trending/" target="_blank" rel="noopener">tumblr</a><br>
 <a href="BLOG.fr.net.com.php" target="_blank" rel="noopener">Coté</a><span class="sep">|</span>
 <a href="BLOG.php" target="_blank" rel="noopener">Voyages</a><br>
 <a href="word_press.php" target="_blank" rel="noopener">World Press</a><span class="sep">|</span>
 <a href="messenger.php" target="_blank" rel="noopener">Live</a><br>

            </div>
          </div>

          <div class="cat">
            <a href="raccourcis_clavier.htm" target="_blank" rel="noopener" class="cat-title style13">Aides</a>
            <div class="cat-links">

 <a href="http://www.outiref.com" target="_blank" rel="noopener">Outiref</a><span class="sep">|</span>
 <a href="http://www.commentcamarche.net/" target="_blank" rel="noopener">CCM</a><br>

 <a href="http://www.sosordi.net/" target="_blank" rel="noopener">SOS Ordi</a><span class="sep">|</span>
 <a href="http://www.dicofr.com/" target="_blank" rel="noopener">dico</a>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="cat">
            <span class="cat-title style13">Informatique</span>
            <div class="cat-links">
 <a href="https://www.amazon.fr/b?_encoding=UTF8&amp;tag=bestweb-21&amp;linkCode=ur2&amp;linkId=617f9ff4e9c59236bb3fcc148ea49b3f&amp;camp=1642&amp;creative=6746&amp;node=13921051" target="_blank" rel="noopener">Amazon</a><br>
 <a href="http://www.missnumerique.com/?ref=39924" target="_blank" rel="noopener">Miss Numerique</a><br>


            </div>
          </div>

          <div class="cat">
            <a href="https://photofunia.com/categories/vintage/classic_frame" target="_blank" rel="noopener" class="cat-title style13">Création</a>
            <div class="cat-links">
 <a href="https://www.photofancy.fr/editor" target="_blank" rel="noopener">Fancy</a>
 <a href="http://funny.pho.to/fr/" target="_blank" rel="noopener">photo</a><br>
 <a href="http://fr.funphotobox.com/" target="_blank" rel="noopener">Fun</a><span class="sep">|</span>
 <a href="https://www.fotojet.com/fr/" target="_blank" rel="noopener">Foto jet</a><br>
 <a href="http://pixlr.com/editor/" target="_blank" rel="noopener">Pixlr</a><span class="sep">|</span>
 <a href="https://www.befunky.com/create/photo-to-art/" target="_blank" rel="noopener">funky</a><br>
 <a href="http://www.fotor.com/fr" target="_blank" rel="noopener">Fotor</a><span class="sep">|</span>
 <a href="https://photolab.me" target="_blank" rel="noopener">Lab</a>
            </div>
          </div>

          <div class="cat">
            <a href="http://www.01net.com/telecharger/" target="_blank" rel="noopener" class="cat-title style13">Télécharger</a>
            <div class="cat-links">
 <a href="http://www.zdnet.fr/telecharger/windows/" target="_blank" rel="noopener">zdnet</a><span class="sep">|</span>
 <a href="itune.php" target="_blank" rel="noopener">Itunes</a><br>
 <a href="http://www.framasoft.net/" target="_blank" rel="noopener">Soft</a><span class="sep">|</span>
 <a href="drivers.php" target="_blank" rel="noopener">drivers</a>
            </div>
          </div>
        </div>

      </div>
    </section>

    <!-- ===================== CULTURE & LOISIRS ===================== -->
    <section class="block-section" id="loisirs">
      <div class="section-title"><span class="style1">Culture &amp; loisirs</span></div>
      <div class="columns">

        <div class="col">
          <div class="cat">
            <span class="cat-title style13">Voyager</span>
            <div class="cat-links">
 <a href="http://www.partir.online.fr/" title="Partir pas cher !" target="_blank" rel="noopener">Partir pas cher</a><br>
<a href="opodo.php" title="odopo" target="_blank" rel="noopener">Opodo</a><span class="sep">|</span>
 <a href="http://www.partir.online.fr/ski.php" target="_blank" rel="noopener">Ski</a><br>



 <a href="https://www.airbnb.fr/" target="_blank" rel="noopener">Airbnb</a><br>
 <a href="http://camping.ferme.free.fr/" title="camping ferme" target="_blank" rel="noopener">Camping</a><span class="sep">|</span>
 <a href="vvf.php" target="_blank" rel="noopener">VVF</a><br>
 <a href="http://www.partir.online.fr/disneyland.php" title="Disneyland" target="_blank" rel="noopener">Disneyland</a><br>
 <a href="couch_surfing.php" target="_blank" rel="noopener">Couch surfing</a><br>
 <a href="http://parc.animation.online.fr/puy_du_fou/" target="_blank" rel="noopener">Puy du Fou</a><br>
 <a href="tripadvistor.fr.php" target="_blank" rel="noopener">Tripadvistor</a><br>
 <a href="voyageforum.php" target="_blank" rel="noopener">VoyageForum</a><br>
 <a href="routard.fr.php" target="_blank" rel="noopener">Le Routard</a>
            </div>
          </div>

          <div class="cat">
            <a href="http://musee.grevin.online.fr/" target="_blank" rel="noopener" class="cat-title style13">Musée Grévin</a>
            <div class="cat-links">
 <a href="http://www.cadre.tableau.free.fr/" target="_blank" rel="noopener">Cadre</a><span class="sep">|</span>
 <a href="http://www.madame.tussaud.online.fr/" target="_blank" rel="noopener">M. Tussaud</a><br>
<a href="http://ny.met.online.fr/" target="_blank" rel="noopener">Met</a><span class="sep">|</span>
  <a href="http://le.louvre.online.fr/paris.htm" target="_blank" rel="noopener">Le Louvre</a>
            </div>
          </div>
        </div>

        <div class="col">


          <div class="cat">
            <a href="http://www.bon.voyage.online.fr/" title="Carnets de voyage photos" target="_blank" rel="noopener" class="cat-title style13">Carnets de voyage</a>
            <div class="cat-links">
 <a href="http://ma.roc.online.fr/" title="Carnets de voyage photos" target="_blank" rel="noopener">Maroc</a><span class="sep">|</span>
 <a href="http://la.tunisie.free.fr/" title="Carnets de voyage Tunisie photos" target="_blank" rel="noopener">Tunisie</a><br>
 <a href="http://go.burkina.free.fr/" title="Carnets Burkina Faso photos" target="_blank" rel="noopener">Burkina Faso</a><span class="sep">|</span>
 <a href="http://go.mali.online.fr/" title="Carnets Mali" target="_blank" rel="noopener">Mali</a><br>
 <a href="http://thailande.photos.free.fr/" target="_blank" rel="noopener">Thaïlande </a><span class="sep">|</span>
 <a href="http://www.perou.photo.free.fr/" target="_blank" rel="noopener">Pérou</a><br>
 <a href="http://go.laos.online.fr/" target="_blank" rel="noopener">Laos</a><span class="sep">|</span>
 <a href="http://vietnam.photo.free.fr/" target="_blank" rel="noopener">Vietnam</a><br>
 <a href="http://www.taj.mal.online.fr/" target="_blank" rel="noopener">Taj Mahal</a><span class="sep">|</span>
 <a href="http://go.inde.online.fr/" target="_blank" rel="noopener">Inde</a><br>

 <a href="http://parc.usa.online.fr/" target="_blank" rel="noopener">USA</a><span class="sep">|</span>
 <a href="http://new.york.photo.online.fr/" target="_blank" rel="noopener">New York</a><br>

 <a href="http://photos.las.vegas.online.fr/" target="_blank" rel="noopener">Vegas</a><span class="sep">|</span>
 <a href="http://mexique.photo.online.fr/" target="_blank" rel="noopener">Mexique</a><br>

 <a href="http://ile.guadeloupe.online.fr/" target="_blank" rel="noopener">Guadeloupe</a><span class="sep">|</span>
<a href="http://l.equateur.free.fr/" target="_blank" rel="noopener">Equateur</a><br>
 <a href="http://go.grece.online.fr/" target="_blank" rel="noopener">Grèce</a><span class="sep">|</span>
 <a href="http://www.londre.free.fr/" target="_blank" rel="noopener">Londres</a><br>
 <a href="http://www.ecosse.photo.free.fr/" target="_blank" rel="noopener">Ecosse</a><span class="sep">|</span>
 <a href="http://aventure.norvege.online.fr/" target="_blank" rel="noopener">Norvège</a><br>
 <a href="http://go.venise.online.fr/" target="_blank" rel="noopener">Venise</a><span class="sep">|</span>
 <a href="http://www.la.bretagne.free.fr/" target="_blank" rel="noopener">La Bretagne</a><br>
 <a href="http://calanque.cassis.free.fr/" target="_blank" rel="noopener">Calanques</a><span class="sep">|</span>
 <a href="http://www.lyon.photo.free.fr/" target="_blank" rel="noopener">Lyon</a><br>
 <a href="http://www.paris.photo.online.fr/bienvenue.php" target="_blank" rel="noopener">Paris</a><span class="sep">|</span>
 <a href="http://montagne.photo.online.fr/" target="_blank" rel="noopener">Montagne</a><br>
 <a href="http://www.en.normandie.free.fr/" target="_blank" rel="noopener">La Normandie</a>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="cat">
            <a href="http://le.bon.coin.xxx.free.fr/" target="_blank" rel="noopener" class="cat-title style13">Humour</a>
            <div class="cat-links">
 <a href="http://pps.rigolo.online.fr/welcome.php" target="_blank" rel="noopener">PPS</a><span class="sep">|</span>
 <a href="http://se.marrer.free.fr/" target="_blank" rel="noopener">Se Marrer</a><br>
 <a href="http://pps.gratuit.online.fr/" target="_blank" rel="noopener">PPT</a><span class="sep">|</span>
 <a href="http://www.le.petit.coin.online.fr/" target="_blank" rel="noopener">Blagues</a><br>
 <a href="citation/" target="_blank" rel="noopener">Citations</a><span class="sep">|</span>
 <a href="http://www.paysage.online.fr/blagues/" target="_blank" rel="noopener">Rire</a><br>
 <a href="http://www.cochon.humour.online.fr/" target="_blank" rel="noopener">Cochon</a><span class="sep">|</span>
 <a href="http://www.mort.de.rire.online.fr/" target="_blank" rel="noopener">Mdr</a>
            </div>
          </div>

          <div class="cat">
            <span class="cat-title style13">Ciné / Musique</span>
            <div class="cat-links">
 <a href="allo-cine.php" target="_blank" rel="noopener">Allo ciné</a><span class="sep">|</span>
 <a href="https://www.allocine.fr/film/aucinema/top/" target="_blank" rel="noopener">les avis</a><br>
 <a href="deezer.php" target="_blank" rel="noopener">Deezer</a><span class="sep">|</span>
<a href="http://asterix.3d.free.fr" title="Parc Astérix" target="_blank" rel="noopener">Astérix</a><br>
 <a href="http://tintin.aventures.free.fr/" target="_blank" rel="noopener">Tintin</a><span class="sep">|</span>
 <a href="http://chtroumph.online.fr/" target="_blank" rel="noopener">Chtroumph</a><br>
 <a href="http://coloriage.dessin.online.fr/" target="_blank" rel="noopener">Coloriage</a><span class="sep">|</span>
 <a href="http://www.hello.kitty.online.fr/" target="_blank" rel="noopener">Kitty</a>
            </div>
          </div>

          <div class="cat">
            <a href="https://fr.wikipedia.org/" target="_blank" rel="noopener" class="cat-title style13">Wikipédia</a>
           </div>

          <div class="cat">
            <a href="https://www.facebook.com/lyonsudphotographe/" target="_blank" rel="noopener" class="cat-title style13">Facebook</a>
            <span class="sep">|</span>
            <a href="hi5.php" target="_blank" rel="noopener">Hi5</a>
            <div class="cat-links">
 <a href="https://www.instagram.com/gc.photographe.lyon/" target="_blank" rel="noopener">Instagram</a><br>
 <a href="ovs.php" target="_blank" rel="noopener">On va sortir</a>
            </div>
          </div>
        </div>

      </div>
    </section>

    <!-- ===================== ACTUALITES ===================== -->
    <section class="block-section" id="actu">
      <div class="section-title"><span class="style1">Actualités et médias</span></div>
      <div class="columns">

        <div class="col">
          <div class="cat">
            <a href="gorafi.php" target="_blank" rel="noopener" class="cat-title style13">Presse</a>
            <a href="le_figaro.php" target="_blank" rel="noopener" class="cat-title style13">/ infos</a>
            <div class="cat-links">
 <a href="lemonde.php" target="_blank" rel="noopener">Le Monde</a><br>
 <a href="https://www.liberation.fr/" target="_blank" rel="noopener">Libération</a><br>

 <a href="le_journal_dimanche.php" target="_blank" rel="noopener">JDD</a><span class="sep">|</span>
 <a href="20minutes.php" target="_blank" rel="noopener">20 minutes</a><br>
 <a href="Slate.php" target="_blank" rel="noopener">Slate</a><span class="sep">|</span>
 <a href="revue_de_presse_slate.php" target="_blank" rel="noopener">Lu/vu</a><br>
 <a href="www.nouvelobs.php" target="_blank" rel="noopener">Nouvel Obs</a><br>
 <a href="https://www.leparisien.fr/" target="_blank" rel="noopener">Le Parisien</a><br>
 <a href="www.paris.match.php" target="_blank" rel="noopener">Paris Match</a><br>
 <a href="www.humanite.php" target="_blank" rel="noopener">L'Humanité</a><br>
 <a href="marianne.php" target="_blank" rel="noopener">Marianne</a><br>
 <a href="courrier.internationnal.php" target="_blank" rel="noopener">Courrier Int.</a><br>
 <a href="https://www.la-croix.com/" target="_blank" rel="noopener">La Croix</a>

            </div>
          </div>

          <div class="cat">
            <a href="la_tribune.php" target="_blank" rel="noopener" class="cat-title style13">Economie</a>
            <div class="cat-links">
 <a href="boursorama.php" target="_blank" rel="noopener">Boursorama</a><br>
 <a href="lesechos.php" target="_blank" rel="noopener">Les échos</a>
            </div>
          </div>
        </div>

       <div class="col">
          <div class="cat">
            <a href="http://a.la.tele.online.fr/" title="Le programme de la soirée" target="_blank" rel="noopener" class="cat-title style13">Télévision</a>

            <div class="cat-links">
 <a href="https://www.m6.fr/" target="_blank" rel="noopener">M6 </a><span class="sep">|</span>
 <a href="https://www.france.tv/" target="_blank" rel="noopener">France.tv</a><br>
 <a href="france2.php" target="_blank" rel="noopener">France 2</a><span class="sep">|</span>
 <a href="canal.plus.php" target="_blank" rel="noopener">Canal+</a>
 <br>
 <a href="http://a.la.tele.online.fr/presentatrice/" target="_blank" rel="noopener">Caps</a><span class="sep">|</span>
 <a href="https://www.publicsenat.fr/espace-replay" target="_blank" rel="noopener">PS</a><span class="sep">|</span>
 <a href="arte.fr.php" target="_blank" rel="noopener">Arte</a><br>

            <a href="tf1.fr.php" target="_blank" rel="noopener">TF1</a><span class="sep">|</span>
 <a href="france5.php" target="_blank" rel="noopener">France 5</a>

            </div>
          </div>

          <div class="cat">
            <a href="http://badrip.com/" target="_blank" rel="noopener" class="cat-title style13">Vidéos</a>
            <div class="cat-links">
 <a href="http://www.youtube.com/" target="_blank" rel="noopener">Youtube</a>
 <a href="https://www.pirvox.net/" target="_blank" rel="noopener">Cinéma</a><br>
 <a href="dailymotion.php" target="_blank" rel="noopener">Dailymotion</a><span class="sep">|</span>
 <a href="ina.fr.php" target="_blank" rel="noopener">INA</a>
            </div>
          </div>

          <div class="cat">
            <span class="cat-title style13">Alternatif</span>
            <div class="cat-links">
 <a href="rezo.php" target="_blank" rel="noopener">Rezo</a><span class="sep">|</span>
 <a href="www.politis.php" target="_blank" rel="noopener">Politis</a><br>
 <a href="http://altermondialisme.online.fr/solutions.php" target="_blank" rel="noopener">Un autre monde</a><br>
 <a href="http://www.crise.free.fr/" target="_blank" rel="noopener">Crise</a><span class="sep">|</span>
 <a href="http://www.obama.online.fr/" target="_blank" rel="noopener">Obama</a><br>
 <a href="http://donnons.org/" target="_blank" rel="noopener">Donnons.org</a><br>
 <a href="http://www.solitude.online.fr/" target="_blank" rel="noopener">La Solitude</a>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="cat">
            <a href="meteo_plage_montagne.php" target="_blank" rel="noopener" class="cat-title style13">Météo</a>
            <div class="cat-links">
 <a href="http://meteo.miss.online.fr/" target="_blank" rel="noopener">Météo France</a><br>
 <a href="www.meteo.fr.php" target="_blank" rel="noopener">Consult</a><span class="sep">|</span>
 <a href="bisonfute.php" target="_blank" rel="noopener">B. futé</a>
            </div>
          </div>

          <div class="cat">
            <a href="http://www.plongee.photos.free.fr/" target="_blank" rel="noopener" class="cat-title style13">Sports</a>
            <div class="cat-links">
 <a href="www.equipe.php" target="_blank" rel="noopener">L'Equipe</a><br>
 <a href="www.sport_24.php" target="_blank" rel="noopener">Sport24</a><span class="sep">|</span>
 <a href="www.sport.php" target="_blank" rel="noopener">365</a>
            </div>
          </div>

          <div class="cat">
            <a href="http://www.retro.online.fr/animatrice/" target="_blank" rel="noopener" class="cat-title style13">Stars</a>
            <div class="cat-links">
 <a href="http://ouax.online.fr/" target="_blank" rel="noopener">Monica Bellucci</a><br>
 <a href="http://le.188.online.fr/annuaires/" target="_blank" rel="noopener">Star Télé</a><span class="sep">|</span>
 <a href="http://www.chaussure.femme.online.fr/" target="_blank" rel="noopener">pied</a><br>
 <a href="http://www.retro.free.fr/affiche/jolie_belle_animatrice_tele.htm" target="_blank" rel="noopener">Télé</a><span class="sep">|</span>
 <a href="http://www.retro.free.fr/retro/" target="_blank" rel="noopener">Femmes</a><br>
 <a href="http://www.wikifeet.com/celebs" target="_blank" rel="noopener">Wiki</a><span class="sep">|</span>
 <a href="http://www.escarpin.online.fr/" target="_blank" rel="noopener">feet</a>
            </div>
          </div>

          <div class="cat">
            <a href="www.franceinfo.php" target="_blank" rel="noopener" class="cat-title style13">Radios</a>
            <div class="cat-links">
 <a href="www.europe1.fr.php" target="_blank" rel="noopener">Europe 1</a><span class="sep">|</span>
 <a href="rfi.php" target="_blank" rel="noopener">RFI</a><br>
 <a href="RMC.php" target="_blank" rel="noopener">RMC</a><span class="sep">|</span>
 <a href="nrj.php" target="_blank" rel="noopener">NRJ</a><br>
 <a href="rtlfr.php" target="_blank" rel="noopener">RTL</a><span class="sep">|</span>
 <a href="nostalgie.php" target="_blank" rel="noopener">Nostalgie</a>
            </div>
          </div>
        </div>

      </div>
    </section>

    <!-- ===================== VIE PRATIQUE ===================== -->
    <section class="block-section" id="pratique">
      <div class="section-title"><span class="style1">Vie pratique</span></div>
      <div class="columns">

        <div class="col">
          <div class="cat">
            <a href="http://frais.agence.online.fr/" target="_blank" rel="noopener" class="cat-title style13">Logement</a>
            <div class="cat-links">
 <a href="droit_logement.php" target="_blank" rel="noopener">Vos droits</a><span class="sep">|</span>
 <a href="entre.particulier.php" target="_blank" rel="noopener">PAP</a><br>
 <a href="immobilier.php" target="_blank" rel="noopener">Immo Conseils</a><br>

            </div>
          </div>

          <div class="cat">
            <a href="administration.php" target="_blank" rel="noopener" class="cat-title style13">Administration</a>
            <div class="cat-links">
 <a href="https://www.service-public.fr/" target="_blank" rel="noopener">Service Public</a><br>

 <a href="www.amelie.fr.ameli.php" target="_blank" rel="noopener">Assurance maladie</a><br>
 <a href="www.legifrance.fr.php" target="_blank" rel="noopener">LégiFrance</a><span class="sep">|</span>
 <a href="urssaf.php" target="_blank" rel="noopener">Urssaf</a><br>
 <a href="www.caf.fr.php" target="_blank" rel="noopener">Allocation familiale</a>
            </div>
          </div>

          <div class="cat">
            <a href="www.pole.emploi.fr.php" target="_blank" rel="noopener" class="cat-title style13">Emploi</a>
            <div class="cat-links">
 <a href="keljob.com.php" target="_blank" rel="noopener">Keljob</a><span class="sep">|</span>
 <a href="www.monster.fr.php" target="_blank" rel="noopener">Monster</a><br>
 <a href="https://www.indeed.fr/" target="_blank" rel="noopener">indeed</a><span class="sep">|</span>

 <a href="apec.php" target="_blank" rel="noopener">Apec</a><br>
 <a href="je_me_propose.php" target="_blank" rel="noopener">Je me propose</a><br>
 <a href="https://www.hellowork.com/fr-fr/" target="_blank" rel="noopener">Hellowork</a>
            </div>
          </div>

          <div class="cat">
            <span class="cat-title style13">Petites Annonces</span>
            <div class="cat-links">
 <a href="le_bon_coin.php" target="_blank" rel="noopener">Le bon coin</a><span class="sep">|</span>
 <a href="donnons.org.php" target="_blank" rel="noopener">Donnons</a><br>
 <a href="vivastreet.php" target="_blank" rel="noopener">Viva</a><span class="sep">|</span>
 <a href="paru_vendu.php" target="_blank" rel="noopener">Paruvendu</a>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="cat">
            <a href="http://bateaux.bois.online.fr/discount.htm" target="_blank" rel="noopener" class="cat-title style13">Achats en ligne</a>


            <div class="cat-links">
 <a href="brandalley.php" target="_blank" rel="noopener">Brandalley</a><span class="sep">|</span>
 <a href="blanche_porte.php" target="_blank" rel="noopener">BP</a><br>
 <a href="www.laredoute.fr.php" target="_blank" rel="noopener">La Redoute</a><span class="sep">|</span> <a href="fnac.php" target="_blank" rel="noopener">Fnac</a><br>
 <a href="https://www.decathlon.fr/" target="_blank" rel="noopener">Décathlon</a><span class="sep">|</span>
 <a href="https://www.auchan.fr/" target="_blank" rel="noopener">Auchan</a><br>
 <a href="les3suisses.php" target="_blank" rel="noopener">Les 3 suisses</a>
            </div>
          </div>

          <div class="cat">
            <span class="cat-title style13">Itinéraire</span>
            <div class="cat-links">
 <a href="www.michelin.php" target="_blank" rel="noopener">Michelin</a><span class="sep">|</span>
 <a href="http://maps.google.fr/" target="_blank" rel="noopener">Map</a><br>
 <a href="mappy.php" target="_blank" rel="noopener">Mappy</a><span class="sep">|</span>
 <a href="geoportail.ign.php" target="_blank" rel="noopener">IGN</a>
            </div>
          </div>

          <div class="cat">
            <a href="la_centrale.php" target="_blank" rel="noopener" class="cat-title style13">Automobile</a>
            <div class="cat-links">
  <a href="http://hotesse.salon.online.fr/" target="_blank" rel="noopener">Salon</a><span class="sep">|</span>
 <a href="http://carrosserie.tuning.online.fr/" target="_blank" rel="noopener">Tuning</a>
 </div>
          </div>

         <div class="cat">
            <a href="www.doctissimo.php" target="_blank" rel="noopener" class="cat-title style13">Santé</a>
            <a href="beaute.php" target="_blank" rel="noopener" class="cat-title style13">Beauté</a>
            <div class="cat-links">
 <a href="http://www.espace.detente.online.fr/" target="_blank" rel="noopener">Détente</a><span class="sep">|</span>
 <a href="http://www.tda.h.free.fr/" target="_blank" rel="noopener">TDAH</a><br>
 <a href="www.nocibe.php" target="_blank" rel="noopener">Nocibé</a><span class="sep">|</span>
 <a href="http://www.biovea.com/fr/referree.aspx?LinkReferral=FT%2bRgj5BIvrOLoq4XQwSLuzUkiIlwJC6pYv9emKf9Gg%3d" target="_blank" rel="noopener">bien être</a><br>
 <a href="http://www.dyslexie.online.fr/" target="_blank" rel="noopener">troubles Dys</a><br>
 <a href="http://massage.maxi.online.fr/" target="_blank" rel="noopener">Massage</a><span class="sep">|</span>
 <a href="elle.php" target="_blank" rel="noopener">Elle</a><br>
<a href="www.amelie.fr.ameli.php" target="_blank" rel="noopener">Assurance maladie</a><br>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="cat">
            <a href="groupon.php" target="_blank" rel="noopener" class="cat-title style13">Bons plans</a>
            <div class="cat-links">
 <a href="recupe.net.php" target="_blank" rel="noopener">Récup</a><span class="sep">|</span>
 <a href="radins.com.php" target="_blank" rel="noopener">Radins</a><br>
 <a href="envie_de_plus.php" target="_blank" rel="noopener">Envie de plus</a><br>
 <a href="la.fourchette.php" target="_blank" rel="noopener">La fourchette</a><br>

 <a href="mondial-relay.php" target="_blank" rel="noopener">Mondial relay</a>
            </div>
          </div>

          <div class="cat">
            <a href="http://www.cabane.online.fr/" target="_blank" rel="noopener" class="cat-title style13">Maison et déco</a>
            <div class="cat-links">
 <a href="maison.php" target="_blank" rel="noopener">Maison</a><span class="sep">|</span>
 <a href="http://www.maison.bois.online.fr/" target="_blank" rel="noopener">Bois</a><br>
 <a href="http://www.interior.online.fr/" target="_blank" rel="noopener">Interior's</a><br>
 <a href="http://www.retro.free.fr/affiche/" target="_blank" rel="noopener">Affiche</a><span class="sep">|</span>
 <a href="http://www.en.france.free.fr/" target="_blank" rel="noopener">France</a><br>
 <a href="leroymerlin.php" target="_blank" rel="noopener">Leroy Merlin</a><br>
 <a href="http://www.retro.free.fr/" target="_blank" rel="noopener">Vintage</a><span class="sep">|</span>
 <a href="pro.php" target="_blank" rel="noopener">Pro</a>
            </div>
          </div>

          <div class="cat">
            <a href="http://ma.recette.online.fr/" target="_blank" rel="noopener" class="cat-title style13">Recettes</a>
            <div class="cat-links">
 <a href="marmiton.php" target="_blank" rel="noopener">Marmiton</a><br>
 <a href="http://capsule.cafe.free.fr/" target="_blank" rel="noopener">Café</a><span class="sep">|</span>
 <a href="http://pizza.max.online.fr/" target="_blank" rel="noopener">Pizza</a><br>
 <a href="www.cuisineaz.php" target="_blank" rel="noopener">AZ</a><span class="sep">|</span>
 <a href="750g.php" target="_blank" rel="noopener">750 g</a>
            </div>
          </div>

          <div class="cat">
            <a href="http://www.pajes.jaunes.free.fr/" target="_blank" rel="noopener" class="cat-title style13">Annuaire</a>

          </div>
        </div>

      </div>
    </section>

    <!-- ===================== ARTICLE ANNUAIRES GRATUITS (bas de page) ===================== -->
    <div class="annuaire-article">
      <h2>Les annuaires gratuits : un outil toujours utile pour référencer son site</h2>
      <div class="scrollbox">
        <p>Un annuaire gratuit est un site qui répertorie d'autres sites web, classés par thèmes et par catégories, un peu comme les pages jaunes du web. Contrairement aux moteurs de recherche qui indexent automatiquement des milliards de pages grâce à des robots, un annuaire fonctionne le plus souvent par soumission manuelle : le webmaster propose son site, puis un modérateur l'examine avant de l'accepter dans la catégorie correspondante. Cette validation humaine donne aux annuaires sérieux une qualité de contenu supérieure à un simple listing automatique.</p>

        <p>Pendant longtemps, être inscrit dans un annuaire gratuit était considéré comme une étape incontournable du référencement d'un site internet. Chaque inscription générait un lien retour (backlink) vers le site, ce qui aidait les moteurs de recherche à évaluer sa popularité et sa pertinence. Aujourd'hui, les algorithmes ont beaucoup évolué et accordent moins d'importance qu'avant au simple nombre de liens : ce qui compte, c'est la qualité et la pertinence thématique de l'annuaire qui héberge le lien, plutôt que la quantité de soumissions effectuées.</p>

        <p>Cela ne veut pas dire que les annuaires ont perdu tout intérêt. Bien choisis, ils restent une source de trafic complémentaire et un moyen simple de gagner en visibilité, en particulier pour les petits sites, les blogs personnels ou les activités locales qui n'ont pas les moyens de mener une grande campagne de référencement payant. Un annuaire généraliste bien fréquenté, ou un annuaire spécialisé dans un secteur précis (tourisme, informatique, artisanat, associations...), permet à un internaute de découvrir un site qu'il n'aurait pas trouvé autrement, simplement en parcourant les catégories.</p>

        <p>Pour tirer profit d'une inscription dans un annuaire gratuit, quelques règles simples sont à respecter. Il vaut mieux privilégier les annuaires modérés à la main, qui refusent les sites de mauvaise qualité, plutôt que les annuaires automatiques qui acceptent tout sans contrôle : ces derniers sont souvent considérés comme peu fiables. Il est également important de choisir la catégorie la plus pertinente pour son site, de rédiger une description claire et honnête, sans surcharger le texte de mots-clés, et de proposer un titre qui reflète vraiment le contenu proposé. Une description bâclée ou trompeuse dessert le site plus qu'elle ne l'aide.</p>

        <p>Il est aussi conseillé de varier les annuaires utilisés plutôt que de se contenter d'un seul, tout en évitant les inscriptions en masse et automatisées, qui peuvent être perçues négativement. Quelques inscriptions de qualité, dans des annuaires actifs et bien tenus, valent mieux qu'une multitude de soumissions dans des répertoires abandonnés ou peu sérieux.</p>

        <p>En résumé, un annuaire gratuit reste un outil simple et accessible pour améliorer la visibilité d'un site, faciliter sa découverte par de nouveaux visiteurs et obtenir un lien retour de qualité, à condition de le choisir avec soin et de l'utiliser avec modération, en complément d'une stratégie de contenu plus large.</p>
      </div>
    </div>

    <footer class="desktop-hidden">
      <a href="#" class="style15">© Copyrights</a>
      <span class="style15"><a href="mailme.php" class="style15">Contact</a></span>
    </footer>
  </main>

  <!-- ============ COLONNE DROITE (décorative) ============ -->
  <aside class="sidebar-right">

 <ul class="nav-anchors">
<a href="5.php">Changer<br>le fond : </a>
<a href="4.php"> gris</a>
<a href="3.php"> étoile</a>
<a href="services.htm"> bois</a>
<a href="services.php"> park</a>
<a href="paje.blanche.php"> blanc</a>
<a href="blue.php"> bleu</a>
<a href="annuaire-gratuit.php"> roi</a>
<a href="a.php"> bleu</a>
<a href="annu.php">annu</a>
<a href="bois.php"> beton</a>
<a href="bleu.php"> bleu</a>
<a href="cafal.php"> noir</a>
<a href="particuliers_a_particuliers.php"> pap</a>
<a href="barber.php"> vert</a>
<a href="v.html"> violine</a>
	 </ul>





<br><br>
    <div class="right-footer">
      <a href="http://ww.site.internet.online.fr/" class="style15">© Copyrights</a>
		<a href="http://www.lyon.photo.free.fr/" class="style15">photos</a>
      <span class="style15"><a href="mailme.php" class="style15">✎ Contact</a></span>
    </div>
  </aside>
</div>

<button id="backTop" title="Haut de page" aria-label="Retour en haut">↑</button>

<script>
// date du jour en français, comme sur la page d'origine
(function(){
  var mois = ["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"];
  var d = new Date();
  document.getElementById('today').textContent = d.getDate() + " " + mois[d.getMonth()] + " " + d.getFullYear();
})();

// fade-in des sections au scroll
(function(){
  var sections = document.querySelectorAll('.block-section');
  var obs = new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){ e.target.classList.add('visible'); }
    });
  }, {threshold:0.12});
  sections.forEach(function(s){ obs.observe(s); });
})();

// bouton retour en haut
(function(){
  var btn = document.getElementById('backTop');
  window.addEventListener('scroll', function(){
    if(window.scrollY > 500){ btn.classList.add('show'); } else { btn.classList.remove('show'); }
  });
  btn.addEventListener('click', function(){ window.scrollTo({top:0, behavior:'smooth'}); });
})();

// petites particules qui tombent doucement (ambiance)
(function(){
  var wrap = document.getElementById('sparkles');
  var n = window.innerWidth < 700 ? 16 : 32;
  for(var i=0;i<n;i++){
    var s = document.createElement('span');
    s.style.left = (Math.random()*100) + 'vw';
    s.style.animationDuration = (8 + Math.random()*12) + 's';
    s.style.animationDelay = (Math.random()*10) + 's';
    s.style.opacity = (0.2 + Math.random()*0.5);
    wrap.appendChild(s);
  }
})();
</script>

</body>
</html>