diff --git a/answer.php b/answer.php
new file mode 100644
index 0000000..46b6201
--- /dev/null
+++ b/answer.php
@@ -0,0 +1,57 @@
+<?php
+    require_once "require/base.php";
+
+    $database = new Database();
+
+    if (isset($_GET["code"]) && isset($_GET["team"]) && isset($_GET["id"])) {
+        $art_id = htmlspecialchars($_GET["id"]);
+        $team_id = htmlspecialchars($_GET["team"]);
+        $stmt = $database->pdo_article->prepare("SELECT * FROM puzzles WHERE id == :id");
+        $stmt->bindValue(":id", $art_id);
+        $stmt->execute();
+        $article = $stmt->fetch();
+
+        // Vérification de l'existence du groupe et de l'énigme :
+        $stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
+        $stmt->bindValue(":id", $team_id);
+        $stmt->execute();
+
+        if (empty($article) || empty($stmt->fetchAll())) {
+            header("Location: index.php");
+            die();
+        }
+
+        $stmt = $database->pdo_article->prepare("SELECT * FROM puzzles WHERE code == :code");
+        $stmt->bindValue(":code", htmlspecialchars($_GET["code"]));
+        $stmt->execute();
+        $article = $stmt->fetch();
+
+        // Vérification de l'existence du groupe :
+        $stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
+        $stmt->bindValue(":id", $team_id);
+        $stmt->execute();
+
+        if (empty($stmt->fetchAll())) {
+            header("Location: index.php");
+            die();
+        }
+
+        if (empty($article)) {
+            echo 0;
+        }
+
+        else {
+            $data = [
+                "infos" => $article["infos"],
+                "place" => $article["place"]
+            ];
+            header('Content-Type: application/json; charset=utf-8');
+            echo json_encode($data);
+        }
+    }
+
+    else {
+        header("Location: index.php");
+        die();
+    }
+?>
\ No newline at end of file
diff --git a/article.php b/article.php
index 4444692..2f7c04a 100644
--- a/article.php
+++ b/article.php
@@ -5,11 +5,36 @@
 
     $database = new Database();
 
