diff --git a/assets/css/_buttons.scss b/assets/css/_buttons.scss
index cc45dd3..a57792d 100644
--- a/assets/css/_buttons.scss
+++ b/assets/css/_buttons.scss
@@ -1,4 +1,5 @@
 
+
 .btn--solid{
     font-weight: 600;
     font-size: 1.2rem;
@@ -24,4 +25,6 @@
         width: 100%;
         height: 100%;
     }
-}
\ No newline at end of file
+}
+
+
diff --git a/assets/css/_home.scss b/assets/css/_home.scss
index 17c4251..34de576 100755
--- a/assets/css/_home.scss
+++ b/assets/css/_home.scss
@@ -29,7 +29,6 @@
     section{
         padding: calc(var(--unit)*3) var(--padding-body);
         position: relative;
-           z-index: 1000;
         .section--inner{
             max-width: 1100px;
             margin: 0 auto;
diff --git a/assets/css/_site-header.scss b/assets/css/_site-header.scss
index dc9fcc2..f2d08c1 100755
--- a/assets/css/_site-header.scss
+++ b/assets/css/_site-header.scss
@@ -9,7 +9,7 @@
     padding: 0 var(--padding-body);
     gap: calc(var(--unit)*2);
     position: relative;
-    z-index: 10000;
+    z-index: var(--header-z);
 
     a{ text-decoration: none; }
 
diff --git a/assets/css/_site-nav.scss b/assets/css/_site-nav.scss
index 19adb0f..60cbccb 100644
--- a/assets/css/_site-nav.scss
+++ b/assets/css/_site-nav.scss
@@ -1,6 +1,6 @@
 
 #site-nav{
-    z-index: 10000;
+    z-index: var(--header-z);
 }
 
 
@@ -73,6 +73,8 @@
     box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
     margin-top: var(--padding-inner); 
     min-width: 24ch;
+    z-index: var(--header-z);
+    background-color: white;
 
 }
 
@@ -81,6 +83,7 @@
     visibility: visible;
     opacity: 1;
     display: block;
+    z-index: var(--header-z);
 }
 .nav-level-2_li{
     width: 100%;
diff --git a/assets/css/_taxon-card.scss b/assets/css/_taxon-card.scss
new file mode 100644
index 0000000..af808c6
--- /dev/null
+++ b/assets/css/_taxon-card.scss
@@ -0,0 +1,13 @@
+@use "abstracts/mixins.scss" as *;
+
+.species-list .taxon{
+
+    .btn-edit {
+        @include icon(20px);
+    }
+
+    .chart-edit{
+        @include chart-edit(40px);
+    }
+
+}
diff --git a/assets/css/abstracts/_mixins.scss b/assets/css/abstracts/_mixins.scss
new file mode 100644
index 0000000..e95f9ab
--- /dev/null
+++ b/assets/css/abstracts/_mixins.scss
@@ -0,0 +1,32 @@
+@mixin icon($size){
+    width: $size;
+    height: $size;
+
+    svg {
+        width: 100%;
+        height: 100%;
+    }
+}
+
+
+@mixin chart-edit($size){
+    width: $size;
+    height: $size;
+
+    svg {
+        width: 100%;
+        height: 100%;
+
+        circle{
+            fill: #cfcfcf;
+        }
+
+        .filled{
+            fill: lightgreen;
+        }
+
+        .verified{
+            fill: green;
+        }
+    }
+}
\ No newline at end of file
diff --git a/assets/css/_var.scss b/assets/css/abstracts/_var.scss
similarity index 98%
rename from assets/css/_var.scss
rename to assets/css/abstracts/_var.scss
index 105224e..9e369ea 100755
--- a/assets/css/_var.scss
+++ b/assets/css/abstracts/_var.scss
@@ -20,6 +20,7 @@
 
 
     --header-h: 60px;
+    --header-z: 9000;
 
     --white: white;
     --color-bg: white;
diff --git a/assets/style.css b/assets/style.css
index 6c54d04..1ff658a 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -11,6 +11,7 @@
   --radius-small: 3px;
   --radius-btn: 6px;
   --header-h: 60px;
+  --header-z: 9000;
   --white: white;
   --color-bg: white;
   --color-violet: #6e62a4;
@@ -96,7 +97,7 @@ button {
   padding: 0 var(--padding-body);
   gap: calc(var(--unit) * 2);
   position: relative;
-  z-index: 10000;
+  z-index: var(--header-z);
 }
 #site-header a {
   text-decoration: none;
@@ -180,7 +181,7 @@ button {
 }
 
 #site-nav {
-  z-index: 10000;
+  z-index: var(--header-z);
 }
 
 #site-nav a {
