
<!-- ROLE IMAGE NOT FOUND
Film  : Sonic 3, le film
Role  : Knuckles
Tried :
/images/culture/Film/2020/S/Sonic 3, le film/roles/Knuckles.webp
/images/culture/Film/2020/S/Sonic 3, le film/roles/Knuckles.jpg
/images/culture/Film/2020/S/Sonic 3, le film/roles/Knuckles.jpeg
/images/culture/Film/2020/S/Sonic 3, le film/roles/Knuckles.png
-->

<!-- ROLE IMAGE NOT FOUND
Film  : Sonic 2, le film
Role  : Knuckles
Tried :
/images/culture/Film/2020/S/Sonic 2, le film/roles/Knuckles.webp
/images/culture/Film/2020/S/Sonic 2, le film/roles/Knuckles.jpg
/images/culture/Film/2020/S/Sonic 2, le film/roles/Knuckles.jpeg
/images/culture/Film/2020/S/Sonic 2, le film/roles/Knuckles.png
-->

<!-- ROLE IMAGE NOT FOUND
Film  : Thor: Ragnarok
Role  : Heimdall
Tried :
/images/culture/Film/2010/T/Thor: Ragnarok/roles/Heimdall.webp
/images/culture/Film/2010/T/Thor: Ragnarok/roles/Heimdall.jpg
/images/culture/Film/2010/T/Thor: Ragnarok/roles/Heimdall.jpeg
/images/culture/Film/2010/T/Thor: Ragnarok/roles/Heimdall.png
/images/culture/Film/2010/T/Thor   Ragnarok/roles/Heimdall.webp
/images/culture/Film/2010/T/Thor   Ragnarok/roles/Heimdall.jpg
/images/culture/Film/2010/T/Thor   Ragnarok/roles/Heimdall.jpeg
/images/culture/Film/2010/T/Thor   Ragnarok/roles/Heimdall.png
/images/culture/Film/2010/T/Thor Ragnarok/roles/Heimdall.webp
/images/culture/Film/2010/T/Thor Ragnarok/roles/Heimdall.jpg
/images/culture/Film/2010/T/Thor Ragnarok/roles/Heimdall.jpeg
/images/culture/Film/2010/T/Thor Ragnarok/roles/Heimdall.png
-->

<!-- ROLE IMAGE NOT FOUND
Film  : Avengers : L'Ère d'Ultron
Role  : Heimdall
Tried :
/images/culture/Film/2010/A/Avengers : L'Ère d'Ultron/roles/Heimdall.webp
/images/culture/Film/2010/A/Avengers : L'Ère d'Ultron/roles/Heimdall.jpg
/images/culture/Film/2010/A/Avengers : L'Ère d'Ultron/roles/Heimdall.jpeg
/images/culture/Film/2010/A/Avengers : L'Ère d'Ultron/roles/Heimdall.png
/images/culture/Film/2010/A/Avengers : L'Ere d'Ultron/roles/Heimdall.webp
/images/culture/Film/2010/A/Avengers : L'Ere d'Ultron/roles/Heimdall.jpg
/images/culture/Film/2010/A/Avengers : L'Ere d'Ultron/roles/Heimdall.jpeg
/images/culture/Film/2010/A/Avengers : L'Ere d'Ultron/roles/Heimdall.png
/images/culture/Film/2010/A/Avengers    L'Ère d'Ultron/roles/Heimdall.webp
/images/culture/Film/2010/A/Avengers    L'Ère d'Ultron/roles/Heimdall.jpg
/images/culture/Film/2010/A/Avengers    L'Ère d'Ultron/roles/Heimdall.jpeg
/images/culture/Film/2010/A/Avengers    L'Ère d'Ultron/roles/Heimdall.png
/images/culture/Film/2010/A/Avengers    L'Ere d'Ultron/roles/Heimdall.webp
/images/culture/Film/2010/A/Avengers    L'Ere d'Ultron/roles/Heimdall.jpg
/images/culture/Film/2010/A/Avengers    L'Ere d'Ultron/roles/Heimdall.jpeg
/images/culture/Film/2010/A/Avengers    L'Ere d'Ultron/roles/Heimdall.png
/images/culture/Film/2010/A/Avengers L'Ère d'Ultron/roles/Heimdall.webp
/images/culture/Film/2010/A/Avengers L'Ère d'Ultron/roles/Heimdall.jpg
/images/culture/Film/2010/A/Avengers L'Ère d'Ultron/roles/Heimdall.jpeg
/images/culture/Film/2010/A/Avengers L'Ère d'Ultron/roles/Heimdall.png
/images/culture/Film/2010/A/Avengers L'Ere d'Ultron/roles/Heimdall.webp
/images/culture/Film/2010/A/Avengers L'Ere d'Ultron/roles/Heimdall.jpg
/images/culture/Film/2010/A/Avengers L'Ere d'Ultron/roles/Heimdall.jpeg
/images/culture/Film/2010/A/Avengers L'Ere d'Ultron/roles/Heimdall.png
-->

