<!-- 
                    .:-=.                                                               
                    .-===:                                                .-===-          
                   -===-                                                 -====-.          
                 :====:              ..                                .-====:            
               .-===-.            :--:. .::---:    .-=-        ..     .====-.             
              :====-           .-=-. :-=========. :===:       :==.    -===-               
            .-====:          .-=-. .-===-:::-===:-===:       .===.   :===-                
           .=====.          -==:    ::.     .=======:        -===   .===-                 
          :=====.         .==-.             :======-        :===:   :==-                  
         :=====.         :===.             :======-         ====    -=-                   
        .=====:         :===:             -=======.        -===.    -=.                   
        -=====        :=====.           :========-        -===:      .                    
       .=====:     :-=======.        .:===========      .====:         .::.               
       .=====: .:-==========-     .:-=====-. =====-:..:-===-.     :--.-====               
        -==============: -====---=======-.   .-==========-.       =======-                
         :==========:.    :-========-:.        :-=====-:.         :=====-                 
           .----::.           ....                ..               .===-   

                                                                                                                             
                           .-:..            .                                             
                     ..    :---:.............::.                 .....                    
                    :--:...:------:............--::.          ............                
                   .---::::--::------:..........:-:::       .....:....:::::.              
                  .----.::::::::::::::::.........:-::    ....::.::::::::::-::.            
                  :---:.:::::::::::::----::......::-:........::::-:::::::::....           
                 .:---..:::::::::---:::----::::::::-:.......::::::-::::::.                
                 .:---..---::::::::::::::--::::::::-::...:-:-:::::-:::::.                 
                  ::--::.:::::::::::-=++=--::::::::::::::::::::::-::::::                  
                   :::-..:::::::::::. #@@*--:---::--:::::::::----::----                   
                    :::-:.=%=:::::::  :+*---:-------::::::----===+++++                    
               .  .  :::-..##:::::::::::::--:-----:::-------====-+===:                    
               :....  .:-::::::::::::----:-=:::::==-=-------::=--+----                    
               .....::.:---:::::::--::==--=+=-:::==============++====:                    
                ...:=:-::::------------====++++=-:=================-.                     
               .....::.      .:--      :-:.:-=+================--:.                       
                                -          .-======-.                                     
                                .       .:-::-===-.                                       
                                      .:::::-==-.                                         
                                    :-::::-==-.                                           
                                 .:-::::-===.             ::  ....::::---.                
                               .-::::--===:     :=++=    --:::---:::::---   ...           
                             .:::::--=-==+:   =***      -:...:-:......---  ----.          
                            :::::::===-::---=+==-:     -:..-:-:.-....:--: .--:            
                           :::::::-===+**             :--:-----:::::::--- .--:            
                          ::::::::=====-.             .-------==---------:---.            
                    .:-=+=:::::::-====                 .:----=++=------------             
                   ......-*=:::::====:                    .:--=====----------=-:          
                    .......+*----====                        :===-----------::.           
                      ..... -*======:                        -----------:                 
                       ......-*=====      .......           .====----:                    
                         .....=+-===......................  ---=. .::                     
                          .....*+===.................      :----       ........           
                           ....-+.............            :---=..........                 
                        ...............                   .:::...                         
                              ....                                                                                             
   
-->

<!doctype html>

