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

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

<!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> Suédois  | 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 Suédois   - 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,Suédois,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="Suédois -  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="Suédois -  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/237/237_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> Suédois    </h2>

<p class="tags">
    
        <a href="/tag/bd">#bd</a> 
    
</p>
<p>Traduit par Lotta Riad</p>
<p>Edit&eacute; par Lisa Wibom pour les 8 premiers tomes</p>
<div id="galerieImage">
<p><a href="../../../../../static/objets/237/237_1.png"> <img class="img-fluid" src="../../../../../static/objets/237/237_1.png" alt="" width="800" /></a></p>
<p>&nbsp;</p>
<table class="table table-dark">
<tbody>
<tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;">
<th style="width: 198.2pt; border: solid black 1.0pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;">Nom</p>
</th>
<th style="width: 89.5pt; border: solid black 1.0pt; border-left: none; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p style="margin-bottom: 0cm;">EAN</p>
</th>
<th style="width: 165.4pt; border: solid black 1.0pt; border-left: none; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;">Notes</p>
</th>
</tr>
<tr style="mso-yfti-irow: 1;">
<td style="width: 198.2pt; border: solid black 1.0pt; border-top: none; mso-border-top-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;">Tome 1 - Dagboksdagar</p>
</td>
<td style="width: 89.5pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p>9789197821308</p>
</td>
<td style="width: 165.4pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2009</p>
</td>
</tr>
<tr style="mso-yfti-irow: 2;">
<td style="width: 198.2pt; border: solid black 1.0pt; border-top: none; mso-border-top-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;">Tome 2 - Sommarblues</p>
</td>
<td style="width: 89.5pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p>9789197821315</p>
</td>
<td style="width: 165.4pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2009</p>
</td>
</tr>
<tr style="mso-yfti-irow: 3;">
<td style="width: 198.2pt; border: solid black 1.0pt; border-top: none; mso-border-top-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;">Tome 3 - Busskyrkog&aring;rden</p>
</td>
<td style="width: 89.5pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p>9789197821322</p>
</td>
<td style="width: 165.4pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2010</p>
</td>
</tr>
<tr style="mso-yfti-irow: 4;">
<td style="width: 198.2pt; border: solid black 1.0pt; border-top: none; mso-border-top-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;">Tome 4 - F&ouml;r&auml;lskelser</p>
</td>
<td style="width: 89.5pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p>9789197821339</p>
</td>
<td style="width: 165.4pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2011</p>
</td>
</tr>
<tr style="mso-yfti-irow: 5;">
<td style="width: 198.2pt; border: solid black 1.0pt; border-top: none; mso-border-top-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;">Tome 5 &ndash; Laser Ninja</p>
</td>
<td style="width: 89.5pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p>9789197821353</p>
</td>
<td style="width: 165.4pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2011</p>
</td>
</tr>
<tr style="mso-yfti-irow: 6;">
<td style="width: 198.2pt; border: solid black 1.0pt; border-top: none; mso-border-top-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;">Tome 6 - Kristall&aring;ldern</p>
</td>
<td style="width: 89.5pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p>9789197821384</p>
</td>
<td style="width: 165.4pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2013</p>
</td>
</tr>
<tr style="mso-yfti-irow: 7;">
<td style="width: 198.2pt; border: solid black 1.0pt; border-top: none; mso-border-top-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;">Tome 7 - Kojan</p>
</td>
<td style="width: 89.5pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p>9789198293500</p>
</td>
<td style="width: 165.4pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;">Dat&eacute; de 2016</p>
</td>
</tr>
<tr style="mso-yfti-irow: 8;">
<td style="width: 198.2pt; border: solid black 1.0pt; border-top: none; mso-border-top-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;"><span lang="EN-US" style="mso-ansi-language: EN-US;">Tome 8 - P&aring; v&auml;g mot nya &auml;ventyr</span></p>
</td>
<td style="width: 89.5pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p>9789198293548</p>
</td>
<td style="width: 165.4pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;"><span lang="EN-US" style="mso-ansi-language: EN-US;">Dat&eacute; de 2019</span></p>
</td>
</tr>
<tr style="mso-yfti-irow: 9; mso-yfti-lastrow: yes;">
<td style="width: 198.2pt; border: solid black 1.0pt; border-top: none; mso-border-top-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="264">
<p style="margin-bottom: 0cm;">Sonata 1</p>
</td>
<td style="width: 89.5pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm .5pt 0cm .5pt;" valign="top" width="119">
<p>9789176218099</p>
</td>
<td style="width: 165.4pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; mso-border-top-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-alt: solid black .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="221">
<p style="margin-bottom: 0cm;">Sorti le 21/01/2022</p>
</td>
</tr>
</tbody>
</table>
</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.-->