diff --git a/assets/css/page/construction.css b/assets/css/page/construction.css
new file mode 100644
index 0000000..86d384f
--- /dev/null
+++ b/assets/css/page/construction.css
@@ -0,0 +1,4 @@
+#taupe{
+
+    top: 100%;
+}
\ No newline at end of file
diff --git a/assets/img/bonjoir.jpg b/assets/img/bonjoir.jpg
new file mode 100644
index 0000000..27d7fba
Binary files /dev/null and b/assets/img/bonjoir.jpg differ
diff --git a/assets/img/vice_prez_gros_plan.jpg b/assets/img/vice_prez_gros_plan.jpg
new file mode 100644
index 0000000..ba851c4
Binary files /dev/null and b/assets/img/vice_prez_gros_plan.jpg differ
diff --git a/construction.php b/construction.php
index c234a20..50f762e 100644
--- a/construction.php
+++ b/construction.php
@@ -15,6 +15,9 @@ ob_start(); // Start reading html
         // avis aux futurs devs, changez la date ici :)
         var target_date = Math.floor(Date.parse("15-Sep-2023 00:00:00") /1000)
 
+        // le coef d'aggrandissement de l'image de la taupe
+        var coef = 1
+
         function set_timer(){
 
             // recupere la date actuelle
@@ -35,6 +38,15 @@ ob_start(); // Start reading html
             +delta_minutes+"min "
             +delta_seconds+"s";
 
+
+            var taupe_img = document.getElementById("taupe");
+            taupe_img.width = 12*coef;
+            taupe_img.height = 8*coef;
+            taupe_img.style = "top :"+1000-100*coef+";";
+            
+
+            coef = coef+1;
+
             // récursion chaque seconde
             setTimeout(set_timer, 1000);
         }
@@ -56,6 +68,7 @@ ob_start(); // Start reading html
     </div>
 
 
+    <img id="taupe" src="assets/img/bonjoir.jpg">
 
 </main>
 <?php
diff --git a/index.php b/index.php
index 0ce4176..b46725b 100755
--- a/index.php
+++ b/index.php
@@ -92,7 +92,6 @@ include "assets/scripts/globals.php";
 
 
 
-    
 
 
 </main>