@@ -244,6 +245,8 @@ button {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   margin-top: var(--padding-inner);
   min-width: 24ch;
+  z-index: var(--header-z);
+  background-color: white;
 }
 
 .nav-level-1_ul li:hover > .nav-level-2_ul,
@@ -251,6 +254,7 @@ button {
   visibility: visible;
   opacity: 1;
   display: block;
+  z-index: var(--header-z);
 }
 
 .nav-level-2_li {
@@ -679,7 +683,6 @@ span.controls::after {
 #main_home section {
   padding: calc(var(--unit) * 3) var(--padding-body);
   position: relative;
-  z-index: 1000;
 }
 #main_home section .section--inner {
   max-width: 1100px;
@@ -827,4 +830,30 @@ span.controls::after {
 }
 #home__a-propos .btn--solid {
   margin-top: calc(var(--unit) * 2);
+}
+
+.species-list .taxon .btn-edit {
+  width: 20px;
+  height: 20px;
+}
+.species-list .taxon .btn-edit svg {
+  width: 100%;
+  height: 100%;
+}
+.species-list .taxon .chart-edit {
+  width: 40px;
+  height: 40px;
+}
+.species-list .taxon .chart-edit svg {
+  width: 100%;
+  height: 100%;
+}
+.species-list .taxon .chart-edit svg circle {
+  fill: #cfcfcf;
+}
+.species-list .taxon .chart-edit svg .filled {
+  fill: lightgreen;
+}
+.species-list .taxon .chart-edit svg .verified {
+  fill: green;
 }/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/assets/style.css.map b/assets/style.css.map
index 8312bb5..fe0c6f3 100644
--- a/assets/style.css.map
+++ b/assets/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.css","css/_var.scss","css/_base.scss","css/_site-header.scss","css/_site-nav.scss","css/_site-footer.scss","css/_buttons.scss","css/_see-more.scss","css/_slideshow.scss","css/_logos-container.scss","css/_home-item-nav.scss","css/_home-highlight.scss","css/_home.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.css","css/abstracts/_var.scss","css/_base.scss","css/_site-header.scss","css/_site-nav.scss","css/_site-footer.scss","css/_buttons.scss","css/_see-more.scss","css/_slideshow.scss","css/_logos-container.scss","css/_home-item-nav.scss","css/_home-highlight.scss","css/_home.scss","css/_taxon-card.scss","css/abstracts/_mixins.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/assets/style.scss b/assets/style.scss
index 2dfdb9d..ddbe232 100755
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -1,5 +1,7 @@
 @charset "UTF-8";
-@use "css/var"; 
+@use "css/abstracts/var";
+@forward "css/abstracts/mixins";
+
 @use "css/base";
 @use "css/site-header";
 @use "css/site-nav";
@@ -13,4 +15,5 @@
 @use "css/home-highlight";
 @use "css/home";
 
+@use "css/taxon-card";
 