<!-- ROLE IMAGE NOT FOUND
Film  : Thor : Le Monde des ténèbres
Role  : Heimdall
Tried :
/images/culture/Film/2010/T/Thor : Le Monde des ténèbres/roles/Heimdall.webp
/images/culture/Film/2010/T/Thor : Le Monde des ténèbres/roles/Heimdall.jpg
/images/culture/Film/2010/T/Thor : Le Monde des ténèbres/roles/Heimdall.jpeg
/images/culture/Film/2010/T/Thor : Le Monde des ténèbres/roles/Heimdall.png
/images/culture/Film/2010/T/Thor : Le Monde des tenebres/roles/Heimdall.webp
/images/culture/Film/2010/T/Thor : Le Monde des tenebres/roles/Heimdall.jpg
/images/culture/Film/2010/T/Thor : Le Monde des tenebres/roles/Heimdall.jpeg
/images/culture/Film/2010/T/Thor : Le Monde des tenebres/roles/Heimdall.png
/images/culture/Film/2010/T/Thor    Le Monde des ténèbres/roles/Heimdall.webp
/images/culture/Film/2010/T/Thor    Le Monde des ténèbres/roles/Heimdall.jpg
/images/culture/Film/2010/T/Thor    Le Monde des ténèbres/roles/Heimdall.jpeg
/images/culture/Film/2010/T/Thor    Le Monde des ténèbres/roles/Heimdall.png
/images/culture/Film/2010/T/Thor    Le Monde des tenebres/roles/Heimdall.webp
/images/culture/Film/2010/T/Thor    Le Monde des tenebres/roles/Heimdall.jpg
/images/culture/Film/2010/T/Thor    Le Monde des tenebres/roles/Heimdall.jpeg
/images/culture/Film/2010/T/Thor    Le Monde des tenebres/roles/Heimdall.png
/images/culture/Film/2010/T/Thor Le Monde des ténèbres/roles/Heimdall.webp
/images/culture/Film/2010/T/Thor Le Monde des ténèbres/roles/Heimdall.jpg
/images/culture/Film/2010/T/Thor Le Monde des ténèbres/roles/Heimdall.jpeg
/images/culture/Film/2010/T/Thor Le Monde des ténèbres/roles/Heimdall.png
/images/culture/Film/2010/T/Thor Le Monde des tenebres/roles/Heimdall.webp
/images/culture/Film/2010/T/Thor Le Monde des tenebres/roles/Heimdall.jpg
/images/culture/Film/2010/T/Thor Le Monde des tenebres/roles/Heimdall.jpeg
/images/culture/Film/2010/T/Thor Le Monde des tenebres/roles/Heimdall.png
-->

<!-- ROLE IMAGE FOUND
Film  : Thor
Role  : Heimdall
Path  : /images/culture/Film/2010/T/Thor/roles/Heimdall.jpg
-->
<base href="/">