<html lang="fr">
<head>
  <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-NQCZ9TTV');</script>
  <!-- End Google Tag Manager -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title> Accueil  | Encycloupédie  Fan Site Lou  </title>
  <script type="application/ld+json">
    {
      "@context" : "https://schema.org",
      "@type" : "WebSite",
      "name" : "Encycloupédie",
      "alternateName" : "Encyclopédie Lou de Mad",
      "url" : "https://encycloupedie.fr/"
    }
  </script>
  <link rel="icon" type="image/png" href="/static/imgs/site/favicon.png"/>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <link rel="stylesheet" href="/static/css/simple-lightbox.css"/>
  <link rel="stylesheet" href="/static/css/style.css"/>
  <link rel="stylesheet" href="/static/css/themes/original.css"/>


  <meta name="robots" content="index, follow">
  <meta http-equiv="Content-Language" content="fr">
  <meta name="language" content="French">
  <meta name="author" lang="fr" content="MadSyro">
  <meta itemprop="name" content="Encycloupedie Lou">
  <meta itemprop="image" content="https://encycloupedie.fr/static/imgs/site/meta/header_meta.jpg">
  <meta name="description" content="  - Encyclopédie dédiée à la BD Lou ! de Julien Neel chez Glénat ">
  <meta name="keywords" content="lou, lou sonata, fan site lou, julien neel, glenat, glénat, bd, encycloupedie, encycloupédie, encyclopédie, collection, objets, madsyro, ex libris, papeterie, plv, totebag, pourquoi tu regardes ça toi,  " />
  <meta property="twitter:url" content="https://encycloupedie.fr">
  <meta property="twitter:card" content="summary">
  <meta name="twitter:title" content="Encycloupédie">
  <meta name="twitter:description" content=" Encyclopédie dédiée à la BD Lou ! de Julien Neel chez Glénat">

  <meta property="og:title" content="Encycloupédie">
  <meta property="og:description" content=" Encyclopédie dédiée à la BD Lou ! de Julien Neel chez Glénat">
  <meta property="og:url" content="https://encycloupedie.fr">
  <meta property="og:image" content="https://encycloupedie.fr/static/imgs/site/meta/header_meta.jpg">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L72FM462C7"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-L72FM462C7');
</script>
<header>     
  <nav class="navbar navbar-expand-lg menu">
    <button class="navbar-toggler boutonMobileNav" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
        <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
      </svg>

    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item boutonNav">
          <a class="liens" href="/">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16">
              <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z"/>
              <path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z"/>
            </svg>
          </a>
        </li>
        <li class="nav-item boutonNav"><a href="/news">News</a></li>
        <li class="nav-item boutonNav"><a href="/objets">Objets</a></li>
        <li class="nav-item boutonNav"><a href="/interviews">Interviews</a></li>
        <li class="nav-item boutonNav"><a href="/wiki">Wiki</a>  </li>
        <li class="nav-item dropdown boutonNav">
          <a class="" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Galerie
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
            <a class="dropdown-item" href="/galerie/dedicaces">Dédicaces</a>
            <a class="dropdown-item" href="/galerie/planches-originales">Planches originales</a>
            <a class="dropdown-item" href="/galerie/illustrations">Illustrations</a>
            <a class="dropdown-item" href="/galerie/croquis">Croquis</a>
            <a class="dropdown-item" href="/galerie/tresors">Trésors</a>
            <a class="dropdown-item" href="/galerie/fonds-ecrans">Fonds d'écrans</a>
          </div>
        </li>
        <li class="nav-item boutonNav"><a href="/liens">Liens</a></li>
        <li class="nav-item dropdown boutonNavFin taille_mobile">
          <a class="" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Extras
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="/badges-sonata2">Badges VIP Lou Sonata 2</a>
            <a class="dropdown-item" href="/jeux-flash">Jeux Flash de Julien Neel</a>
            <a class="dropdown-item" href= "/neelcartoons" target="_blank">Site Neel Cartoons</a>
           
          </div>
        </li>
      </ul>
    </div>
  </nav>
</header>

<body>
  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQCZ9TTV"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
<div class="contenu container-fluid">
  

<div id="blocProf">
    <img style="display: block;  width:8em; float: left; margin-right: 20px;" src="/static/imgs/site/prof.png"/>
   <h4 style="font-family: Nimbus;"> Le saviez-vous ? </h4>
   <p> "Le chat dans le film est en réalité joué par 2 chats différents !" </p>
</div>
<br/><br/>

<div id="enteteAccueil">
    <div class="row justify-content-center">

<div class="col-md-6 order-2 order-md-1">
    <h2 class="titreAccroche"> Bienvenue dans une   </h2>
    <h2 class="titreAccroche"> encyclopédie sur la BD Lou ! </h2>
    <p> Ce site regroupe différents travaux de recherches autour de la série de bandes dessinées Lou !. 
    Vous y trouverez une encyclopédie des objets Lou avec images et informations.
    Une partie regroupant les différents interviews de Julien Neel. 
    Et une toute nouvelle section "Galerie" ! </p>
    <p> <b> 257</b> objets sont recensés ainsi que <b> 61 </b> interviews. </p>
    <a class="btn btn-primary" href="/galerie" role="button">Découvrir la Galerie</a>
</div>
<div class="col-md-4 order-1 order-md-2">
    <img class="img-fluid" style="border-radius: 2%;"  src="/static/imgs/site/accroche.png" alt="Encycloupedie"> 
</div>