diff --git a/components/icons/edit.svg b/components/icons/edit.svg
new file mode 100644
index 0000000..320eaa2
--- /dev/null
+++ b/components/icons/edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M535.6 85.7C513.7 63.8 478.3 63.8 456.4 85.7L432 110.1L529.9 208L554.3 183.6C576.2 161.7 576.2 126.3 554.3 104.4L535.6 85.7zM236.4 305.7C230.3 311.8 225.6 319.3 222.9 327.6L193.3 416.4C190.4 425 192.7 434.5 199.1 441C205.5 447.5 215 449.7 223.7 446.8L312.5 417.2C320.7 414.5 328.2 409.8 334.4 403.7L496 241.9L398.1 144L236.4 305.7zM160 128C107 128 64 171 64 224L64 480C64 533 107 576 160 576L416 576C469 576 512 533 512 480L512 384C512 366.3 497.7 352 480 352C462.3 352 448 366.3 448 384L448 480C448 497.7 433.7 512 416 512L160 512C142.3 512 128 497.7 128 480L128 224C128 206.3 142.3 192 160 192L256 192C273.7 192 288 177.7 288 160C288 142.3 273.7 128 256 128L160 128z"/></svg>
diff --git a/images/Acorus_calamus_morphology_outlook_illustration_photo.png b/images/Acorus_calamus_morphology_outlook_illustration_photo.png
new file mode 100644
index 0000000..5964a73
Binary files /dev/null and b/images/Acorus_calamus_morphology_outlook_illustration_photo.png differ
diff --git a/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg b/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg
new file mode 100644
index 0000000..3156ba1
Binary files /dev/null and b/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg differ
diff --git a/images/Arum_italicum_morphology_outlook_illustration_photo.png b/images/Arum_italicum_morphology_outlook_illustration_photo.png
new file mode 100644
index 0000000..a4c6d20
Binary files /dev/null and b/images/Arum_italicum_morphology_outlook_illustration_photo.png differ
diff --git a/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg b/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg
new file mode 100644
index 0000000..aa59bc2
Binary files /dev/null and b/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg differ
diff --git a/index.html b/index.html
index 5549c46..fedd745 100755
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
 
     <include src="/components/site-header.html"></include>
 
-<main id="main_home">
+    <main id="main_home">
 
 
 
@@ -802,16 +802,17 @@
 
   <include src="/components/site-footer.html"></include>
 
+
+
+  <!-- SCRIPT À SUPPRIMER UNE FOIS LE SITE INTEGRÉ (include des composants)-->
 <script>
-    // Fonction récursive pour traiter les inclusions imbriquées
     function processIncludes() {
         const includes = document.querySelectorAll('include[src]');
 
         if (includes.length === 0) {
-            return; // Plus d'inclusions à traiter
+            return; 
         }
 
-        // Traiter chaque inclusion
         const promises = Array.from(includes).map(el => {
             const src = el.getAttribute('src');
             return fetch(src)
@@ -827,13 +828,11 @@
                 });
         });
 
-        // Une fois toutes les inclusions traitées, vérifier s'il y en a de nouvelles
         Promise.all(promises).then(() => {
-            processIncludes(); // Récursion pour traiter les inclusions imbriquées
+            processIncludes(); 
         });
     }
 
-    // Lancer le traitement au chargement du DOM
     document.addEventListener('DOMContentLoaded', processIncludes);
 </script>
 </body>
