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

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

<!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> Période Tome 4 - Idylles  | Encycloupédie   </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">
  
    <p class="arbo"> <a href="/objets"> Objets </a> / Tome 4 - Idylles </p>
    <div id="objetsGrille" style="display: block;">
        <div class="row">
            
            <div class="col-12 col-md-4 grid-item colonneGrille"> <center>
                <a href="/objet/tome-4-idylles">  <img class ="img-fluid imageGrille" src="/static/objets/11/11_1.png"/> </a>
                </br>
                <a href="/objet/tome-4-idylles">Tome 4 - Idylles </a>
            </div>  </center>
        
            <div class="col-12 col-md-4 grid-item colonneGrille"> <center>
                <a href="/objet/silhouette-tome-4-idylles">  <img class ="img-fluid imageGrille" src="/static/objets/149/149_1.png"/> </a>
                </br>
                <a href="/objet/silhouette-tome-4-idylles">Silhouette - Tome 4 Idylles </a>
            </div>  </center>
        
        </div>
    </div>

</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>


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