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

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

<!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> 16/12/2023 @ 6MIC - Aix-En-Provence - Wiki  | 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="/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">
  

<div class="enteteArticleWiki"> 
<p class="arbo inline-element"> <a href="/wiki"> Wiki </a> / <a href="/wiki-categorie/krystal_zealot">Krystal Zealot </a> </p>

<div class="inline-element" style="float: right;">
  <p><i>Dernière modification: 17/08/2024</i> <p>
    
    <p><i>En collaboration avec  Bulle de Lou</i> <p>
      

    </div>

  </div>
    <h1> 16/12/2023 @ 6MIC - Aix-En-Provence   </h1>
 

<div id="galerieImage">
<p>&nbsp;</p>
<table class="table-dark table-wiki">
<thead>
<tr>
<th colspan="2" scope="col">Release Party Lou Sonata 2<a href="../../../../static/imgs/wiki/concerts/release_party_2024/affiche_post.jpg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/affiche_post.jpg" /></a></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Date</th>
<td>16/12/2023</td>
</tr>
<tr>
<th scope="row">Lieu</th>
<td>6MIC - Aix En Provence</td>
</tr>
</tbody>
</table>
<h2>Tracklist</h2>
<div class="espace_liens">&nbsp;</div>
<table class="table table-dark" style="width: 61.1614%; height: 499.87px;">
<thead>
<tr style="height: 18.4874px;">
<th style="width: 20.3195%; height: 18.4874px;" scope="col">Ordre</th>
<th style="width: 32.688%; height: 18.4874px;" scope="col">Musique</th>
<th style="width: 46.9705%; height: 18.4874px;" scope="col">Notes</th>
</tr>
</thead>
<tbody>
<tr style="height: 33.8892px;">
<th style="width: 20.3195%; height: 33.8892px;" scope="row">01</th>
<td style="width: 32.688%; height: 33.8892px;">Tygre 1</td>
<td style="width: 46.9705%; height: 33.8892px;">&nbsp;</td>
</tr>
<tr style="height: 35.3608px;">
<th style="width: 20.3195%; height: 35.3608px;" scope="row">02</th>
<td style="width: 32.688%; height: 35.3608px;">Commencer</td>
<td style="width: 46.9705%; height: 35.3608px;">&nbsp;</td>
</tr>
<tr style="height: 57.354px;">
<th style="width: 20.3195%; height: 19.354px;" scope="row">03</th>
<td style="width: 32.688%; height: 19.354px;">Bergtagen</td>
<td style="width: 46.9705%; height: 19.354px;">&nbsp;</td>
</tr>
<tr style="height: 57.8388px;">
<th style="width: 20.3195%; height: 57.8388px;" scope="row">04</th>
<td style="width: 32.688%; height: 57.8388px;">Tourner un peu en rond</td>
<td style="width: 46.9705%; height: 57.8388px;">&nbsp;</td>
</tr>
<tr style="height: 57.354px;">
<th style="width: 20.3195%; height: 19.354px;" scope="row">05</th>
<td style="width: 32.688%; height: 19.354px;">Les deserts en voilier</td>
<td style="width: 46.9705%; height: 19.354px;">&nbsp;</td>
</tr>
<tr style="height: 57.8388px;">
<th style="width: 20.3195%; height: 57.8388px;" scope="row">06</th>
<td style="width: 32.688%; height: 57.8388px;">La t&ecirc;te &agrave; &ccedil;a</td>
<td style="width: 46.9705%; height: 57.8388px;">&nbsp;</td>
</tr>
<tr style="height: 57.8388px;">
<th style="width: 20.3195%; height: 57.8388px;" scope="row">07</th>
<td style="width: 32.688%; height: 57.8388px;">Les pansements</td>
<td style="width: 46.9705%; height: 57.8388px;">&nbsp;</td>
</tr>
<tr style="height: 57.8388px;">
<th style="width: 20.3195%; height: 57.8388px;" scope="row">08</th>
<td style="width: 32.688%; height: 57.8388px;">Culture g&eacute;n&eacute;rale</td>
<td style="width: 46.9705%; height: 57.8388px;">Avec la participation de Baptiste Gaubert au dessin</td>
</tr>
<tr style="height: 57.563px;">
<th style="width: 20.3195%; height: 57.563px;" scope="row">09</th>
<td style="width: 32.688%; height: 57.563px;">Fur on Fur</td>
<td style="width: 46.9705%; height: 57.563px;">&nbsp;</td>
</tr>
<tr style="height: 57.8508px;">
<th style="width: 20.3195%; height: 45.8508px;" scope="row">10</th>
<td style="width: 32.688%; height: 45.8508px;">Voyage vers Inti</td>
<td style="width: 46.9705%; height: 45.8508px;">Avec la participation de Baptiste Gaubert au dessin</td>
</tr>
<tr style="height: 57.6555px;">
<th style="width: 20.3195%; height: 38.6555px;" scope="row">11</th>
<td style="width: 32.688%; height: 38.6555px;">Terminer</td>
<td style="width: 46.9705%; height: 38.6555px;">&nbsp;</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>Dessins</h2>
<div class="espace_liens">&nbsp;</div>
<div id="objetsGrille">
<div class="row">
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/1-Tygre.jpeg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/1-Tygre.jpeg" /></a>
<p>1 - Tygre 1</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/2-Commencer.jpg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/2-Commencer.jpg" /></a>
<p>2 - Commencer</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/3-Bergtagen.jpg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/3-Bergtagen.jpg" /></a>
<p>3 - Bergtagen</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/4_Tourner_un_peu_en_rond.jpeg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/4_Tourner_un_peu_en_rond.jpeg" /></a>
<p>4 - Tourner un peu en rond</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/5-les_deserts_en_voilier.jpeg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/5-les_deserts_en_voilier.jpeg" /></a>
<p>5 - Les deserts en voilier</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/6_latete.jpg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/6_latete.jpg" /></a>
<p>6 - La t&ecirc;te &agrave; &ccedil;a</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/7-les_pansements.jpeg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/7-les_pansements.jpeg" /></a>
<p>7 - Les pansements</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/8-culture_generalew_Baptiste.jpeg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/8-culture_generalew_Baptiste.jpeg" /></a>
<p>8 - Culture G&eacute;n&eacute;rale</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/9-Fur_on_fur.jpeg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/9-Fur_on_fur.jpeg" /></a>
<p>9 - Fur on Fur</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/10-voyage_vers_intiw_Baptiste.jpg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/10-voyage_vers_intiw_Baptiste.jpg" /></a>
<p>10 - Voyage vers inti</p>
</center></div>
<div class="col-12 col-md-4 grid-item"><center><a href="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/11-terminer.jpeg"><img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/dessins/11-terminer.jpeg" /></a>
<p>11 - Terminer</p>
</center></div>
</div>
</div>
<h2>Galerie d'images</h2>
<div class="espace_liens">&nbsp;</div>
<div id="objetsGrille">
<div class="row">
<div class="col-12 col-md-4 grid-item"><a href="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_193826.jpg"> <img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_193826.jpg" /></a></div>
<div class="col-12 col-md-4 grid-item"><a href="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_195613.jpg"> <img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_195613.jpg" /></a></div>
<div class="col-12 col-md-4 grid-item"><a href="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_195637.jpg"> <img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_195637.jpg" /></a></div>
<div class="col-12 col-md-4 grid-item"><a href="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_201134.jpg"> <img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_201134.jpg" /></a></div>
<div class="col-12 col-md-4 grid-item"><a href="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_201733.jpg"> <img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_201733.jpg" /></a></div>
<div class="col-12 col-md-4 grid-item"><a href="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_201823.jpg"> <img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_201823.jpg" /></a></div>
<div class="col-12 col-md-4 grid-item"><a href="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_205103.jpg"> <img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_205103.jpg" /></a></div>
<div class="col-12 col-md-4 grid-item"><a href="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_205313.jpg"> <img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_205313.jpg" /></a></div>
<div class="col-12 col-md-4 grid-item"><a href="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_205640.jpg"> <img class="img-fluid" style="display: block; margin: 0 auto; width: 15em;" src="../../../../static/imgs/wiki/concerts/release_party_2024/IMG_20231216_205640.jpg" /></a></div>
</div>
</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="/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.-->