diff --git a/species-list.html b/species-list.html
new file mode 100644
index 0000000..47bf32c
--- /dev/null
+++ b/species-list.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Botascopia</title>
+
+    <link rel="stylesheet" type="text/css" href="/assets/style.css">
+    <link rel="stylesheet" type="text/css" href="/assets/fonts/borna/stylesheet.css">
+    <link rel="stylesheet" type="text/css" href="/assets/fonts/nunita/stylesheet.css">
+
+</head>
+
+<body>
+
+    <include src="/components/site-header.html"></include>
+
+    <main id="main_species-list">
+
+        <header class="page-header">
+            <h2 class="page-title">Liste des espèces</h2>
+
+        </header>
+
+        <nav class="sort">
+            <ul>
+                <li>Trier par familles</li>
+                <li>Trier par ordre alphabétique</li>
+            </ul>
+            <button>Vue édition</button>
+        </nav>
+
+        <section class="species-list">
+
+            <article class="taxon">
+                <figure>
+                    <img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
+                </figure>
+                <h3 class="vernacular">Acore odorant</h3>
+                <h4 class="latin">Acorus calamus L.</h4>
+
+                <div class="chart-edit"><abbr title="Rempli à 81 % (18 / 22) et vérifié à 0 % (0 / 22)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="completion" viewBox="-6 -6 110 110"><circle xmlns="http://www.w3.org/2000/svg" cx="50" cy="50" r="50"></circle><path xmlns="http://www.w3.org/2000/svg" class="filled" d="M 50 0 A 50 50 0 1 1 4.5184 29.2292 L 50 50 Z"></path><path xmlns="http://www.w3.org/2000/svg" class="verified" d="M 50 0 A 50 50 0 0 1 50 0 L 50 50 Z"></path></svg></abbr></div>
+
+                <button class="btn-edit">
+                    <include src="/components/icons/edit.svg"></include>
+                </button>
+            </article>
+
+        </section>
+
+
+   
+
+    </main>
+
+
+
+<include src="/components/site-footer.html"></include>
+
+
+
+<!-- SCRIPT À SUPPRIMER UNE FOIS LE SITE INTEGRÉ (include des composants)-->
+<script>
+  function processIncludes() {
+      const includes = document.querySelectorAll('include[src]');
+
+      if (includes.length === 0) {
+          return; 
+      }
+
+      const promises = Array.from(includes).map(el => {
+          const src = el.getAttribute('src');
+          return fetch(src)
+              .then(r => {
+                  if (!r.ok) throw new Error(`Erreur ${r.status}: ${src}`);
+                  return r.text();
+              })
+              .then(html => {
+                  el.outerHTML = html;
+              })
+              .catch(err => {
+                  console.error('Erreur de chargement:', err);
+              });
+      });
+
+      Promise.all(promises).then(() => {
+          processIncludes(); 
+      });
+  }
+
+  document.addEventListener('DOMContentLoaded', processIncludes);
+</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/template.html b/template.html
new file mode 100644
index 0000000..3d3d94a
--- /dev/null
+++ b/template.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Botascopia</title>
+
+    <link rel="stylesheet" type="text/css" href="/assets/style.css">
+    <link rel="stylesheet" type="text/css" href="/assets/fonts/borna/stylesheet.css">
+    <link rel="stylesheet" type="text/css" href="/assets/fonts/nunita/stylesheet.css">
+
+</head>
+
+<body>
+
+    <include src="/components/site-header.html"></include>
+
+    <main id="main_species-list">
+
+
+   
+
+</main>
+
+
+
+<include src="/components/site-footer.html"></include>
+
+
+
+<!-- SCRIPT À SUPPRIMER UNE FOIS LE SITE INTEGRÉ (include des composants)-->
+<script>
+  function processIncludes() {
+      const includes = document.querySelectorAll('include[src]');
+
+      if (includes.length === 0) {
+          return; 
+      }
+
+      const promises = Array.from(includes).map(el => {
+          const src = el.getAttribute('src');
+          return fetch(src)
+              .then(r => {
+                  if (!r.ok) throw new Error(`Erreur ${r.status}: ${src}`);
+                  return r.text();
+              })
+              .then(html => {
+                  el.outerHTML = html;
+              })
+              .catch(err => {
+                  console.error('Erreur de chargement:', err);
+              });
+      });
+
+      Promise.all(promises).then(() => {
+          processIncludes(); 
+      });
+  }
+
+  document.addEventListener('DOMContentLoaded', processIncludes);
+</script>
+</body>
+
+</html>
\ No newline at end of file