</div>
</div>
<br/>
<br/>
<br/>
<div id="blocMaj">
<h5 class="titreSection"> Mises à jour récentes </h5> 
<p> 05/04/2025: Ajout de la <a href="/objet/boule-de-noel-generation-lou/"> Boule de Noel Génération Lou ! </a>  </p>
<p> 15/03/2025: Ajout <a href="/objet/flyer-exposition-lou-2008"> d'un flyer de 2008 </a> et du poster <a href="/objet/poster-exposition-cher-journal/"> de l'exposition Cher Journal ! </a> </p>
<p> 23/11/2024: Ajouts de pleins d'objets notamment pour Génération Lou et la BO du film ! </p>
<p> 13/11/2024: Ajout de <a href="/objet/generation-lou"> Génération Lou </a> et du <a href="/objet/vinyl-journal-infime-limite/"> vinyl de la BO du film ! </a> </p>
<p>
</div>

    <h5 class="titreSection"> Dernières news </h5> 
    <div id="blocNews">
        <div class="row">

            
            <div class="col-sm-6">
                <div class="card bg-dark text-white text-center">
                    <div class="card-header"> <b> Nouvelle section &quot;Galerie&quot; et plus ! </b>  </div>
                    <a href="/article/3"> 
                    <div class="card-img-overlay text-white d-flex justify-content-center align-items-center">
                   
                        <div class="overlay-text">
                            <h5> 18/04/2025 </h5>
                           <h6> [NEWS DU SITE] </h6>
                        
                          <p>En ce fin de mois d&#x27;avril, le site accueille sa première grosse mise à jour !</p>
                        
                        </div>
                  
                      </div>
                    </a>
                        <div class="card-body">
                        <a href="/article/3"> 
                            <img class="img-fluid" src="/static/imgs/news/3.png" alt="Nouvelle section &quot;Galerie&quot; et plus !">  
                        </a>
                        </div>
                    </div>
                </div>

            
            <div class="col-sm-6">
                <div class="card bg-dark text-white text-center">
                    <div class="card-header"> <b> Grande mise à jour de novembre ! </b>  </div>
                    <a href="/article/2"> 
                    <div class="card-img-overlay text-white d-flex justify-content-center align-items-center">
                   
                        <div class="overlay-text">
                            <h5> 23/11/2024 </h5>
                           <h6> [NEWS DU SITE] </h6>
                        
                          <p>Petite liste des nouveautés sur le site</p>
                        
                        </div>
                  
                      </div>
                    </a>
                        <div class="card-body">
                        <a href="/article/2"> 
                            <img class="img-fluid" src="/static/imgs/news/2.png" alt="Grande mise à jour de novembre !">  
                        </a>
                        </div>
                    </div>
                </div>

            
        </div>
        
    </div> 
    <br/>
    <center> <a class="btn btn-primary" href="/news" role="button">Voir toutes les news</a> </center>

<br/>

  
<div class="carrouselAccueil">
<ul id="lightSlider">

    <li>
       <a href="/objet/exlibris-generation-lou"> <img class="d-block" title="Ex-libris Génération Lou" src="/static/objets/268/268_1p.png" style="" height="200" > </a>
    </li>

    <li>
       <a href="/objet/dossier-de-presse-lou-tome-6-lage-de-cristal"> <img class="d-block" title="Dossier de presse Lou Tome 6 – L&#x27;Âge De Cristal" src="/static/objets/260/260_1p.png" style="" height="200" > </a>
    </li>

    <li>
       <a href="/objet/vinyl-journal-infime"> <img class="d-block" title="Julien Di Caro - Lou ! Journal infime, la musique du film" src="/static/objets/262/262_1p.png" style="" height="200" > </a>
    </li>

    <li>
       <a href="/objet/poster-promo-lou-sonata-2"> <img class="d-block" title="Poster Promo Lou Sonata 2" src="/static/objets/275/275_1p.png" style="" height="200" > </a>
    </li>

    <li>
       <a href="/objet/masque-chat"> <img class="d-block" title="Masque Chat" src="/static/objets/127/127_1p.png" style="" height="200" > </a>
    </li>

    <li>
       <a href="/objet/generation-lou"> <img class="d-block" title="Génération Lou" src="/static/objets/255/255_1p.png" style="" height="200" > </a>
    </li>

    <li>
       <a href="/objet/boule-de-noel-generation-lou"> <img class="d-block" title="Boule de Noël - Génération Lou" src="/static/objets/272/272_1p.png" style="" height="200" > </a>
    </li>

    <li>
       <a href="/objet/plv-deco-silhouette-xxl-lou-sonata-2"> <img class="d-block" title="PLV Déco Silhouette XXL - Lou Sonata 2" src="/static/objets/167/167_1p.png" style="" height="200" > </a>
    </li>

    <li>
       <a href="/objet/dessous-de-verre-sous-bocks-lou-sonata-2-2024"> <img class="d-block" title="Dessous de verre Sous-bocks Lou Sonata 2 - 2024" src="/static/objets/131/131_1p.png" style="" height="200" > </a>
    </li>
 

  </ul>

  <div id="lightSlider-texte"></div>
