diff --git a/assets/css/page/photos.css b/assets/css/page/photos.css
index e69de29..8801291 100644
--- a/assets/css/page/photos.css
+++ b/assets/css/page/photos.css
@@ -0,0 +1,45 @@
+body {
+        text-align: center;
+}
+
+section {
+        display: block;
+        background-color: rgba(255,255,255,0.5);
+        width: 80vw;
+        margin-left: auto;
+        margin-right: auto;
+        padding: 50px;
+        font-size: 1.2rem;
+        margin-top: 40px;
+}
+
+a {
+        text-decoration: none;
+}
+
+ul {
+        margin: 0;
+        padding: 0;
+}
+
+li {
+        display: inline-block;
+}
+
+.directory-ul {
+        list-style: none;
+}
+
+.directory-li {
+        display: block;
+        color: black;
+        padding: 10px;
+        margin: 10px;
+        background-color: white;
+
+}
+
+.directory-li:hover {
+        transform: scale(1.05);
+        transition: 0.3s ease-out;
+}
\ No newline at end of file
diff --git a/photos.php b/photos.php
index 1ba645d..f951eb4 100644
--- a/photos.php
+++ b/photos.php
@@ -1,7 +1,7 @@
 <?php
 ob_start(); // Start reading html
 
-header('Location: construction.php');
+//header('Location: construction.php');
 
 define("urlParam", "path");
 define("photoRoot", "photos_folders/photos");
@@ -73,6 +73,7 @@ function createDirectories($path)
                 $folderLink = "?" . urlParam . "=" . getActivePath() . DIRECTORY_SEPARATOR . $value;
                 ?>
                 <a href="<?= $folderLink ?>">
+                <li class="directory-li">
                     <span id="folderTitle"><?= $folderTitle ?></span>
                     <?php if ($photos > 1): ?>
                         <span id="folderPhotos"><?= $photos ?> photos</span>
@@ -87,6 +88,7 @@ function createDirectories($path)
                     <?php elseif ($albums == 1): ?>
                         <span id="folderAlbums"><?= $albums ?> album</span>
                     <?php endif; ?>
+                </li>
                 </a>
                 <?php
                 $displayedItems++;
@@ -99,17 +101,20 @@ function createDirectories($path)
  * Get all photos in the specified path and creates them on the page
  * @param string $path path to search photos in
  */