<!-- CSS main -->
<link rel="stylesheet" href="/_css/base.css?v=1774198499">
<link rel="stylesheet" href="/_css/layout/nav.css?v=1774198507">
<link rel="stylesheet" href="/_css/layout/footer.css?v=1774198507">
<!-- CSS admin -->
<link rel="stylesheet" href="/_css/admin/layout.css?v=1776529738">
<link rel="stylesheet" href="/_css/admin/cards.css?v=1774198505">
<link rel="stylesheet" href="/_css/admin/forms.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/roles.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/table.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/etape-layout.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/etape-forms.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/etape-cards.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/studios.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/selection-grid.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/final-hero.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/crew-form.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/serie-cast.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/media-etape.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/etape7-visuals.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/etape8-video.css?v=1774198506">
<link rel="stylesheet" href="/_css/admin/etape9-episodes.css?v=1774198506">
<!-- CSS sections -->
<link rel="stylesheet" href="/_css/sections/recently-added.css?v=1774198508">
<link rel="stylesheet" href="/_css/sections/culture.css?v=1774198507">
<link rel="stylesheet" href="/_css/sections/film.css?v=1774198507">
<link rel="stylesheet" href="/_css/sections/serie-tv.css?v=1774198508">
<link rel="stylesheet" href="/_css/sections/serie-tv-detail.css?v=1774198508">
<link rel="stylesheet" href="/_css/sections/episodes.css?v=1774198507">
<link rel="stylesheet" href="/_css/sections/activites.css?v=1774198507">
<link rel="stylesheet" href="/_css/sections/dashboard-films.css?v=1774198507">
<link rel="stylesheet" href="/_css/sections/connexion.css?v=1774198507">
<link rel="stylesheet" href="/_css/sections/profil.css?v=1774198508">
<link rel="stylesheet" href="/_css/sections/personnage.css?v=1776529593">
<link rel="stylesheet" href="/_css/sections/nationalities.css?v=1774198508">
<link rel="stylesheet" href="/_css/sections/personnages-liste.css?v=1774198508">
<link rel="stylesheet" href="/_css/sections/personnage-profil.css?v=1774198508">
<!-- CSS components -->
<link rel="stylesheet" href="/_css/components/form-inputs.css?v=1774810415">
<link rel="stylesheet" href="/_css/components/buttons.css?v=1774198506">
<link rel="stylesheet" href="/_css/components/social-icons.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/select2.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/upload-preview.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/messages.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/card.css?v=1774198506">
<link rel="stylesheet" href="/_css/components/ville-card.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/culture-card.css?v=1774198506">
<link rel="stylesheet" href="/_css/components/locked-card.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/media-players.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/spotify.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/film-card.css?v=1774198506">
<link rel="stylesheet" href="/_css/components/film-search.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/film-hero.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/film-meta.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/film-crew.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/entity-cards.css?v=1774198506">
<link rel="stylesheet" href="/_css/components/film-casting.css?v=1774198506">
<link rel="stylesheet" href="/_css/components/film-critique.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/film-detail.css?v=1774810833">
<link rel="stylesheet" href="/_css/components/film-gallery.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/genre-selector.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/pagination.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/personnage-search.css?v=1774198507">
<link rel="stylesheet" href="/_css/components/personnage-card.css?v=1774198507">

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-...." crossorigin="anonymous" />
<link rel="icon" href="/favicon.png" type="image/png" sizes="32x32">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
<meta charset="UTF-8"><base href="/">