</div>
<br/>
<h5 class="titreSection"> Événements et sorties</h5> 
<div id="objetsGrille" style="display: block;">
    <div class="row" style="display: flex; align-items: center;">
        <div class="blocSortie grid-item"> <center>
            <br/>
        <br/>
        <br/>
            <img width="165" style=" margin-left: auto; margin-right: auto;" src="/static/imgs/krystal_zealot/remixes1vinyl.jpg"> 
            <p> <a href="https://bigwax.io/products/remixes-1" target="_blank"> Vinyl Remixes 1  (20/06/2025)  </a>  </p>
         </center></div>
        <div class="blocSortie grid-item"> <center>
            <br/>
            <img width="165" style=" margin-left: auto; margin-right: auto;" src="/static/imgs/wiki/concerts/concert_dessiné_bdaix_2025/affiche.jpg"> 
            <p> <a href="https://reservation.aixenprovencetourism.com/festival-bd-le-grand-mix-dessine-julien-neel-et-guests.html" target="_blank">  Concert dessiné Aix-En-Provence (03/05/2025)  </a>  </p>
         </center></div>
        
       <!-- <div class="blocSortie grid-item"> <center>
            <br/>
            <img width="165" style=" margin-left: auto; margin-right: auto;" src="/static/imgs/wiki/expos/angouleme_2024/affiche.png"> 
            <p> <a href="https://www.citebd.org/agenda/lou-cher-journal" target="_blank">  Exposition à Angoulème "Lou ! Cher Journal" </a>  </p>
         </center></div>-->
    
        <div class="blocSortie grid-item"> <center>
        <br/>
        <img width="200" style=" margin-left: auto; margin-right: auto;" src="/static/imgs/wiki/generation/cover.png"> 
        <p>  Génération Lou ! (13/11/2024) </p> 
     </center></div>
     
     <div class="blocSortie grid-item"> <center>
        <br/>
        <br/>
        <br/>

        <img width="165" style=" margin-left: auto; margin-right: auto;" src="/static/imgs/wiki/film/lou_film_bo_cover.png"> 
        <p> <a href="https://bigwax.io/products/lou-journal-infime-la-musique-du-film" target="_blank"> Vinyl BO Lou Journal Infime (13/11/2024) </a>  </p>
     </center></div>

  
    <!-- <div class="blocSortie grid-item">   <center>
        <br/>
        <img width="200" style=" margin-left: auto; margin-right: auto;" src="/static/imgs/wiki/unknown.png"> 
        <p>  Lou Sonata 3 (2025) </p>  
    </center></div>  -->
</div>

</div>

<br/>
<!--
<img class="img-fluid" style=" display: block; margin: 0 auto;  max-width: 80%; height: auto;" src="/static/imgs/site/bienvenue.png"/>
<br/>
-->
<br/>
<a href="/contact">
<img class="img-fluid" style="width: 450px; border-radius: 2px;  display: block;  margin-left: auto; margin-right: auto;" src="../../../../static/imgs/site/contact.png" />
</a>


</div>
<div class="lou-footer">
<img class="img-fluid" src="/static/imgs/site/lou_footer.png">
</div>

<footer>
  <img class="img-fluid" style="width: 10em; margin-top: 10px; margin-bottom: 10px;" src="../../../../static/imgs/site/logo.png" />
  <p>© Julien Neel - <a href="https://fr.wikipedia.org/wiki/G_(lettre)" target="_blank">G</a>lénat </br> 
   MadSyro - Site non officiel - 2025    </br>
   [<a href="/apropos"> À Propos </a> - <a href="/mentions-legales"> Mentions Légales </a> - <a href="/archives"> Archives </a> - <a href="/changelog"> Changelog </a>]
  </br>   <a href="https://www.instagram.com/madsyro_/" target="_blank"> <img class="img-fluid" style="width: 2em; margin-top: 10px; margin-bottom: 10px;" src="../../../../static/imgs/site/insta.png" /> </a>
  <a href="mailto:encycloupedie@gmail.com">  <img class="img-fluid" style="width: 2em; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;" src="../../../../static/imgs/site/mail.png" /> </a>

    </p>