-    if (isset($_GET["id"])) {
-        $stmt = $database->pdo_article->prepare("SELECT * FROM article WHERE id == :id");
-        $stmt->bindValue(":id", htmlspecialchars($_GET["id"]));
+    if (isset($_GET["id"]) && isset($_GET["team"])) {
+        $art_id = htmlspecialchars($_GET["id"]);
+        $team_id = htmlspecialchars($_GET["team"]);
+        $stmt = $database->pdo_article->prepare("SELECT * FROM puzzles WHERE id == :id");
+        $stmt->bindValue(":id", $art_id);
         $stmt->execute();
         $article = $stmt->fetch();
+
+        // Vérification de l'existence du groupe et de l'énigme :
+        $stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
+        $stmt->bindValue(":id", $team_id);
+        $stmt->execute();
+
+        if (empty($article) || empty($stmt->fetchAll())) {
+            header("Location: index.php");
+            die();
+        }
+
+        else {
+            $stmt = $database->pdo_teams->prepare("SELECT * FROM solved WHERE (team_id == :team_id AND puzzle_id == :puzzle_id)");
+            $stmt->bindValue(":team_id", $team_id);
+            $stmt->bindValue(":puzzle_id", $art_id);
+            $stmt->execute();
+            $solved = !empty($stmt->fetch());
+        }
+    }
+
+    else {
+        header("Location: index.php");
+        die();
     }
 ?>
 
@@ -19,7 +44,8 @@
         <?php
             require_once $rq_path . "head.php";
         ?>
-        <title><?= $tr["tab_title"]["article"]?></title>
+        <title><?= $tr["tab_title"]["article"] ?></title>
+        <script type="module" src="<?= $rq_path ?>js/qrscan.js"></script>
     </head>
     <body>
         <header>
@@ -29,12 +55,27 @@
         </header>
         <main>
             <header>
-                <h1><?= $article["title"] ?></h1>
-                <p><?= $article["summary"] ?></p>
+                <h1><?= $tr["page_title"]["article"] . $art_id ?></h1>
+                <p><?= $article["text"] ?></p>
             </header>
             <article>
-                <img src=<?= $article["cover_path"] ?> alt=<?= $article["cover_alt"] ?>>
-                <p><?= $article["content"] ?></p>
+                <?php if ($solved) : ?>
+                    <p><?= $tr["article"]["success"] ?></p>
+                    <p><?= $article["infos"] ?></p>
+                    <p><?= $article["place"] ?></p>
+                <?php else : ?>
+                    <p><?= $tr["article"]["message"] ?></p>
+                    <p></p> <!-- Emplacement du message d'erreur JS concernant la caméra. !-->
+                    <button><?= $tr["article"]["qr_but"] ?></button>
+                    <video></video>
+                    <p><?= $tr["article"]["cam_sel"] ?></p>
+                    <select>
+                        <option value="rear" selected><?= $tr["article"]["r_cam"] ?></option>
+                        <option value="front"><?= $tr["article"]["f_cam"] ?></option>
+                    </select>
+                    <!-- <p>Scanner depuis un fichier</p>
+                    <input type="file" id="file-selector"> -->
+                <?php endif; ?>
             </article>
         </main>
         <footer>
diff --git a/data/article.db b/data/article.db
index 669e1ae..e7e8d86 100644
Binary files a/data/article.db and b/data/article.db differ
diff --git a/data/teams.db b/data/teams.db
new file mode 100644
index 0000000..4efcb0c
Binary files /dev/null and b/data/teams.db differ
diff --git a/images/phqr1.gif b/images/phqr1.gif
new file mode 100644
index 0000000..62cf7a1
Binary files /dev/null and b/images/phqr1.gif differ
diff --git a/images/phqr2.gif b/images/phqr2.gif
new file mode 100644
index 0000000..db0f2bd
Binary files /dev/null and b/images/phqr2.gif differ
diff --git a/index.php b/index.php
index fec54f1..f297533 100644
--- a/index.php
+++ b/index.php
@@ -1,5 +1,11 @@
 <?php
     require_once "require/base.php";
+
+    $database = new Database();
+
+    $stmt = $database->pdo_teams->prepare("SELECT * FROM teams");
+    $stmt->execute();
+    $teams = $stmt->fetchAll();
 ?>
 
 <!DOCTYPE html>
@@ -9,7 +15,6 @@
             require_once $rq_path . "head.php";
         ?>
         <title><?= $tr["tab_title"]["home"]?></title>
-        <script type="module" src="<?= $rq_path ?>js/qrscan.js"></script>
     </head>
     <body>
         <header>
@@ -24,16 +29,11 @@
                 <p><?= $tr["home"]["message"]?></p>
             </header>
             <article>
-                <button>Scanner un QR code</button>
-                <p></p>
-                <video></video>
-                <p>Caméra sélectionnée :</p>
-                <select>
-                    <option value="rear" selected>Caméra arrière</option>
-                    <option value="front">Caméra avant</option>
-                </select> <!-- Emplacement du message d'erreur JS concernant la caméra. !-->
-                <p>Scanner depuis un fichier</p>
-                <input type="file" id="file-selector">
+                <ul>
+                    <?php foreach ($teams as $team) : ?>
+                        <li><a href="puzzles.php?team=<?= $team["id"] ?>"><?= $tr["home"]["team"] . $team["id"] ?></a></li>
+                    <?php endforeach; ?>
+                </ul>
             </article>
         </main>
         <footer>
diff --git a/puzzles.php b/puzzles.php
new file mode 100644
index 0000000..fd9c42c
--- /dev/null
+++ b/puzzles.php
@@ -0,0 +1,66 @@
+<?php
+    require_once "require/base.php";
+
+    $database = new Database();
+
+    if (isset($_GET["team"])) {
+        $team_id = htmlspecialchars($_GET["team"]);
+
+        // Vérification de l'existence du groupe :
+        $stmt = $database->pdo_teams->prepare("SELECT * FROM teams WHERE id == :id");
+        $stmt->bindValue(":id", $team_id);
+        $stmt->execute();
+
+        if (empty($stmt->fetchAll())) {
+            header("Location: index.php");
+            die();
+        }
+
+        else {
+            $stmt = $database->pdo_article->prepare("SELECT * FROM puzzles");
+            $stmt->execute();
+            $puzzles = $stmt->fetchAll();
+        }
+    }
+
+    else {
+        header("Location: index.php");
+        die();
+    }
+?>
+
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <?php
+            require_once $rq_path . "head.php";
+        ?>
+        <title><?= $tr["tab_title"]["puzzles"]?></title>
+    </head>
+    <body>
+        <header>
+            <?php
+                require_once $rq_path . "nav.php";
+            ?>
+        </header>
+        <main>
+            <header>
+                <h1><?= $tr["page_title"]["puzzles"] . $team_id ?></h1>
+                <p></p>
+                <p><?= $tr["puzzles"]["message"]?></p>
+            </header>
+            <article>
+                <ul>
+                    <?php foreach ($puzzles as $puzzle) : ?>
+                        <li><a href="article.php?team=<?= $team_id ?>&id=<?= $puzzle["id"] ?>"><?= $puzzle["text"] ?></a></li>
+                    <?php endforeach; ?>
+                </ul>
+            </article>
+        </main>
+        <footer>
+            <?php
+                require_once $rq_path . "footer.php";
+            ?>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/require/database.php b/require/database.php
index 0b4179a..21c835b 100644
--- a/require/database.php
+++ b/require/database.php
@@ -1,18 +1,28 @@
 <?php
     class Database {
         public PDO $pdo_article;
+        public PDO $pdo_teams;
 
         public function __construct() {
             $data_path = "/../data/";
             try {
                 $this->pdo_article = new PDO("sqlite:" . dirname(__FILE__) . $data_path . "article.db");
-                $this->pdo_article->query("CREATE TABLE IF NOT EXISTS article (
-                    id	INTEGER NOT NULL UNIQUE PRIMARY KEY AUTOINCREMENT,
-                    title	VARCHAR(100),
-                    content	VARCHAR(1000),
-                    summary	VARCHAR(200),
-                    cover_path	VARCHAR(4096)
-                )");
+                $this->pdo_article->query('CREATE TABLE IF NOT EXISTS "puzzles" (
+                    "id"	INTEGER NOT NULL UNIQUE,
+                    "text"	TEXT NOT NULL,
+                    "hint"	TEXT,
+                    "infos"	TEXT NOT NULL,
+                    "place"	TEXT NOT NULL,
+                    "code"	TEXT NOT NULL,
+                    PRIMARY KEY("id" AUTOINCREMENT)
+                )');
+
+                $this->pdo_teams = new PDO("sqlite:" . dirname(__FILE__) . $data_path . "teams.db");
+                $this->pdo_teams->query('CREATE TABLE IF NOT EXISTS "teams" (
+                    "id"	INTEGER NOT NULL UNIQUE,
+                    "solved_id"	INTEGER[],
+                    PRIMARY KEY("id" AUTOINCREMENT)
+                )');
             }
 
             catch (PDOException $exception) {
@@ -22,7 +32,12 @@
         }
 
         public function getArticleNb() {
-            $query = $this->pdo_article->query("SELECT COUNT(*) FROM article;");
+            $query = $this->pdo_article->query("SELECT COUNT(*) FROM puzzles");
+            return $query->fetch()["COUNT(*)"];
+        }
+
+        public function getTeamsNb() {
+            $query = $this->pdo_teams->query("SELECT COUNT(*) FROM teams");
             return $query->fetch()["COUNT(*)"];
         }
     }
diff --git a/require/js/answer.js b/require/js/answer.js
new file mode 100644
index 0000000..14ab452
--- /dev/null
+++ b/require/js/answer.js
@@ -0,0 +1,26 @@
+// Gestion de la langue :
+var url_string = window.location.href;
+var url = new URL(url_string);
+var lg = url.searchParams.get("lg");
+
+if (lg == null) {
+    lg = "en"; // Langue par défaut
+    // Recherche dans les cookies :
+    var cookies = decodeURIComponent(document.cookie);
+    if (cookies != "") {
+        // On part du principe qu'on n'a qu'un cookie, et que c'est celui de la langue
+        // 9 caractères pour "language", et 2 pour la langue
+        lg = cookies.substring(9, 11);
+    }
+}
+
+export async function puzzleSolve(code, team_id, art_id) {
+    try {
+        const response = await fetch("/answer.php?lg=" + lg + "&team=" + team_id + "&code=" + code + "&id=" + art_id);
+        const data = await response.text();
+        console.log(data);
+    }
+    catch (error) {
+        console.log(error);
+    }
+}
\ No newline at end of file
diff --git a/require/js/qrscan.js b/require/js/qrscan.js
index 77ec3d3..a05d1da 100644
--- a/require/js/qrscan.js
+++ b/require/js/qrscan.js
@@ -1,17 +1,48 @@
 import QrScanner from "./qr-scanner/qr-scanner.min.js";
+import {puzzleSolve} from "./answer.js";
 
 const video = document.querySelector("video");
 const camList = document.querySelector("select");
-const fileSelector = document.querySelector("input[type='file']");
+// const fileSelector = document.querySelector("input[type='file']");
+
+// Gestion de la langue :
+var url_string = window.location.href;
+var url = new URL(url_string);
+var lg = url.searchParams.get("lg");
+var team_id = url.searchParams.get("team");
+var art_id = url.searchParams.get("id");
+
+if (lg == null) {
+    lg = "en"; // Langue par défaut
+    // Recherche dans les cookies :
+    var cookies = decodeURIComponent(document.cookie);
+    if (cookies != "") {
+        // On part du principe qu'on n'a qu'un cookie, et que c'est celui de la langue
+        // 9 caractères pour "language", et 2 pour la langue
+        lg = cookies.substring(9, 11);
+    }
+}
+
+var cam_error = "cam_error";
+
+if (lg == "en") {
+    var cam_error = "No camera detected !";
+}
+
+if (lg == "fr") {
+    var cam_error = "Aucune caméra détectée !";
+}
 
 function scanAction(result) {
-    console.log(result.data);
+    puzzleSolve(result.data, team_id, art_id);
+    console.log(result.data); // TODO : retirer
+    scanner.stop();
 }
 
 function checkCam(hasCamera) {
-    const errorP = document.querySelector("article p:first-of-type");
+    const errorP = document.querySelector("article p:nth-of-type(2)");
     if (!hasCamera) {
-        errorP.innerHTML = "⚠️ Aucune caméra détectée !";
+        errorP.innerHTML = "⚠️ " + cam_error;
     }
     else {
         errorP.text = "";
@@ -55,11 +86,11 @@ document.querySelector("button").addEventListener("click", () => {
 //     scanner.stop();
 // });
 
-// Scan de fichier :
-fileSelector.addEventListener("change", () => {
-    const file = fileSelector.files[0];
-    if (file) {
-        QrScanner.scanImage(file, {returnDetailedScanResult: true})
-                 .then(result => scanAction(result));
-    }
-});
\ No newline at end of file
+// // Scan de fichier :
+// fileSelector.addEventListener("change", () => {
+//     const file = fileSelector.files[0];
+//     if (file) {
+//         QrScanner.scanImage(file, {returnDetailedScanResult: true})
+//                  .then(result => scanAction(result));
+//     }
+// });
\ No newline at end of file
diff --git a/require/locales/en.php b/require/locales/en.php
index 93ab1b7..46e9473 100644
--- a/require/locales/en.php
+++ b/require/locales/en.php
@@ -1,24 +1,37 @@
 <?php
     $tr = [
         "tab_title" => [
-            "home" => "Home",
-            "article" => "",
+            "home" => "Home - Lycée Pange Treasure Hunt",
+            "puzzles" => "Puzzles list - Lycée Pange Treasure Hunt",
+            "article" => "Puzzle - Lycée Pange Treasure Hunt"
         ],
         "page_title" => [
-            "home" => "",
-            "article" => "",
+            "home" => "Treasure Hunt",
+            "puzzles" => "Puzzles list for team n°",
+            "article" => "Puzzle n°"
         ],
         "home" => [
-            "subtitle" => "",
-            "message" => "",
-            "art_but" => "Show ",
+            "subtitle" => "Welcome to the treasure hunt of Lycée Jean de Pange of Sarreguemines !",
+            "message" => "Select your team to begin :",
+            "team" => "Team n°"
+        ],
+        "article" => [
+            "message" => "This puzzle describes a specific place. Head to that place, then scan the QR code you'll find there.",
+            "success" => "Well done ! Your team solved this puzzle !",
+            "qr_but" => "Scan QR code",
+            "cam_sel" => "Selected camera :",
+            "f_cam" => "Front camera",
+            "r_cam" => "Rear camera"
+        ],
+        "puzzles" => [
+            "message" => "Select a puzzle in the list below :"
         ],
         "nav" => [
-            "title" => "",
-            "home"    => "Home",
+            "title" => "Treasure Hunt Pange",
+            "home" => "Home"
         ],
         "footer" => [
-            "text" => "Lycée Jean de Pange Sarreguemines",
-        ],
+            "text" => "Lycée Jean de Pange Sarreguemines"
+        ]
     ];
 ?>
\ No newline at end of file
diff --git a/require/locales/fr.php b/require/locales/fr.php
index c78b9bc..3ddf599 100644
--- a/require/locales/fr.php
+++ b/require/locales/fr.php
@@ -1,24 +1,37 @@
 <?php
     $tr = [
         "tab_title" => [
-            "home" => "Accueil",
-            "article" => "",
+            "home" => "Accueil - Chasse au trésor Lycée Pange",
+            "puzzles" => "Liste des énigmes - Chasse au trésor Lycée Pange",
+            "article" => "Énigme - Chasse au trésor Lycée Pange"
         ],
         "page_title" => [
-            "home" => "Accueil",
-            "article" => "",
+            "home" => "Chasse au trésor",
+            "puzzles" => "Liste des puzzles pour l'équipe n°",
+            "article" => "Énigme n°"
         ],
         "home" => [
-            "subtitle" => "Bienvenue !",
-            "message" => "Page dédiée au test de scan de QR code.",
-            "art_but" => "Voir ",
+            "subtitle" => "Bienvenue à la chasse au trésor du Lycée Jean de Pange de Sarreguemines !",
+            "message" => "Pour commencer, veuillez choisir votre groupe :",
+            "team" => "Équipe n°"
+        ],
+        "article" => [
+            "message" => "Cette énigme décrit un endroit précis. Dirigez-vous vers cet endroit, puis scannez le QR code que vous-y trouverez.",
+            "success" => "Bien joué ! Votre équipe a résolu cette énigme !",
+            "qr_but" => "Scanner le QR code",
+            "cam_sel" => "Caméra sélectionnée :",
+            "f_cam" => "Caméra avant",
+            "r_cam" => "Caméra arrière"
+        ],
+        "puzzles" => [
+            "message" => "Choisissez une énigme dans la liste ci-dessous :"
         ],
         "nav" => [
-            "title" => "",
-            "home"    => "Accueil",
+            "title" => "Chasse au trésor Pange",
+            "home" => "Accueil"
         ],
         "footer" => [
-            "text" => "Lycée Jean de Pange Sarreguemines",
-        ],
+            "text" => "Lycée Jean de Pange Sarreguemines"
+        ]
     ];
 ?>
\ No newline at end of file
diff --git a/require/nav.php b/require/nav.php
index 11966e8..db9110b 100644
--- a/require/nav.php
+++ b/require/nav.php
@@ -1,5 +1,8 @@
 <?php
         $url = $_SERVER["PHP_SELF"] . "?";
+        if (isset($_GET["team"])) {
+            $url = $url . "team=" . htmlspecialchars($_GET["team"]) . "&";
+        }
         if (isset($_GET["id"])) {
             $url = $url . "id=" . htmlspecialchars($_GET["id"]) . "&";
         }
diff --git a/style.css b/style.css
index 49cac38..e05d8ec 100644
--- a/style.css
+++ b/style.css
@@ -304,6 +304,7 @@ section article {
 
 article p:first-of-type {
     text-align: center;
+    font-weight: bold;
 }
 
 footer {