<script src="/diapo.js"></script>
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Filmographie de Idris Elba</title>
</head>
<body>
<header>
<nav>
  <div class="nav-left">
    <button class="hamburger" type="button" aria-label="Menu">
      <span></span><span></span><span></span>
    </button>
    <a href="/index.php" class="nav-icon">
      <img src="/Nav_Footer/Logo-Archiculte2.png" alt="Logo Archiculte">
      <span>Archiculte</span>
    </a>
  </div>

  <div class="nav-desktop-container">
    <div class="navlinks-container">
      <a href="/1-G%C3%A9ographie/geographie.php">Geographie</a><a href="#" class="nav-link-disabled" aria-disabled="true" tabindex="-1" title="Indisponible pendant la mise a jour" onclick="return false;">Histoire</a><a href="/3-Culture/culture.php">Culture</a><a href="#" class="nav-link-disabled" aria-disabled="true" tabindex="-1" title="Indisponible pendant la mise a jour" onclick="return false;">Science</a><a href="/5-Personnage/personnage.php">Personnages</a><a href="#" class="nav-link-disabled" aria-disabled="true" tabindex="-1" title="Indisponible pendant la mise a jour" onclick="return false;">Societe</a>    </div>
  </div>

  <form class="nav-search" action="/recherche.php" method="get" role="search">
    <label for="q" class="visually-hidden">Rechercher</label>
    <input type="search" id="q" name="q" placeholder="Rechercher..." value="" required minlength="2" list="nav-search-suggestions" autocomplete="off" />
    <datalist id="nav-search-suggestions"></datalist>
    <button type="submit" class="button-action btn--sm" aria-label="Lancer la recherche">Rechercher</button>
  </form>

  <div class="nav-authentication">
    <div class="Sign-btns">
      <span class="nav-welcome">Bienvenue</span>

                        <span class="nav-links nav-link-disabled" title="Inscriptions temporairement fermees">Inscription fermee</span>
                <a class="nav-links" href="/_Utilisateur/connexion.php">Connexion</a>
          </div>
  </div>

  <div class="main-nav-container" id="mobile-menu">
    <a href="/1-G%C3%A9ographie/geographie.php">Geographie</a><a href="#" class="nav-link-disabled" aria-disabled="true" tabindex="-1" title="Indisponible pendant la mise a jour" onclick="return false;">Histoire</a><a href="/3-Culture/culture.php">Culture</a><a href="#" class="nav-link-disabled" aria-disabled="true" tabindex="-1" title="Indisponible pendant la mise a jour" onclick="return false;">Science</a><a href="/5-Personnage/personnage.php">Personnages</a><a href="#" class="nav-link-disabled" aria-disabled="true" tabindex="-1" title="Indisponible pendant la mise a jour" onclick="return false;">Societe</a>
    <div class="mobile-dynamic-links">
        </div>
  </div>
</nav>

<script src="/Nav_Footer/nav.js"></script>
<script>console.log("nav.js charge");</script>
</header>

