diff --git a/src/Controller/SpeciesController.php b/src/Controller/SpeciesController.php
new file mode 100644
index 0000000..e727c11
--- /dev/null
+++ b/src/Controller/SpeciesController.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Controller;
+
+use App\Entity\Species;
+use App\Repository\SpeciesRepository;
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Attribute\Route;
+
+class SpeciesController extends AbstractController
+{
+    #[Route('/species', name: 'app_species')]
+    public function index(SpeciesRepository $repository): Response
+    {
+        $species = $repository->findAll();
+        return $this->render('species/index.html.twig', [
+            'species' => $species,
+        ]);
+    }
+
+    #[Route('/species/{id}', name: 'app_species_detail')]
+    public function detail(Species $specie): Response
+    {
+        return $this->render('species/detail.html.twig', [
+            'specie' => $specie,
+        ]);
+    }
+}
diff --git a/src/DataFixtures/AppFixtures.php b/src/DataFixtures/AppFixtures.php
index 12d5f40..2fbb47f 100644
--- a/src/DataFixtures/AppFixtures.php
+++ b/src/DataFixtures/AppFixtures.php
@@ -25,7 +25,8 @@ class AppFixtures extends Fixture
                 ->setPublicationDate($date)
                 ->setLatitude($faker->randomFloat())
                 ->setLongitude($faker->randomFloat())
-                ->setCommentary($faker->text());
+                ->setCommentary($faker->text())
+                -> setSpecies($species);
             $manager->persist($species);
             $manager->persist($post);
         }
diff --git a/templates/species/detail.html.twig b/templates/species/detail.html.twig
new file mode 100644
index 0000000..d6a5ebf
--- /dev/null
+++ b/templates/species/detail.html.twig
@@ -0,0 +1,43 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Herbarium - Détail de l'espèces{% endblock %}
+
+{% block body %}
+    <style>
+        .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
+        .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
+    </style>
+
+    <div class="example-wrapper">
+        <h1>{{ specie.vernacularName }}</h1>
+        <p>
+            🔬 Nom Scientifique : {{ specie.scientificName }}<br/>
+            📍 Region : {{ specie.region }}
+        </p>
+        <div>
+            <h2>Posts :</h2>
+
+            {% for post in specie.posts %}
+                <div>
+                    <dt>
+                        <h3>
+                            <a href="">
+                                📅 {{ post.publicationDate | date }}
+                            </a>
+                        </h3>
+                    </dt>
+                    <dd>
+                        📍 géolocalisation :<br/>
+                        - Longitude : {{ post.longitude }}<br/>
+                        - Latitude : {{ post.latitude }}<br/>
+                        - Altitude : {{ post.altitude }}<br/><br/>
+
+                        💬 Commentaire :<br/>
+                            - {{ post.getCommentary }}
+                    </dd>
+                </div>
+            {% endfor %}
+        </div>
+
+    </div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/species/index.html.twig b/templates/species/index.html.twig
new file mode 100644
index 0000000..666ad41
--- /dev/null
+++ b/templates/species/index.html.twig
@@ -0,0 +1,29 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Herbarium - Espèces{% endblock %}
+
+{% block body %}
+<style>
+    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
+    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
+</style>
+
+<div class="example-wrapper">
+    <h1>Liste des espèces</h1>
+
+    <dl>
+        {% for specie in species %}
+            <dt>
+                <a href={{ url('app_species') ~ '/' ~ specie.getId }}>
+                🌿 {{ specie.getVernacularName }}
+                </a>
+            </dt>
+            <dd >
+                🔬 Nom Scientifique : {{ specie.getScientificName }}<br/>
+                📍 Region : {{ specie.getRegion }}
+            </dd><br/>
+        {% endfor %}
+    </dl>
+
+</div>
+{% endblock %}