</footer>

<button class="btn btn-primary" id="scrollToTopBtn" onclick="scrollToTop()">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
  <path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"/>
</svg>
</button>
</body>

</html>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="/static/js/simple-lightbox.js"></script>
<script src="/static/js/lazyload.min.js"></script>
<script src="/static/js/pagination.min.js"></script>

<script>
  var lazyLoadInstance = new LazyLoad({
  });

  var gallery = new SimpleLightbox('#galerieImage a', {
    animationSpeed: 100, // en ms
    fadeSpeed: 100,
    fileExt :	'png|jpg|jpeg|gif',
    alertError: false,
    showCounter: false,
    captionPosition: 'outside',
    captionsData: 'title',
    captions: true,
  });

  document.getElementById("playFullscreen").addEventListener("click", function() {
    let elem = document.documentElement; // Prend l'élément racine pour le plein écran
    let audio = document.getElementById("audio");
    

    gallery.open(); // Next Image
    // Passer en plein écran
    if (elem.requestFullscreen) {
        elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) { // Firefox
        elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) { // Chrome, Safari, et Opera
        elem.webkitRequestFullscreen();
    } else if (elem.msRequestFullscreen) { // Internet Explorer/Edge
        elem.msRequestFullscreen();
    }
    
    // Lancer la musique
    audio.play();
});
</script>

<script>
  window.onscroll = function() {scrollFunction()};
  function scrollFunction() {
      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
          document.getElementById("scrollToTopBtn").style.display = "block";
      } else {
          document.getElementById("scrollToTopBtn").style.display = "none";
      }
  }
   function scrollToTop() {
    window.scrollTo({
        top: 0,
        behavior: 'smooth'
    });
}
</script>

 <script>
        
    </script>


<script type="text/javascript">
    $(document).ready(function() {
        $("#lightSlider").lightSlider({
            item: 4,

            autoWidth: true,
            slideMove: 1, 
            slideMargin: 10,
     
            /* mode: "slide",
            useCSS: true,
            cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)',//
            easing: 'linear', //'for jquery animation',//// */
     
            speed: 400, //ms'
            auto: true,
            loop: true,
            slideEndAnimation: false,
            pause: 2000,
     
            keyPress: false,
            controls: false,
            prevHtml: '',
            nextHtml: '',
     
 
            thumbItem:10,
            pager: false,
            thumbMargin: 5,
     
           /* enableTouch:false,
            enableDrag:false,
            freeMove:true,
            swipeThreshold: 40,*/
     
           /* responsive : [
            {
                breakpoint:800,
                settings: {
                    item:2,
                    slideMove:1,
                    slideMargin:6,
                    speed: 400, //ms'
                    auto: true,
                    loop: true,
                  }
            },
            {
                breakpoint:480,
                settings: {
                    item:2,
                    slideMove:1,
                    speed: 400, //ms'
                    auto: true,
                    loop: true,
                    pause: 2000,
                  }
            }
        ],*/
        });
    });

// Sélectionne l'image et la div
const images = document.querySelectorAll('.d-block');
const hoverTextDiv = document.getElementById('lightSlider-texte');

// Parcours toutes les images
images.forEach(image => {
    // Ajoute un événement au survol de la souris pour chaque image
    image.addEventListener('mouseenter', function(e) {
        const titleText = image.getAttribute('title'); // Récupère le texte du title de l'image
        console.log(titleText);
        hoverTextDiv.textContent = "" + titleText + ""; // Met à jour le texte dans la div
        hoverTextDiv.style.display = 'block'; // Affiche la div
    });

    // Cache la div lorsque la souris quitte l'image
    image.addEventListener('mouseleave', function() {
        hoverTextDiv.style.display = 'none';
    });


});


    </script>

<link type="text/css" rel="stylesheet" href="/static/css/lightslider.css" />                  
<script src="/static/js/lightslider.js"></script>

<!-- the internet is evil. wake up.-->