<main class="film-container">
    <section class="geotitrec">
        <h1 class="filmography-title">🎬 Filmographie de Idris Elba</h1>
    </section>

    <section class="cast-roles-grid">
                                                    <article class="cast-role-card cast-role-card--actor">
                  <a href="/3-Culture/Film/Film3.php?id=137" class="cast-role-card-linkwrap">
                    <div
                      class="role-playing-card role-ready suit-spade is-flippable"
                                              role="button"
                        tabindex="0"
                        aria-pressed="false"
                        aria-label="Voir le rôle Knuckles"
                                          >
                      <div class="pc-3d">
                        <div class="pc-face pc-front">
                          <figure class="pc-photo">
                            <img src="https://fr.web.img4.acsta.net/img/85/e7/85e77c51c172da4aec13679210295a11.jpg" alt="Affiche Sonic 3, le film" loading="lazy" decoding="async" >                          </figure>
                          <div class="pc-topbar">
                                                          <span class="pill role-name">Knuckles</span>
                                                      </div>
                        </div>

                                                  <div class="pc-face pc-back">
                            
                            <div class="pc-meta">
                                                              <h4>Knuckles</h4>
                                                          </div>
                          </div>
                                              </div>
                    </div>
                  </a>

                  <a class="cast-role-link" href="/3-Culture/Film/Film3.php?id=137" aria-label="Voir la fiche du film Sonic 3, le film">
                    <span>Sonic 3, le film</span>
                                                              <span>(2024)</span>
                                      </a>
                </article>
                                            <article class="cast-role-card cast-role-card--actor">
                  <a href="/3-Culture/Film/Film3.php?id=136" class="cast-role-card-linkwrap">
                    <div
                      class="role-playing-card role-ready suit-spade is-flippable"
                                              role="button"
                        tabindex="0"
                        aria-pressed="false"
                        aria-label="Voir le rôle Knuckles"
                                          >
                      <div class="pc-3d">
                        <div class="pc-face pc-front">
                          <figure class="pc-photo">
                            <img src="https://fr.web.img5.acsta.net/pictures/22/03/14/15/39/4137538.jpg" alt="Affiche Sonic 2, le film" loading="lazy" decoding="async" >                          </figure>
                          <div class="pc-topbar">
                                                          <span class="pill role-name">Knuckles</span>
                                                      </div>
                        </div>

                                                  <div class="pc-face pc-back">
                            
                            <div class="pc-meta">
                                                              <h4>Knuckles</h4>
                                                          </div>
                          </div>
                                              </div>
                    </div>
                  </a>

                  <a class="cast-role-link" href="/3-Culture/Film/Film3.php?id=136" aria-label="Voir la fiche du film Sonic 2, le film">
                    <span>Sonic 2, le film</span>
                                                              <span>(2022)</span>
                                      </a>
                </article>
                                            <article class="cast-role-card cast-role-card--actor">
                  <a href="/3-Culture/Film/Film3.php?id=103" class="cast-role-card-linkwrap">
                    <div
                      class="role-playing-card role-ready suit-spade is-flippable"
                                              role="button"
                        tabindex="0"
                        aria-pressed="false"
                        aria-label="Voir le rôle Heimdall"
                                          >
                      <div class="pc-3d">
                        <div class="pc-face pc-front">
                          <figure class="pc-photo">
                            <img src="https://m.media-amazon.com/images/M/MV5BYzJjOWM5MDgtYjA5Ny00YTJhLWJmZmEtMzM5ODNkNzI3YjMzXkEyXkFqcGc@._V1_.jpg" alt="Affiche Thor: Ragnarok" loading="lazy" decoding="async" >                          </figure>
                          <div class="pc-topbar">
                                                          <span class="pill role-name">Heimdall</span>
                                                      </div>
                        </div>

                                                  <div class="pc-face pc-back">
                            
                            <div class="pc-meta">
                                                              <h4>Heimdall</h4>
                                                          </div>
                          </div>
                                              </div>
                    </div>
                  </a>

                  <a class="cast-role-link" href="/3-Culture/Film/Film3.php?id=103" aria-label="Voir la fiche du film Thor: Ragnarok">
                    <span>Thor: Ragnarok</span>
                                                              <span>(2017)</span>
                                      </a>
                </article>
                                            <article class="cast-role-card cast-role-card--actor">
                  <a href="/3-Culture/Film/Film3.php?id=79" class="cast-role-card-linkwrap">
                    <div
                      class="role-playing-card role-ready suit-spade is-flippable"
                                              role="button"
                        tabindex="0"
                        aria-pressed="false"
                        aria-label="Voir le rôle Heimdall"
                                          >
                      <div class="pc-3d">
                        <div class="pc-face pc-front">
                          <figure class="pc-photo">
                            <img src="https://fr.web.img4.acsta.net/pictures/15/02/24/18/29/161927.jpg" alt="Affiche Avengers : L&amp;#039;Ère d&amp;#039;Ultron" loading="lazy" decoding="async" >                          </figure>
                          <div class="pc-topbar">
                                                          <span class="pill role-name">Heimdall</span>
                                                      </div>
                        </div>

                                                  <div class="pc-face pc-back">
                            
                            <div class="pc-meta">
                                                              <h4>Heimdall</h4>
                                                          </div>
                          </div>
                                              </div>
                    </div>
                  </a>

                  <a class="cast-role-link" href="/3-Culture/Film/Film3.php?id=79" aria-label="Voir la fiche du film Avengers : L&#039;Ère d&#039;Ultron">
                    <span>Avengers : L&#039;Ère d&#039;Ultron</span>
                                                              <span>(2015)</span>
                                      </a>
                </article>
                                            <article class="cast-role-card cast-role-card--actor">
                  <a href="/3-Culture/Film/Film3.php?id=74" class="cast-role-card-linkwrap">
                    <div
                      class="role-playing-card role-ready suit-spade is-flippable"
                                              role="button"
                        tabindex="0"
                        aria-pressed="false"
                        aria-label="Voir le rôle Heimdall"
                                          >
                      <div class="pc-3d">
                        <div class="pc-face pc-front">
                          <figure class="pc-photo">
                            <img src="https://fr.web.img6.acsta.net/pictures/210/407/21040735_20130916181657638.jpg" alt="Affiche Thor : Le Monde des ténèbres" loading="lazy" decoding="async" >                          </figure>
                          <div class="pc-topbar">
                                                          <span class="pill role-name">Heimdall</span>
                                                      </div>
                        </div>

                                                  <div class="pc-face pc-back">
                            
                            <div class="pc-meta">
                                                              <h4>Heimdall</h4>
                                                          </div>
                          </div>
                                              </div>
                    </div>
                  </a>

                  <a class="cast-role-link" href="/3-Culture/Film/Film3.php?id=74" aria-label="Voir la fiche du film Thor : Le Monde des ténèbres">
                    <span>Thor : Le Monde des ténèbres</span>
                                                              <span>(2013)</span>
                                      </a>
                </article>
                                            <article class="cast-role-card cast-role-card--actor">
                  <a href="/3-Culture/Film/Film3.php?id=32" class="cast-role-card-linkwrap">
                    <div
                      class="role-playing-card role-ready suit-spade is-flippable"
                                              role="button"
                        tabindex="0"
                        aria-pressed="false"
                        aria-label="Voir le rôle Heimdall"
                                          >
                      <div class="pc-3d">
                        <div class="pc-face pc-front">
                          <figure class="pc-photo">
                            <img src="https://fr.web.img3.acsta.net/medias/nmedia/18/77/96/35/19701393.jpg" alt="Affiche Thor" loading="lazy" decoding="async" >                          </figure>
                          <div class="pc-topbar">
                                                          <span class="pill role-name">Heimdall</span>
                                                      </div>
                        </div>

                                                  <div class="pc-face pc-back">
                                                          <img class="pc-back-img" src="/images/culture/Film/2010/T/Thor/roles/Heimdall.jpg" alt="Heimdall">
                            
                            <div class="pc-meta">
                                                              <h4>Heimdall</h4>
                                                          </div>
                          </div>
                                              </div>
                    </div>
                  </a>

                  <a class="cast-role-link" href="/3-Culture/Film/Film3.php?id=32" aria-label="Voir la fiche du film Thor">
                    <span>Thor</span>
                                                              <span>(2011)</span>
                                      </a>
                </article>
                        </section>

    <div class="back-link" style="margin-top:18px;">
        <a href="/5-Personnage/personnage4.php?id=276" class="btn-etape">
            ← Retour à la fiche
        </a>
    </div>
