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

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

<!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> Allemand  | 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=" Bandes dessinées en langues étrangères Allemand   - 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, Bandes dessinées en langues étrangères,Allemand,bd" />
  <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="Allemand -  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="Allemand -  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/objets/221/221_1.png">
</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="/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>
          </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> / <a href="/objets/bandes-dessinees-en-langues-etrangeres">Bandes dessinées en langues étrangères </a></p>
<h2> Allemand    </h2>

<p> Période:   <a href="/objets-periodes/autres"> Autres  </a> </p> 

<p class="tags">
    
        <a href="/tag/bd">#bd</a> 
    
</p>
<div id="galerieImage">
<p><a href="../../../../../static/objets/221/221_1.png"> <img class="img-fluid" src="../../../../../static/objets/221/221_1.png" alt="" width="800" /></a></p>
</div>
<table class="table table-dark">
<tbody>
<tr style="height: 34.48px;">
<th style="width: 31.9154%; border: 1pt solid black; padding: 0cm 5.4pt; height: 34.48px;" valign="top" width="189">
<p style="margin-bottom: 0cm;">Nom</p>
</th>
<th style="width: 22.3508%; border-top: 1pt solid black; border-right: 1pt solid black; border-bottom: 1pt solid black; border-image: initial; border-left: none; padding: 0cm 0.5pt; height: 34.48px;" valign="top" width="141">
<p style="margin-bottom: 0cm;">Traduction</p>
</th>
<th style="width: 14.2011%; border-top: 1pt solid black; border-right: 1pt solid black; border-bottom: 1pt solid black; border-image: initial; border-left: none; padding: 0cm 5.4pt; height: 34.48px;" valign="top" width="120">
<p style="margin-bottom: 0cm;">EAN</p>
</th>
<th style="width: 31.5074%; border-top: 1pt solid black; border-right: 1pt solid black; border-bottom: 1pt solid black; border-image: initial; border-left: none; padding: 0cm 0.5pt; height: 34.48px;" valign="top" width="154">
<p style="margin-bottom: 0cm;">Notes</p>
</th>
</tr>
<tr style="height: 68.9601px;">
<td style="width: 31.9154%; border-right: 1pt solid black; border-bottom: 1pt solid black; border-left: 1pt solid black; border-image: initial; border-top: none; padding: 0cm 5.4pt; height: 68.9601px;" valign="top" width="189">
<p style="margin-bottom: 0cm;">Tome 1 - Klitzegeheimes Tagebuch</p>
</td>
<td style="width: 22.3508%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 68.9601px;" valign="top" width="141">
<p style="margin-bottom: 0cm;">Journal Intime</p>
</td>
<td style="width: 14.2011%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 5.4pt; height: 68.9601px;" valign="top" width="120">
<p style="margin-bottom: 0cm;">9781905496143</p>
</td>
<td style="width: 31.5074%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 68.9601px;" valign="top" width="154">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2010</p>
<p style="margin-bottom: 0cm;">Couverture cartonn&eacute;e&nbsp;: 25 x 17,5 cm</p>
</td>
</tr>
<tr style="height: 68.9601px;">
<td style="width: 31.9154%; border-right: 1pt solid black; border-bottom: 1pt solid black; border-left: 1pt solid black; border-image: initial; border-top: none; padding: 0cm 5.4pt; height: 68.9601px;" valign="top" width="189">
<p style="margin-bottom: 0cm;">Tome 2 - Sonnenschein &amp; Rosenkohl</p>
</td>
<td style="width: 22.3508%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 68.9601px;" valign="top" width="141">
<p style="margin-bottom: 0cm;">Soleil &amp; Choux de Bruxelles</p>
</td>
<td style="width: 14.2011%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 5.4pt; height: 68.9601px;" valign="top" width="120">
<p style="margin-bottom: 0cm;">9783867199551</p>
</td>
<td style="width: 31.5074%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 68.9601px;" valign="top" width="154">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2010</p>
<p style="margin-bottom: 0cm;">Couverture cartonn&eacute;e&nbsp;: 25 x 17,5 cm</p>
</td>
</tr>
<tr style="height: 68.9601px;">
<td style="width: 31.9154%; border-right: 1pt solid black; border-bottom: 1pt solid black; border-left: 1pt solid black; border-image: initial; border-top: none; padding: 0cm 5.4pt; height: 68.9601px;" valign="top" width="189">
<p style="margin-bottom: 0cm;">Tome 3 - Der Busfriedhof</p>
</td>
<td style="width: 22.3508%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 68.9601px;" valign="top" width="141">
<p style="margin-bottom: 0cm;">Le cimeti&egrave;re des autobus</p>
</td>
<td style="width: 14.2011%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 5.4pt; height: 68.9601px;" valign="top" width="120">
<p style="margin-bottom: 0cm;">9783867199568</p>
</td>
<td style="width: 31.5074%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 68.9601px;" valign="top" width="154">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2010</p>
<p style="margin-bottom: 0cm;">Couverture cartonn&eacute;e&nbsp;: 25 x 17,5 cm</p>
</td>
</tr>
<tr style="height: 34.48px;">
<td style="width: 31.9154%; border-right: 1pt solid black; border-bottom: 1pt solid black; border-left: 1pt solid black; border-image: initial; border-top: none; padding: 0cm 5.4pt; height: 34.48px;" valign="top" width="189">
<p style="margin-bottom: 0cm;">Tome 4 - Liebeleien</p>
</td>
<td style="width: 22.3508%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 34.48px;" valign="top" width="141">
<p style="margin-bottom: 0cm;">Amourettes</p>
</td>
<td style="width: 14.2011%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 5.4pt; height: 34.48px;" valign="top" width="120">
<p style="margin-bottom: 0cm;">9783867199575</p>
</td>
<td style="width: 31.5074%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 34.48px;" valign="top" width="154">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2011</p>
</td>
</tr>
<tr style="height: 34.48px;">
<td style="width: 31.9154%; border-right: 1pt solid black; border-bottom: 1pt solid black; border-left: 1pt solid black; border-image: initial; border-top: none; padding: 0cm 5.4pt; height: 34.48px;" valign="top" width="189">
<p style="margin-bottom: 0cm;">Tome 5 &ndash; Laser Ninja</p>
</td>
<td style="width: 22.3508%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 34.48px;" valign="top" width="141">
<p style="margin-bottom: 0cm;">&nbsp;</p>
</td>
<td style="width: 14.2011%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 5.4pt; height: 34.48px;" valign="top" width="120">
<p style="margin-bottom: 0cm;">9783867199582</p>
</td>
<td style="width: 31.5074%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 34.48px;" valign="top" width="154">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2012</p>
</td>
</tr>
<tr style="height: 34.48px;">
<td style="width: 31.9154%; border-right: 1pt solid black; border-bottom: 1pt solid black; border-left: 1pt solid black; border-image: initial; border-top: none; padding: 0cm 5.4pt; height: 34.48px;" valign="top" width="189">
<p style="margin-bottom: 0cm;">Tome 6 - Kristallzeit</p>
</td>
<td style="width: 22.3508%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 34.48px;" valign="top" width="141">
<p style="margin-bottom: 0cm;">L'&acirc;ge de cristal</p>
</td>
<td style="width: 14.2011%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 5.4pt; height: 34.48px;" valign="top" width="120">
<p style="margin-bottom: 0cm;">9783867199599</p>
</td>
<td style="width: 31.5074%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 34.48px;" valign="top" width="154">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2013</p>
</td>
</tr>
<tr style="height: 31.48px;">
<td style="width: 31.9154%; border-right: 1pt solid black; border-bottom: 1pt solid black; border-left: 1pt solid black; border-image: initial; border-top: none; padding: 0cm 5.4pt; height: 31.48px;" valign="top" width="189">
<p style="margin-bottom: 0cm;">Tome 7 - Das Baumhaus</p>
</td>
<td style="width: 22.3508%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 31.48px;" valign="top" width="141">
<p style="margin-bottom: 0cm;">La cabane</p>
</td>
<td style="width: 14.2011%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 5.4pt; height: 31.48px;" valign="top" width="120">
<p style="margin-bottom: 0cm;">9783842025707</p>
</td>
<td style="width: 31.5074%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 31.48px;" valign="top" width="154">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2017</p>
</td>
</tr>
<tr style="height: 52.9674px;">
<td style="width: 31.9154%; border-right: 1pt solid black; border-bottom: 1pt solid black; border-left: 1pt solid black; border-image: initial; border-top: none; padding: 0cm 5.4pt; height: 52.9674px;" valign="top" width="189">
<p style="margin-bottom: 0cm;">Tome 8 -<span style="mso-spacerun: yes;">&nbsp; </span>Auf zu neuen Abenteuern</p>
</td>
<td style="width: 22.3508%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 52.9674px;" valign="top" width="141">
<p style="margin-bottom: 0cm;">En route pour de nouvelles aventures</p>
</td>
<td style="width: 14.2011%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 5.4pt; height: 52.9674px;" valign="top" width="120">
<p style="margin-bottom: 0cm;">9783948057480</p>
</td>
<td style="width: 31.5074%; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0cm 0.5pt; height: 52.9674px;" valign="top" width="154">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2022</p>
</td>
</tr>
</tbody>
</table>

</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="/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>
  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.-->