-function createPhotos($path)
+function createPhotos($path_in)
 {
-    $path = photoRoot . "_thumb" . $path;
+    $path = photoRoot . "_thumb" . $path_in;
+    $path_no_thumb = photoRoot . $path_in;
         $files = scandir($path);
         $displayedItems = 0;
         foreach ($files as $key => $value) {
                 $realPath = realpath($path . DIRECTORY_SEPARATOR . $value);
-                if (isValidImage($realPath)) {
+                $realPath_no_thumb = realpath($path_no_thumb . DIRECTORY_SEPARATOR . $value);
+                if (isValidImage($realPath) AND isValidImage($realPath_no_thumb)) {
                         $imageSrc = $path . DIRECTORY_SEPARATOR . $value;
-                       $imageId = "photo-" . $displayedItems;
-                        ?><img src="<?= $imageSrc ?>" onclick="displayBig(this);" class="photo" id="<?= $imageId ?>" alt=""/><?php
+                        $img_no_thumb = $path_no_thumb . DIRECTORY_SEPARATOR . $value;
+                        $imageId = "photo-" . $displayedItems;
+                        ?><a download="" href="<?= $img_no_thumb ?>"><img src="<?= $imageSrc ?>" class="photo" id="<?= $imageId ?>" alt=""/></a><?php
                         $displayedItems++;
                     }
     }
@@ -227,88 +232,72 @@ function generatePath($path)
         $currentPath = "";
         $pathTitle = "Menu";
         $pathLink = "?" . urlParam . "=";
-        echo '<li><a href="'.$pathLink.'">'.$pathTitle.'</a></li>';
+        echo '<li><a href="'.$pathLink.'" class="link">'.$pathTitle.'</a></li>';
         foreach ($folders as $value) {
                 if ($value != "") {
                         $pathTitle = $value;
                         $currentPath .= DIRECTORY_SEPARATOR . $value;
                         $pathLink = "?" . urlParam . "=" . $currentPath;
-                        echo '<li><a href="'.$pathLink.'">'.$pathTitle.'</a></li>';
+                        echo ' > <li><a href="'.$pathLink.'" class="link">'.$pathTitle.'</a></li>';
                     }
     }
 }
 
 ?>
 <div class="inner">
-        <div id="photoOverlay" style="display:none">
 
-                <img src="" id="imgBig">
+        <div class="box-jaune">
+                <span class="corners corners-top"></span>
+                <span class="corners corners-bottom"></span>
 
-                <div id="closeBack" onclick="closeBig()"></div>
-                <div id="loadingIconContainer" onclick="closeBig()">
-                        <i class="fas fa-spinner fa-spin"></i>
-                    </div>
+                <div class="title">Les photos</div>
 
-                <div id="photoButtonsContainer">
-                        <div id="rightButton" onclick="displayNext(1)">
-                                <i class="fas fa-arrow-right"></i>
-                            </div>
-                        <div id="leftButton" onclick="displayNext(-1)">
-                                <i class="fas fa-arrow-left"></i>
-                            </div>
-                        <a id="downloadButton" download="" href="">
-                                            <i class="fas fa-download"></i>
-                            </a>
-                        <div id="closeButton">
-                                <i class="fas fa-times" onclick="closeBig()"></i>
-                            </div>
-                    </div>
-            </div>
-
-        <h1 id="photosTitle">Photos</h1>
+                <span class="circles circles-top"></span>
+                <span class="circles circles-bottom"></span>
+        </div>
+        <section>
         <p>Clique sur le dossier de ton choix pour afficher les photos. Il faut que tu sois inscrit à l'INSA pour pouvoir
-               les regarder (et oui, pas de spoiler).
-            </p>
-        <p>
-                Si tu ne peux pas voir les photos (la fenêtre pour entrer le mot de passe ne s'affiche pas), ouvre cette page
-                avec
-                un autre navigateur.
-            </p>
-        <ul class="photos-path">
-               <li><p>Chemin : </p></li>
+               les regarder (et oui, pas de spoiler).</p>
+        <p>Il te suffit ensuite de cliquer sur la photo que tu veux télécharger.</p>
+        <p>Si tu ne peux pas voir les photos (la fenêtre pour entrer le mot de passe ne s'affiche pas), ouvre cette page avec un autre navigateur.</p>
+        </section>
+        <section align="left">
+                <ul class="photos-path">
+                <li>Chemin : </li>
                 <?php
                 generatePath(getActivePath());
                 ?>
-            </ul>
-    </div>
-<div id="photoContainer">
-        <?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
-                <div class="photos-folder-container">
-                        <?php
-                        createDirectories(getActivePath());
-                        ?>
-                    </div>
-            <?php endif; ?>
-        <?php if (isAlbumAvailable(getActivePath())): ?>
-                <a download=""
-                               href="photos_folders/photos<?php echo getActivePath() . DIRECTORY_SEPARATOR . GetActiveFolder(getActivePath()) ?>.zip"
-                               id="downloadAlbum">
-                        <span id="downloadText"><i class="fas fa-download"></i>Télécharger</span>
-                        <span id="albumPhotoCount"><?php echo getPhotoCount(photoRoot . getActivePath()) ?> photos</span>
-                    </a>
-            <?php endif; ?>
-       <?php if (getPhotoCount(photoRoot . getActivePath()) > 0): ?>
-                <div class="photos">
-                        <?php
-                        createPhotos(getActivePath());
-                        ?>
-                    </div>
-            <?php endif; ?>
+                </ul>
+                <ul class="directory-ul">
+                <?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
+                        <div class="photos-folder-container">
+                                <?php
+                                createDirectories(getActivePath());
+                                ?>
+                            </div>
+                    <?php endif; ?>
+                </ul>
+                <?php if (isAlbumAvailable(getActivePath())): ?>
+                        <a download=""
+                                       href="photos_folders/photos<?php echo getActivePath() . DIRECTORY_SEPARATOR . GetActiveFolder(getActivePath()) ?>.zip"
+                                       id="downloadAlbum">
+                                <span id="downloadText"><i class="fas fa-download"></i>Télécharger</span>
+                                <span id="albumPhotoCount"><?php echo getPhotoCount(photoRoot . getActivePath()) ?> photos</span>
+                            </a>
+                    <?php endif; ?>
+               <?php if (getPhotoCount(photoRoot . getActivePath()) > 0): ?>
+                        <div class="photos">
+                                <?php
+                                createPhotos(getActivePath());
+                                ?>
+                            </div>
+                    <?php endif; ?>
+        </section>
     </div>
 <br>
 
 
 <?php
-$infopage = ["", "Photos", ob_get_clean(), "<script src='assets/js/photos.js'></script><script type='text/javascript' src='assets/js/jquery.mousewheel.min.js'>", "photos"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
+$infopage = ["", "Photos", ob_get_clean(), "", "photos"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
 include("structure/template.php");
 ?>
\ No newline at end of file
diff --git a/test.php b/test.php
index d428bfb..6d6a171 100644
--- a/test.php
+++ b/test.php
@@ -73,6 +73,7 @@ function createDirectories($path)
                 $folderLink = "?" . urlParam . "=" . getActivePath() . DIRECTORY_SEPARATOR . $value;
                 ?>
                 <a href="<?= $folderLink ?>">
+                <li class="directory-li">
                     <span id="folderTitle"><?= $folderTitle ?></span>
                     <?php if ($photos > 1): ?>
                         <span id="folderPhotos"><?= $photos ?> photos</span>
@@ -87,6 +88,7 @@ function createDirectories($path)
                     <?php elseif ($albums == 1): ?>
                         <span id="folderAlbums"><?= $albums ?> album</span>
                     <?php endif; ?>
+                </li>
                 </a>
                 <?php
                 $displayedItems++;
@@ -99,17 +101,20 @@ function createDirectories($path)
  * Get all photos in the specified path and creates them on the page
  * @param string $path path to search photos in
  */
-function createPhotos($path)
+function createPhotos($path_in)
 {
-    $path = photoRoot . "_thumb" . $path;
+    $path = photoRoot . "_thumb" . $path_in;
+    $path_no_thumb = photoRoot . $path_in;
         $files = scandir($path);
         $displayedItems = 0;
         foreach ($files as $key => $value) {
                 $realPath = realpath($path . DIRECTORY_SEPARATOR . $value);
-                if (isValidImage($realPath)) {
+                $realPath_no_thumb = realpath($path_no_thumb . DIRECTORY_SEPARATOR . $value);
+                if (isValidImage($realPath) AND isValidImage($realPath_no_thumb)) {
                         $imageSrc = $path . DIRECTORY_SEPARATOR . $value;
-                       $imageId = "photo-" . $displayedItems;
-                        ?><img src="<?= $imageSrc ?>" class="photo" id="<?= $imageId ?>" alt=""/><?php
+                        $img_no_thumb = $path_no_thumb . DIRECTORY_SEPARATOR . $value;
+                        $imageId = "photo-" . $displayedItems;
+                        ?><a download="" href="<?= $img_no_thumb ?>"><img src="<?= $imageSrc ?>" class="photo" id="<?= $imageId ?>" alt=""/></a><?php
                         $displayedItems++;
                     }
     }
@@ -227,89 +232,119 @@ function generatePath($path)
         $currentPath = "";
         $pathTitle = "Menu";
         $pathLink = "?" . urlParam . "=";
-        echo '<li><a href="'.$pathLink.'">'.$pathTitle.'</a></li>';
+        echo '<li><a href="'.$pathLink.'" class="link">'.$pathTitle.'</a></li>';
         foreach ($folders as $value) {
                 if ($value != "") {
                         $pathTitle = $value;
                         $currentPath .= DIRECTORY_SEPARATOR . $value;
                         $pathLink = "?" . urlParam . "=" . $currentPath;
-                        echo '<li><a href="'.$pathLink.'">'.$pathTitle.'</a></li>';
+                        echo ' > <li><a href="'.$pathLink.'" class="link">'.$pathTitle.'</a></li>';
                     }
     }
 }
 
 ?>
-<img src="photos_folders/photos_thumb/2019/1 - Lundi/001.JPG">
+<style>
+body {
+        text-align: center;
+}
+
+section {
+        display: block;
+        background-color: rgba(255,255,255,0.5);
+        width: 80vw;
+        margin-left: auto;
+        margin-right: auto;
+        padding: 50px;
+        font-size: 1.2rem;
+        margin-top: 40px;
+}
+
+a {
+        text-decoration: none;
+}
+
+ul {
+        margin: 0;
+        padding: 0;
+}
+
+li {
+        display: inline-block;
+}
+
+.directory-ul {
+        list-style: none;
+}
+
+.directory-li {
+        display: block;
+        color: black;
+        padding: 10px;
+        margin: 10px;
+        background-color: white;
+
+}
+
+.directory-li:hover {
+        transform: scale(1.05);
+        transition: 0.3s ease-out;
+}
+</style>
 <div class="inner">
-        <div id="photoOverlay" style="display:none">
 
-                <img src="" id="imgBig">
+        <div class="box-jaune">
+                <span class="corners corners-top"></span>
+                <span class="corners corners-bottom"></span>
 
-                <div id="closeBack" onclick="closeBig()"></div>
-                <div id="loadingIconContainer" onclick="closeBig()">
-                        <i class="fas fa-spinner fa-spin"></i>
-                    </div>
+                <div class="title">Les photos</div>
 
-                <div id="photoButtonsContainer">
-                        <div id="rightButton" onclick="displayNext(1)">
-                                <i class="fas fa-arrow-right"></i>
-                            </div>
-                        <div id="leftButton" onclick="displayNext(-1)">
-                                <i class="fas fa-arrow-left"></i>
-                            </div>
-                        <a id="downloadButton" download="" href="">
-                                            <i class="fas fa-download"></i>
-                            </a>
-                        <div id="closeButton">
-                                <i class="fas fa-times" onclick="closeBig()"></i>
-                            </div>
-                    </div>
-            </div>
-
-        <h1 id="photosTitle">Photos</h1>
+                <span class="circles circles-top"></span>
+                <span class="circles circles-bottom"></span>
+        </div>
+        <section>
         <p>Clique sur le dossier de ton choix pour afficher les photos. Il faut que tu sois inscrit à l'INSA pour pouvoir
-               les regarder (et oui, pas de spoiler).
-            </p>
-        <p>
-                Si tu ne peux pas voir les photos (la fenêtre pour entrer le mot de passe ne s'affiche pas), ouvre cette page
-                avec
-                un autre navigateur.
-            </p>
-        <ul class="photos-path">
-               <li><p>Chemin : </p></li>
+               les regarder (et oui, pas de spoiler).</p>
+        <p>Il te suffit ensuite de cliquer sur la photo que tu veux télécharger.</p>
+        <p>Si tu ne peux pas voir les photos (la fenêtre pour entrer le mot de passe ne s'affiche pas), ouvre cette page avec un autre navigateur.</p>
+        </section>
+        <section align="left">
+                <ul class="photos-path">
+                <li>Chemin : </li>
                 <?php
                 generatePath(getActivePath());
                 ?>
-            </ul>
-    </div>
-<div id="photoContainer">
-        <?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
-                <div class="photos-folder-container">
-                        <?php
-                        createDirectories(getActivePath());
-                        ?>
-                    </div>
-            <?php endif; ?>
-        <?php if (isAlbumAvailable(getActivePath())): ?>
-                <a download=""
-                               href="photos_folders/photos<?php echo getActivePath() . DIRECTORY_SEPARATOR . GetActiveFolder(getActivePath()) ?>.zip"
-                               id="downloadAlbum">
-                        <span id="downloadText"><i class="fas fa-download"></i>Télécharger</span>
-                        <span id="albumPhotoCount"><?php echo getPhotoCount(photoRoot . getActivePath()) ?> photos</span>
-                    </a>
-            <?php endif; ?>
-       <?php if (getPhotoCount(photoRoot . getActivePath()) > 0): ?>
-                <div class="photos">
-                        <?php
-                        createPhotos(getActivePath());
-                        ?>
-                    </div>
-            <?php endif; ?>
+                </ul>
+                <ul class="directory-ul">
+                <?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
+                        <div class="photos-folder-container">
+                                <?php
+                                createDirectories(getActivePath());
+                                ?>
+                            </div>
+                    <?php endif; ?>
+                </ul>
+                <?php if (isAlbumAvailable(getActivePath())): ?>
+                        <a download=""
+                                       href="photos_folders/photos<?php echo getActivePath() . DIRECTORY_SEPARATOR . GetActiveFolder(getActivePath()) ?>.zip"
+                                       id="downloadAlbum">
+                                <span id="downloadText"><i class="fas fa-download"></i>Télécharger</span>
+                                <span id="albumPhotoCount"><?php echo getPhotoCount(photoRoot . getActivePath()) ?> photos</span>
+                            </a>
+                    <?php endif; ?>
+               <?php if (getPhotoCount(photoRoot . getActivePath()) > 0): ?>
+                        <div class="photos">
+                                <?php
+                                createPhotos(getActivePath());
+                                ?>
+                            </div>
+                    <?php endif; ?>
+        </section>
     </div>
 <br>
 
 
 <?php
-$infopage = ["", "Photos", ob_get_clean(), "<script src='assets/js/photos.js'></script><script type='text/javascript' src='assets/js/jquery.mousewheel.min.js'>", "photos"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
+$infopage = ["", "Photos", ob_get_clean(), "", "photos"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
 include("structure/template.php");
 ?>
\ No newline at end of file