</main>

<footer><div class="pg-footer">
    <footer class="footer">
      <svg class="footer-wave-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 100" preserveAspectRatio="none">
        <path class="footer-wave-path" d="M851.8,100c125,0,288.3-45,348.2-64V0H0v44c3.7-1,7.3-1.9,11-2.9C80.7,22,151.7,10.8,223.5,6.3C276.7,2.9,330,4,383,9.8 c52.2,5.7,103.3,16.2,153.4,32.8C623.9,71.3,726.8,100,851.8,100z"></path>
      </svg>
      <div class="footer-content">
        <div class="footer-content-column">
          <div class="footer-logo">
            <a class="footer-logo-link" href="#">
              <span class="hidden-link-text">LOGO</span>
              <span class="footer-logo-text">Archiculte</span>
            </a>
          </div>
        </div>
        <div class="footer-content-column">
          <div class="footer-menu">
            <h2 class="footer-menu-name"> Securite</h2>
            <ul id="menu-legal" class="footer-menu-list">
              <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-170434">
                <a href="/politique-confidentialite.php#informations-legales">Informations legales</a>
              </li>
              <li class="menu-item menu-item-type-post_type menu-item-object-page">
                <a href="/politique-confidentialite.php">Politique de confidentialite</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="footer-content-column">
        </div>
        <div class="footer-content-column">
          <div class="footer-call-to-action">
            <h2 class="footer-call-to-action-title"> Communaute</h2>
            <p class="footer-call-to-action-description"> On partage sans limite ici !</p>
            <a class="footer-call-to-action-button button" href="/_forum/forum.php" target="_self"> Forum </a>
          </div>
        </div>
        <div class="footer-social-links"> <svg class="footer-social-amoeba-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 236 54">
            <path class="footer-social-amoeba-path" d="M223.06,43.32c-.77-7.2,1.87-28.47-20-32.53C187.78,8,180.41,18,178.32,20.7s-5.63,10.1-4.07,16.7-.13,15.23-4.06,15.91-8.75-2.9-6.89-7S167.41,36,167.15,33a18.93,18.93,0,0,0-2.64-8.53c-3.44-5.5-8-11.19-19.12-11.19a21.64,21.64,0,0,0-18.31,9.18c-2.08,2.7-5.66,9.6-4.07,16.69s.64,14.32-6.11,13.9S108.35,46.5,112,36.54s-1.89-21.24-4-23.94S96.34,0,85.23,0,57.46,8.84,56.49,24.56s6.92,20.79,7,24.59c.07,2.75-6.43,4.16-12.92,2.38s-4-10.75-3.46-12.38c1.85-6.6-2-14-4.08-16.69a21.62,21.62,0,0,0-18.3-9.18C13.62,13.28,9.06,19,5.62,24.47A18.81,18.81,0,0,0,3,33a21.85,21.85,0,0,0,1.58,9.08,16.58,16.58,0,0,1,1.06,5A6.75,6.75,0,0,1,0,54H236C235.47,54,223.83,50.52,223.06,43.32Z"></path>
          </svg>
          <a class="footer-social-link discord" href="https://discord.gg/PbybEEZs" target="_blank">
            <span class="hidden-link-text">Discord</span>
            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
              <path class="footer-social-icon-path" d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"></path>
            </svg>
          </a>
          <a class="footer-social-link twitter" href="#" target="_blank">
            <span class="hidden-link-text">Twitter</span>
            <svg  xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
              <path class="footer-social-icon-path" d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"></path>
            </svg>
          </a>
          <a class="footer-social-link youtube" href="#" target="_blank">
            <span class="hidden-link-text">Youtube</span>
            <svg class="footer-social-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
              <path class="footer-social-icon-path" d="M 15 4 C 10.814 4 5.3808594 5.0488281 5.3808594 5.0488281 L 5.3671875 5.0644531 C 3.4606632 5.3693645 2 7.0076245 2 9 L 2 15 L 2 15.001953 L 2 21 L 2 21.001953 A 4 4 0 0 0 5.3769531 24.945312 L 5.3808594 24.951172 C 5.3808594 24.951172 10.814 26.001953 15 26.001953 C 19.186 26.001953 24.619141 24.951172 24.619141 24.951172 L 24.621094 24.949219 A 4 4 0 0 0 28 21.001953 L 28 21 L 28 15.001953 L 28 15 L 28 9 A 4 4 0 0 0 24.623047 5.0546875 L 24.619141 5.0488281 C 24.619141 5.0488281 19.186 4 15 4 z M 12 10.398438 L 20 15 L 12 19.601562 L 12 10.398438 z"></path>
            </svg>
          </a>
          <a class="footer-social-link instagram" href="https://www.instagram.com/arch_iculte?igsh=MW1jOGpwdnBndjVudw%3D%3D&utm_source=qr" target="_blank">
            <span class="hidden-link-text">instagram</span>
            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
              <path class="footer-social-icon-path" d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
            </svg>
          </a>
        </div>
      </div>
      <div class="footer-copyright">
        <div class="footer-copyright-wrapper">
          <p class="footer-copyright-text">
            <a class="footer-copyright-link" href="#" target="_self"> Copyright © 2021-2026: Archiculte | Tous droits reserves. </a>
          </p>
        </div>
      </div>
    </footer>
  </div>
</footer>
</body>
</html>