diff --git a/httpdocs/competences.html b/httpdocs/competences.html
new file mode 100644
index 0000000..9f2ff18
--- /dev/null
+++ b/httpdocs/competences.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link type="text/css" rel="stylesheet" href="style.css">
+    <script src="toggle.js"></script>
+    <script src="effect.js" defer></script>
+    <title>Compétences - Corentin</title>
+</head>
+<body>
+    <nav class="navbar">
+        <ul class="navbar-list">
+            <li><a href="index.html">Accueil</a></li>
+            <li><a href="cursus.html">Cursus</a></li>
+            <li class="dropdown">
+                <a href="#">Galerie</a>
+                <ul class="dropdown-content">
+                    <li><a href="projets.html">Projets</a></li>
+                    <li><a href="competences.html">Compétences</a></li>
+                </ul>
+            </li>
+            <li><a href="form.php">Contact</a></li>
+        </ul>
+    </nav>
+
+    <header>
+        <h1>Mes Compétences</h1>
+    </header>
+
+    <section class="skills-section">
+        <h2>💻 Langages de Programmation</h2>
+        <div class="tech-icons">
+            <div class="tech-box c-box"><img src="logos/c.jpeg" alt="C">C</div>
+            <div class="tech-box cpp-box"><img src="logos/cpp.jpeg" alt="C++">C++</div>
+            <div class="tech-box csharp-box"><img src="logos/csharp.jpeg" alt="C#">C#</div>
+            <div class="tech-box python-box"><img src="logos/python.jpeg" alt="Python">Python</div>
+            <div class="tech-box bash-box"><img src="logos/bash.jpeg" alt="Bash">Bash</div>
+        </div>
+    </section>
+
+    <section class="skills-section">
+        <h2>🌐 Développement Web</h2>
+        <div class="tech-icons">
+            <div class="tech-box html-box"><img src="logos/html.jpeg" alt="HTML">HTML</div>
+            <div class="tech-box css-box"><img src="logos/css.jpeg" alt="CSS">CSS</div>
+            <div class="tech-box js-box"><img src="logos/javascript.jpeg" alt="JavaScript">JavaScript</div>
+            <div class="tech-box react-box"><img src="logos/react.jpeg" alt="React">React</div>
+
+            <div class="tech-box php-box"><img src="logos/php.jpeg" alt="PHP">PHP</div>
+        </div>
+    </section>
+
+    <section class="skills-section">
+        <h2>🛠️ Outils et Environnements</h2>
+        <div class="tech-icons">
+            <div class="tech-box linux-box"><img src="logos/linux.jpeg" alt="Linux">Linux</div>
+            <div class="tech-box git-box"><img src="logos/git.jpeg" alt="Git">Git</div>
+            <div class="tech-box docker-box"><img src="logos/docker.jpeg" alt="Docker">Docker</div>
+            <div class="tech-box vscode-box"><img src="logos/vscode.jpeg" alt="VS Code">VS Code</div>
+            <div class="tech-box postgresql-box"><img src="logos /postgresql.jpeg" alt="PostgreSQL">PostgreSQL</div>
+        </div>
+    </section>
+
+    <footer class="site-footer">
+        <div class="footer-content">
+            <div class="footer-left">
+                <p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
+            </div>
+            <div class="footer-center">
+                <p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+            </div>
+            <div class="footer-right">
+                <a href="https://github.com/your-github" target="_blank" class="social-icon">
+                    <img src="icons/github.png" alt="GitHub">
+                </a>
+                <a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
+                    <img src="icons/linkedin.png" alt="LinkedIn">
+                </a>
+            </div>
+        </div>
+    </footer>
+
+</body>
+</html>
diff --git a/httpdocs/cursus.html b/httpdocs/cursus.html
index bb5dae3..248d6e3 100644
--- a/httpdocs/cursus.html
+++ b/httpdocs/cursus.html
@@ -11,12 +11,11 @@
 			<ul class="navbar-list">
 			  <li><a href="index.html">Accueil</a></li>
 			  <li><a href="cursus.html">Cursus</a></li>
-			  <li><a href="planning.html">Planning</a></li>
 			  <li class="dropdown">
 				<a href="#">Technique</a>
 				<ul class="dropdown-content">
-				  <li><a href="images.html">Projets</a></li>
-				  <li><a href="videos.html">Compétences</a></li>
+				  <li><a href="projets.html">Projets</a></li>
+				  <li><a href="competences.html">Compétences</a></li>
 				</ul>
 			  </li>
 			  <li><a href="form.html">Contact</a></li>
@@ -53,8 +52,23 @@
 		</div>
 	</div>
 </body>
-<footer>
-	<p>Pied de page</p>
+<footer class="site-footer">
+	<div class="footer-content">
+		<div class="footer-left">
+			<p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
+		</div>
+		<div class="footer-center">
+			<p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+		</div>
+		<div class="footer-right">
+			<a href="https://github.com/your-github" target="_blank" class="social-icon">
+				<img src="icons/github.png" alt="GitHub">
+			</a>
+			<a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
+				<img src="icons/linkedin.png" alt="LinkedIn">
+			</a>
+		</div>
+	</div>
 </footer>
 
 </html>
\ No newline at end of file
diff --git a/httpdocs/form.html b/httpdocs/form.html
index 28c65c7..dc3b645 100644
--- a/httpdocs/form.html
+++ b/httpdocs/form.html
@@ -23,12 +23,11 @@
         <ul class="navbar-list">
             <li><a href="index.html">Accueil</a></li>
             <li><a href="cursus.html">Cursus</a></li>
-            <li><a href="planning.html">Planning</a></li>
             <li class="dropdown">
 			<a href="#">Technique</a>
 				<ul class="dropdown-content">
-				  <li><a href="images.html">Projets</a></li>
-				  <li><a href="videos.html">Compétences</a></li>
+				  <li><a href="projets.html">Projets</a></li>
+				  <li><a href="competences.html">Compétences</a></li>
 				</ul>
             </li>
             <li><a href="form.html">Contact</a></li>
@@ -68,4 +67,25 @@
     <!-- External JS -->
     <script src="form-handler.js"></script>
 </body>
+
+
+<footer class="site-footer">
+    <div class="footer-content">
+        <div class="footer-left">
+            <p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
+        </div>
+        <div class="footer-center">
+            <p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+        </div>
+        <div class="footer-right">
+            <a href="https://github.com/your-github" target="_blank" class="social-icon">
+                <img src="icons/github.png" alt="GitHub">
+            </a>
+            <a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
+                <img src="icons/linkedin.png" alt="LinkedIn">
+            </a>
+        </div>
+    </div>
+</footer>
+
 </html>
\ No newline at end of file
diff --git a/httpdocs/img/icons/c.jpeg b/httpdocs/img/icons/c.jpeg
deleted file mode 100644
index 3e1b750..0000000
Binary files a/httpdocs/img/icons/c.jpeg and /dev/null differ
diff --git a/httpdocs/img/project/perso/monsterBattle_logo.png b/httpdocs/img/project/perso/monsterBattle_logo.png
new file mode 100644
index 0000000..f885510
Binary files /dev/null and b/httpdocs/img/project/perso/monsterBattle_logo.png differ
diff --git a/httpdocs/img/project/perso/monsterBattle_main.png b/httpdocs/img/project/perso/monsterBattle_main.png
new file mode 100644
index 0000000..8e7e13f
Binary files /dev/null and b/httpdocs/img/project/perso/monsterBattle_main.png differ
diff --git a/httpdocs/img/project/perso/monsterBattle_menu.png b/httpdocs/img/project/perso/monsterBattle_menu.png
new file mode 100644
index 0000000..05cdf56
Binary files /dev/null and b/httpdocs/img/project/perso/monsterBattle_menu.png differ
diff --git a/httpdocs/img/project/scolaire/arch_logo.png b/httpdocs/img/project/scolaire/arch_logo.png
new file mode 100644
index 0000000..9beceaf
Binary files /dev/null and b/httpdocs/img/project/scolaire/arch_logo.png differ
diff --git a/httpdocs/img/project/scolaire/arch_main.png b/httpdocs/img/project/scolaire/arch_main.png
new file mode 100644
index 0000000..f004de5
Binary files /dev/null and b/httpdocs/img/project/scolaire/arch_main.png differ
diff --git a/httpdocs/img/project/scolaire/arch_script1.png b/httpdocs/img/project/scolaire/arch_script1.png
new file mode 100644
index 0000000..d8ec11e
Binary files /dev/null and b/httpdocs/img/project/scolaire/arch_script1.png differ
diff --git a/httpdocs/index.html b/httpdocs/index.html
index 5ad999b..a1cef93 100644
--- a/httpdocs/index.html
+++ b/httpdocs/index.html
@@ -10,12 +10,11 @@
 			<ul class="navbar-list">
 			  <li><a href="index.html">Accueil</a></li>
 			  <li><a href="cursus.html">Cursus</a></li>
-			  <li><a href="planning.html">Planning</a></li>
 			  <li class="dropdown">
 				<a href="#">Technique</a>
 				<ul class="dropdown-content">
-				  <li><a href="images.html">Projets</a></li>
-				  <li><a href="videos.html">Compétences</a></li>
+				  <li><a href="projets.html">Projets</a></li>
+				  <li><a href="competences.html">Compétences</a></li>
 				</ul>
 			  </li>
 			  <li><a href="form.html">Contact</a></li>
@@ -31,7 +30,6 @@
 			<h1>Caillot Corentin</h1>
 		</div>
 			<img id="profile" src="img/faced.jpg" alt="profil"title="Corentin" />
-			<audio id="disk-audio" src="music/still_standing.mp3" preload="auto"></audio>
 			<aside>
 					<ul class="example-2">
 					<li class="icon-content">
@@ -78,53 +76,16 @@
 						></path>
 						</svg>
 					</a>
-					<div class="tooltip">GitHub</div>
-					</li>
 					<li class="icon-content">
-					<a
-						href="https://www.instagram.com/corentin.caillot54"
-						target="_blank"
-						aria-label="Instagram"
-						data-social="instagram"
-					>
-						<div class="filled"></div>
-						<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						fill="currentColor"
-						class="bi bi-instagram"
-						viewBox="0 0 16 16"
-						xml:space="preserve"
-						>
-						<path
-							d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"
-							fill="currentColor"
-						></path>
-						</svg>
-					</a>
-					<div class="tooltip">Instagram</div>
-					</li>
-					<li class="icon-content">
-					<a href="https://youtube.com/" aria-label="Youtube" data-social="youtube"target="_blank">
-						<div class="filled"></div>
-						<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="16"
-						height="16"
-						fill="currentColor"
-						class="bi bi-youtube"
-						viewBox="0 0 16 16"
-						xml:space="preserve"
-						>
-						<path
-							d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"
-							fill="currentColor"
-						></path>
-						</svg>
-					</a>
-					<div class="tooltip">Youtube</div>
-					</li>
+						<a href="mailto:contact@corentincaillot.com" target="_blank" aria-label="Gmail" data-social="gmail">
+						  <div class="filled"></div>
+						  <!-- Minimal Gmail SVG (Monochrome) -->
+						  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 24 24">
+							<path d="M12 13.065L3 6v12h18V6l-9 7.065zM12 11L3 4h18l-9 7z"/>
+						  </svg>
+						</a>
+						<div class="tooltip">Gmail</div>
+					  </li>
 				</ul>
 			</aside>
 			<div>	
@@ -132,40 +93,80 @@
 					<article>
 						<h2>Qui suis-je ?</h2>
 						<p>
-							Je m'appelle <strong>corentin</strong>, j'ai <em>19 ans</em> et je suis un étudiant en première année de BUT informatique (pour la deuxième fois).       
-							<details>
-								<summary>Lire la suite</summary>		
-								<p>							
-									Comme vous aurez pu le comprendre je suis passioné d'informatique, mais aussi de jeux vidéo et de sport.
-									Je joue à de nombreux jeux tel que rocket league, valorant, minecraft, genshin et tant d'autres.
-									J'ai également pratiqué de nombreux sports différents (paintball, football, escalade, athlétisme, escalade, ping-pong et bien plus encore)
-								</p>
-								
-							</details>
+							Je m'appelle <strong>Corentin</strong>, j'ai <em>19 ans</em>, et je suis actuellement en <strong>première année de BUT informatique</strong> (pour la deuxième fois).  
+							Depuis toujours passionné par l'informatique, je me plonge chaque jour un peu plus dans le développement et les nouvelles technologies.
 						</p>
-						</article>
+						<details>
+							<summary>En savoir plus</summary>		
+							<p>							
+								En dehors de l’informatique, je suis également un <strong>grand amateur de jeux vidéo et de sport</strong>.  
+								J’ai exploré <strong>de nombreux jeux</strong> comme <em>Rocket League, Valorant, Minecraft et Genshin Impact</em>, et j’aime particulièrement les défis stratégiques et compétitifs qu’ils offrent.
+				
+								Côté sportif, j’ai pratiqué plusieurs disciplines, allant du <em>paintball</em> au <em>football</em>, en passant par <em>l’escalade, l’athlétisme et le ping-pong</em>. J’aime <strong>repousser mes limites</strong> et découvrir de nouvelles expériences.  
+							</p>
+						</details>
+					</article>
+				
 					<article>
-						<h2>Qu'est-ce que j'aime ?</h2>
+						<h2>Ce qui me passionne</h2>
 						<p>
-							Comme vous aurez pu le comprendre je suis passioné d'informatique, mais aussi de jeux vidéo et de sport.
+							Si je devais résumer mes centres d'intérêt en quelques mots : <strong>code, compétition et créativité</strong>.  
+							J’adore <strong>résoudre des problèmes complexes</strong>, <strong>automatiser des tâches</strong> et <strong>concevoir des applications</strong> qui facilitent la vie des utilisateurs.  
+							Que ce soit en développant un <em>projet personnel</em> ou en explorant de <em>nouvelles technologies</em>, je cherche toujours à m’améliorer et à apprendre.
 						</p>
 					</article>
 				</section>
+				
 				<section>
 					<article>
-						<h2>Qu'est-ce que je veux faire ?</h2>
+						<h2>Mon objectif professionnel</h2>
 						<p>
-							La raison pour laquelle j'ai rejoinds ce BUT, c'est car je souhaite devenir développeur. 
-							<details>
-								<summary>Lire la suite</summary>
-								<p>
-									Petit test Mon objectif est de trouver un emploie de développeur, acheter une maison dans la campagne et y vivre avec ma femme, deux chien (et probablement des chats...oui...elle voudra forcément des chats !)
-								</p>
-							</details>
+							Mon ambition est claire : <strong>devenir développeur</strong> et bâtir une carrière dans le domaine du <strong>développement logiciel ou mobile</strong>.
 						</p>
+						<details>
+							<summary>Lire la suite</summary>
+							<p>
+								À terme, j’aimerais travailler sur des <em>projets innovants</em>, collaborer avec des <em>équipes dynamiques</em> et relever des <em>défis techniques stimulants</em>.  
+								Mon but est d’acquérir une <strong>expertise solide</strong>, tout en développant des projets qui ont un impact positif.
+				
+	
+							</p>
+						</details>
 					</article>
 				</section>
-		</header>
-		<footer>
-			<p>Pied de page</p>
-		</footer>
\ No newline at end of file
+				
+				<section>
+					<article>
+						<h2>Pourquoi me choisir ?</h2>
+						<p>
+							✅ <strong>Autonome et curieux</strong>, j’adore apprendre et relever de nouveaux défis.  
+							✅ <strong>Passionné</strong>, je mets toute mon énergie dans les projets que j’entreprends.  
+							✅ <strong>Rigoureux</strong>, je cherche constamment à améliorer la qualité de mon code et à optimiser mes solutions.  
+						</p>
+						<p>
+							Si vous recherchez un <strong>développeur motivé</strong>, prêt à innover et à s’adapter aux défis technologiques, <a href="mailto:contact@corentincaillot.com"><strong>n’hésitez pas à me contacter !</strong></a> 🚀
+						</p>
+					</article>
+				</section>
+				</div>
+			</header>
+		</body>
+		<footer class="site-footer">
+			<div class="footer-content">
+				<div class="footer-left">
+					<p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
+				</div>
+				<div class="footer-center">
+					<p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+				</div>
+				<div class="footer-right">
+					<a href="https://github.com/your-github" target="_blank" class="social-icon">
+						<img src="icons/github.png" alt="GitHub">
+					</a>
+					<a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
+						<img src="icons/linkedin.png" alt="LinkedIn">
+					</a>
+				</div>
+			</div>
+		</footer>
+</html>
\ No newline at end of file
diff --git a/httpdocs/logos/bash.jpeg b/httpdocs/logos/bash.jpeg
new file mode 100644
index 0000000..504c53e
Binary files /dev/null and b/httpdocs/logos/bash.jpeg differ
diff --git a/httpdocs/logos/c++.jpeg b/httpdocs/logos/c++.jpeg
new file mode 100644
index 0000000..58a5ff8
Binary files /dev/null and b/httpdocs/logos/c++.jpeg differ
diff --git a/httpdocs/logos/c.jpeg b/httpdocs/logos/c.jpeg
index 3e1b750..52e9fd9 100644
Binary files a/httpdocs/logos/c.jpeg and b/httpdocs/logos/c.jpeg differ
diff --git a/httpdocs/logos/csharp.jpeg b/httpdocs/logos/csharp.jpeg
index 09253e6..e2980fb 100644
Binary files a/httpdocs/logos/csharp.jpeg and b/httpdocs/logos/csharp.jpeg differ
diff --git a/httpdocs/logos/css.jpeg b/httpdocs/logos/css.jpeg
new file mode 100644
index 0000000..b7b9192
Binary files /dev/null and b/httpdocs/logos/css.jpeg differ
diff --git a/httpdocs/logos/docker.jpeg b/httpdocs/logos/docker.jpeg
new file mode 100644
index 0000000..81924bb
Binary files /dev/null and b/httpdocs/logos/docker.jpeg differ
diff --git a/httpdocs/logos/git.jpeg b/httpdocs/logos/git.jpeg
index f50970a..07bbe34 100644
Binary files a/httpdocs/logos/git.jpeg and b/httpdocs/logos/git.jpeg differ
diff --git a/httpdocs/logos/html.jpeg b/httpdocs/logos/html.jpeg
new file mode 100644
index 0000000..a3c5308
Binary files /dev/null and b/httpdocs/logos/html.jpeg differ
diff --git a/httpdocs/logos/javascript.jpeg b/httpdocs/logos/javascript.jpeg
new file mode 100644
index 0000000..6b50729
Binary files /dev/null and b/httpdocs/logos/javascript.jpeg differ
diff --git a/httpdocs/logos/json.jpeg b/httpdocs/logos/json.jpeg
index 42aa70b..7e1a0e3 100644
Binary files a/httpdocs/logos/json.jpeg and b/httpdocs/logos/json.jpeg differ
diff --git a/httpdocs/logos/php.jpeg b/httpdocs/logos/php.jpeg
new file mode 100644
index 0000000..e9390d5
Binary files /dev/null and b/httpdocs/logos/php.jpeg differ
diff --git a/httpdocs/logos/postgresql.jpeg b/httpdocs/logos/postgresql.jpeg
new file mode 100644
index 0000000..50a6b1e
Binary files /dev/null and b/httpdocs/logos/postgresql.jpeg differ
diff --git a/httpdocs/logos/python.jpeg b/httpdocs/logos/python.jpeg
new file mode 100644
index 0000000..2d92ace
Binary files /dev/null and b/httpdocs/logos/python.jpeg differ
diff --git a/httpdocs/logos/react.jpeg b/httpdocs/logos/react.jpeg
new file mode 100644
index 0000000..c0e105c
Binary files /dev/null and b/httpdocs/logos/react.jpeg differ
diff --git a/httpdocs/logos/tkinter.jpeg b/httpdocs/logos/tkinter.jpeg
new file mode 100644
index 0000000..6be9a5d
Binary files /dev/null and b/httpdocs/logos/tkinter.jpeg differ
diff --git a/httpdocs/logos/vscode.jpeg b/httpdocs/logos/vscode.jpeg
new file mode 100644
index 0000000..132aee8
Binary files /dev/null and b/httpdocs/logos/vscode.jpeg differ
diff --git a/httpdocs/logos/xaml.jpeg b/httpdocs/logos/xaml.jpeg
index 6b1d3d2..b24ae4b 100644
Binary files a/httpdocs/logos/xaml.jpeg and b/httpdocs/logos/xaml.jpeg differ
diff --git a/httpdocs/planning.html b/httpdocs/planning.html
deleted file mode 100644
index 702831c..0000000
--- a/httpdocs/planning.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<!DOCTYPE html> <!-- Doctype HTML5 -->
-<html lang="fr">
-	<head>
-		<meta charset="UTF-8">
-		<link type="text/css" rel="stylesheet" href="style.css">
-		<script src="toggle.js"></script>
-		<script src="effect.js" defer></script>
-		<title>Corentin</title>
-		<nav class="navbar"> 
-			<ul class="navbar-list">
-			  <li><a href="index.html">Accueil</a></li>
-			  <li><a href="cursus.html">Cursus</a></li>
-			  <li><a href="planning.html">Planning</a></li>
-			  <li class="dropdown">
-				<a href="#">Technique</a>
-				<ul class="dropdown-content">
-				  <li><a href="images.html">Projets</a></li>
-				  <li><a href="videos.html">Compétences</a></li>
-				</ul>
-			  </li>
-			  <li><a href="form.html">Contact</a></li>
-			  <label class="switch">
-				<input type="checkbox" id="theme-switch">
-				<span class="slider"></span>
-			</label>
-			</ul>
-		  </nav>
-	</head>
-		  <body id="planning">
-			<h1>PLANNING</h1>
-			<table>
-				<caption>Planning d'activités</caption>
-				<tr>
-					<th>Activités</th>
-					<th>Créneaux</th>
-					<th>Image</th>
-				</tr>
-				<tr>
-					<td rowspan="2"><strong>Musculation</strong></td>
-					<td>Jeudi 15h-17h</td>
-					<td rowspan="2"><a href="img/musculation.jpg">
-						<img src="img/musculation.jpg" alt="muculation" height="150px" width="150px">
-						</a></td>
-					
-				</tr>
-				<tr>
-					<td>Samedi 8h-10h</td>
-				</tr>
-				<tr>
-					<td rowspan="2"><strong>Révision</strong></td>
-					<td>Semaine 19h-21h</td>
-					<td rowspan="2"><a href="img/revision.gif"><img src="img/revision.gif" alt="revision" height="150px" width="150px"></a></td>
-				</tr>
-				<tr>
-					<td>week-end 12h-14h/16h-18h</td>
-				</tr>
-				<tr>
-					<td rowspan="2"><strong>Jeux vidéos</strong></td>
-					<td>jeudi 17h30-19h</td>
-					<td rowspan="2"><a href="img/jeuxVideo.jpeg"><img src="img/jeuxVideo.jpeg" alt="jeux vidéo"height="150px" width="150px"></a></td>
-				</tr>
-				<tr>
-					<td>weekend 8h-10h/18h-00h</td>
-				</tr>
-
-			</table>
-		</header>
-	</body>
-	<footer>
-		<p>Pied de page</p>
-	</footer>
-</html>
\ No newline at end of file
diff --git a/httpdocs/project.html b/httpdocs/project.html
index c878486..ae035ee 100644
--- a/httpdocs/project.html
+++ b/httpdocs/project.html
@@ -15,10 +15,10 @@
             <li><a href="cursus.html">Cursus</a></li>
             <li><a href="planning.html">Planning</a></li>
             <li class="dropdown">
-                <a href="#">Galerie</a>
+                <a href="#">Techniques</a>
                 <ul class="dropdown-content">
-                    <li><a href="images.html">Images</a></li>
-                    <li><a href="videos.html">Vidéos</a></li>
+                    <li><a href="projets.html">Projets</a></li>
+                    <li><a href="competences.html">compétences</a></li>
                 </ul>
             </li>
             <li><a href="form.html">Contact</a></li>
@@ -49,8 +49,24 @@
         <div id="project-tech-icons" class="tech-icons"></div>
     </section>
 
-    <footer>
-        <p>Pied de page</p>
+    <footer class="site-footer">
+        <div class="footer-content">
+            <div class="footer-left">
+                <p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
+            </div>
+            <div class="footer-center">
+                <p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+            </div>
+            <div class="footer-right">
+                <a href="https://github.com/your-github" target="_blank" class="social-icon">
+                    <img src="icons/github.png" alt="GitHub">
+                </a>
+                <a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
+                    <img src="icons/linkedin.png" alt="LinkedIn">
+                </a>
+            </div>
+        </div>
     </footer>
+    
 </body>
 </html>
\ No newline at end of file
diff --git a/httpdocs/project.js b/httpdocs/project.js
index 8f8c023..8051816 100644
--- a/httpdocs/project.js
+++ b/httpdocs/project.js
@@ -1,67 +1,181 @@
-document.addEventListener("DOMContentLoaded", function () {
-    // Get project name from URL
-    const urlParams = new URLSearchParams(window.location.search);
-    const projectName = urlParams.get("name");
+    document.addEventListener("DOMContentLoaded", function () {
+        // Get project name from URL
+        const urlParams = new URLSearchParams(window.location.search);
+        const projectName = urlParams.get("name");
 
-    // Simulated "database" of projects
-    const projects = {
-        "mastermind": {
-            title: "Projet MasterMind",
-            subtitle: "Un projet de création du jeux MasterMind.",
-            description: "Le but de ce projet était de réaliser par groupe de 4 personnes sur une durée de 3 mois un jeu de MasterMind en .net Maui.",
-            images: ["img/project/scolaire/mastermind_menu.png", "img/project/scolaire/mastermind_game.png", "img/project/scolaire/mastermind_login.png"],
-            technologies: ["csharp", "xaml", "json"]
-        },
-        "etugestion": {
-            title: "EtuGestion",
-            subtitle: "Création d'un outil de gestion en ligne de commande pour une école.",
-            description: "Ce projet réalisé en C par groupe de 2 à l'aide de l'outil git nécecitait d'avoir différentes interfaces pour des élèves, des professeurs et des jury. Les jurys devais pouvoir mettre des notes aux étudiants, les étudiants devaient pouvoir consulter et postuler à des offres de stages et enfin les professeurs devaient pouvoir ajouter et supprimer des offres de stages, affecter des étudiants...etc",
-            images: ["img/project/scolaire/brico_menu.png", "img/project/scolaire/brico_add.png", "img/project/scolaire/brico_list.png"],
-            technologies: ["c", "git"]
-        }
-    };
+        // Simulated "database" of projects
+        const projects = {
+            "mastermind": {
+                title: "Projet MasterMind",
+                subtitle: "Un projet de création du jeu MasterMind.",
+                description: "Le but de ce projet était de réaliser par groupe de 4 personnes sur une durée de 3 mois un jeu de MasterMind en .net Maui.",
+                images: [
+                    {
+                        src: "img/project/scolaire/mastermind_menu.png",
+                        description: "Menu principal du jeu. Les joueurs peuvent consulter les meilleurs scores, lire les règles et lancer une partie."
+                    },
+                    {
+                        src: "img/project/scolaire/mastermind_game.png",
+                        description: "Plateau de jeux durant une partie. Les joueurs jouent en cliquant sur les cercles de couleurs afin de les placer sur le plateau."
+                    },
+                    {
+                        src: "img/project/scolaire/mastermind_login.png",
+                        description: "Écran de début de partie. Les joueurs peuvent choisir leurs pseudo ainsi que la difficulté. La difficulté influe sur le nombre de couleurs et d'essaies."
+                    }
+                ],
+                technologies: ["csharp", "xaml", "json"]
+            },  // ✅ Fixed comma placement
 
-    // Get project data or fallback
-    const project = projects[projectName] || {
-        title: "Projet Inconnu",
-        subtitle: "Désolé, ce projet n'existe pas.",
-        description: "Nous n'avons pas trouvé d'informations sur ce projet.",
-        images: [],
-        technologies: []
-    };
+            "etugestion": {  // ✅ Removed incorrect semicolon before this key
+                title: "EtuGestion",
+                subtitle: "Création d'un outil de gestion en ligne de commande pour une école.",
+                description: "Ce projet réalisé en C par groupe de 2 à l'aide de l'outil git nécessitait d'avoir différentes interfaces pour des élèves, des professeurs et des jury...",
+                images: [
+                    {
+                        src: "img/project/scolaire/brico_menu.png",
+                        description: "Menu principal de l'outil."
+                    },
+                    {
+                        src: "img/project/scolaire/brico_add.png",
+                        description: "Écran de connexion permettant à l'utilisateur d'accéder à ses scores enregistrés."
+                    },  // ✅ Added missing comma here
+                    {
+                        src: "img/project/scolaire/brico_list.png",
+                        description: "Écran permettant d'ajouter de nouveaux éléments à la base de données."
+                    }
+                ],
+                technologies: ["c", "git"]
+            },
 
-    // Update HTML content
-    document.getElementById("project-title").innerText = project.title;
-    document.getElementById("project-subtitle").innerText = project.subtitle;
-    document.getElementById("project-description").innerText = project.description;
+            "linux_install": {
+                title: "Linux et shell",
+                subtitle: "Installation d'une distribution Linux et création de scripts shell.",
+                description: `Dans le cadre de ma première année de BUT informatique, j'ai été amené à
+                installer une distribution Linux (Arch Linux) qui est rapidement devenue mon outil de travail principal.`,
+                images: [
+                    {
+                        src: "img/project/scolaire/arch_main.png",
+                        description: "Écran principal après installation d'Arch Linux."
+                    },
+                    {
+                        src: "img/project/scolaire/arch_script1.png",
+                        description: "Exemple de script shell automatisant une tâche quotidienne."
+                    }
+                ],
+                technologies: ["bash"]
+            },
+            "monster_battle": {
+                title: "Monster Battle",
+                subtitle: "Un projet de création du jeu MasterMind.",
+                description: "Le but de ce projet était de réaliser par groupe de 4 personnes sur une durée de 3 mois un jeu de MasterMind en .net Maui.",
+                images: [
+                    {
+                        src: "img/project/perso/monsterBattle_logo.png",
+                        description: "Menu principal du jeu. Les joueurs peuvent consulter les meilleurs scores, lire les règles et lancer une partie."
+                    },
+                    {
+                        src: "img/project/perso/monsterBattle_menu.png",
+                        description: "Plateau de jeux durant une partie. Les joueurs jouent en cliquant sur les cercles de couleurs afin de les placer sur le plateau."
+                    },
+                    {
+                        src: "img/project/perso/monsterBattle_main.png",
+                        description: "Écran de début de partie. Les joueurs peuvent choisir leurs pseudo ainsi que la difficulté. La difficulté influe sur le nombre de couleurs et d'essaies."
+                    }
+                ],
+                technologies: ["python", "tkinter"]
+            },  // ✅ Fixed comma placement
 
-    // Update gallery
-    const galleryContainer = document.getElementById("project-gallery");
-    project.images.forEach(imgSrc => {
-        const img = document.createElement("img");
-        img.src = imgSrc;
-        img.alt = "Image du projet";
-        galleryContainer.appendChild(img);
-    });
+            "etugestion": {  // ✅ Removed incorrect semicolon before this key
+                title: "EtuGestion",
+                subtitle: "Création d'un outil de gestion en ligne de commande pour une école.",
+                description: "Ce projet réalisé en C par groupe de 2 à l'aide de l'outil git nécessitait d'avoir différentes interfaces pour des élèves, des professeurs et des jury...",
+                images: [
+                    {
+                        src: "img/project/scolaire/brico_menu.png",
+                        description: "Menu principal de l'outil."
+                    },
+                    {
+                        src: "img/project/scolaire/brico_add.png",
+                        description: "Écran de connexion permettant à l'utilisateur d'accéder à ses scores enregistrés."
+                    },  // ✅ Added missing comma here
+                    {
+                        src: "img/project/scolaire/brico_list.png",
+                        description: "Écran permettant d'ajouter de nouveaux éléments à la base de données."
+                    }
+                ],
+                technologies: ["c", "git"]
+            },
+
+            "linux_install": {
+                title: "Linux et shell",
+                subtitle: "Installation d'une distribution Linux et création de scripts shell.",
+                description: `Dans le cadre de ma première année de BUT informatique, j'ai été amené à
+                installer une distribution Linux (Arch Linux) qui est rapidement devenue mon outil de travail principal.`,
+                images: [
+                    {
+                        src: "img/project/scolaire/arch_main.png",
+                        description: "Écran principal après installation d'Arch Linux."
+                    },
+                    {
+                        src: "img/project/scolaire/arch_script1.png",
+                        description: "Exemple de script shell automatisant une tâche quotidienne."
+                    }
+                ],
+                technologies: ["bash"]
+            }
+        };
+
+        // Get project data or fallback
+        const project = projects[projectName] || {
+            title: "Projet Inconnu",
+            subtitle: "Désolé, ce projet n'existe pas.",
+            description: "Nous n'avons pas trouvé d'informations sur ce projet.",
+            images: [],
+            technologies: []
+        };
+
+        // Update HTML content
+        document.getElementById("project-title").innerText = project.title;
+        document.getElementById("project-subtitle").innerText = project.subtitle;
+        document.getElementById("project-description").innerText = project.description;
+
+        const galleryContainer = document.getElementById("project-gallery");
+
+        project.images.forEach((imgObj, index) => {
+            const wrapper = document.createElement("div");
+            wrapper.classList.add("image-wrapper");
+        
+            const img = document.createElement("img");
+            img.src = imgObj.src;
+            img.alt = `Image ${index + 1}`;
+        
+            const desc = document.createElement("div");
+            desc.classList.add("image-description");
+            desc.innerText = imgObj.description; // Custom description here
+        
+            wrapper.appendChild(img);
+            wrapper.appendChild(desc);
+            galleryContainer.appendChild(wrapper);
+        });
 
-    // Update technologies
-    const techContainer = document.getElementById("project-tech-icons");
-    project.technologies.forEach(tech => {
-        const div = document.createElement("div");
-        div.classList.add("tech-box", `${tech}-box`); // Ensure the correct class is added
+        // Update technologies
+        const techContainer = document.getElementById("project-tech-icons");
+        project.technologies.forEach(tech => {
+            const div = document.createElement("div");
+            div.classList.add("tech-box", `${tech}-box`); // Ensure the correct class is added
 
-        const img = document.createElement("img");
-        img.src = `logos/${tech}.jpeg`;
-        img.alt = tech.toUpperCase();
+            const img = document.createElement("img");
+            img.src = `logos/${tech}.jpeg`;
+            img.alt = tech.toUpperCase();
 
+            const text = document.createElement("span");
+            text.innerText = tech.toUpperCase();
 
-        const text = document.createElement("span");
-        text.innerText = tech.toUpperCase();
+            div.appendChild(img);
+            div.appendChild(text);
+            techContainer.appendChild(div);
+        });
 
-        div.appendChild(img);
-        div.appendChild(text);
-        techContainer.appendChild(div);
+        // Fade-in effect when page loads
+        document.body.classList.remove("fade-out");
     });
-    // Fade-in effect when page loads
-    document.body.classList.remove("fade-out");
-});
\ No newline at end of file
diff --git a/httpdocs/images.html b/httpdocs/projets.html
similarity index 82%
rename from httpdocs/images.html
rename to httpdocs/projets.html
index 3fb1ee3..3ab6c04 100644
--- a/httpdocs/images.html
+++ b/httpdocs/projets.html
@@ -15,7 +15,7 @@
 			  <li class="dropdown">
 				<a href="#">Techniques</a>
 				<ul class="dropdown-content">
-				  <li><a href="images.html">Projets</a></li>
+				  <li><a href="projets.html">Projets</a></li>
 				  <li><a href="videos.html">Compétences</a></li>
 				</ul>
 			  </li>
@@ -33,18 +33,18 @@
     <h3 class="title_gallery">Projets Personnels</h3>
     <div class="gallery">
       <article class="article-wrapper">
-        <div class="rounded-lg container-project">
+        <div class="rounded-lg container-project" style="background-image: url('img/project/perso/monsterBattle_logo.png'); background-size: cover; background-position: center;">
           </div>
           <div class="project-info">
             <div class="flex-pr">
-              <div class="project-title text-nowrap">Project</div>
+              <div class="project-title text-nowrap">Monster Battle</div>
                 <div class="project-hover">
                   <svg style="color: black;" xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" color="black" stroke-linejoin="round" stroke-linecap="round" viewBox="0 0 24 24" stroke-width="2" fill="none" stroke="currentColor"><line y2="12" x2="19" y1="12" x1="5"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                   </div>
                 </div>
                 <div class="types">
-                  <span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• Analytics</span>
-                   <span class="project-type">• Dashboards</span>
+                  <span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• Python</span>
+                   <span class="project-type">• Tkinter</span>
               </div>
           </div>
       </article>
@@ -116,11 +116,11 @@
           </div>
       </article>
       <article class="article-wrapper">
-        <div class="rounded-lg container-project">
+        <div class="rounded-lg container-project" style="background-image: url('img/project/scolaire/arch_logo.png'); background-size: cover; background-position: center;">
           </div>
           <div class="project-info">
             <div class="flex-pr">
-              <div class="project-title text-nowrap">Project</div>
+              <div class="project-title text-nowrap">Linux install</div>
                 <div class="project-hover">
                   <svg style="color: black;" xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" color="black" stroke-linejoin="round" stroke-linecap="round" viewBox="0 0 24 24" stroke-width="2" fill="none" stroke="currentColor"><line y2="12" x2="19" y1="12" x1="5"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                   </div>
@@ -134,4 +134,24 @@
     </div>
 
   </body>
+
+  <footer class="site-footer">
+    <div class="footer-content">
+      <div class="footer-left">
+        <p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
+      </div>
+      <div class="footer-center">
+        <p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+      </div>
+      <div class="footer-right">
+        <a href="https://github.com/your-github" target="_blank" class="social-icon">
+          <img src="icons/github.png" alt="GitHub">
+        </a>
+        <a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
+          <img src="icons/linkedin.png" alt="LinkedIn">
+        </a>
+      </div>
+    </div>
+  </footer>
+  
 </html>
diff --git a/httpdocs/style.css b/httpdocs/style.css
index 31f4c8b..8f983ec 100644
--- a/httpdocs/style.css
+++ b/httpdocs/style.css
@@ -725,7 +725,7 @@
     font-size: 14px;
     transition: all 0.3s ease;
   }
-  .example-2 .icon-content:hover .tooltip {
+  .example-2 .icon-content:hover .toolti  p {
     opacity: 1;
     visibility: visible;
     top: -50px;
@@ -778,22 +778,10 @@
   .example-2 .icon-content a[data-social="github"] ~ .tooltip {
     background-color: #24262a;
   }
-  .example-2 .icon-content a[data-social="instagram"] .filled,
-  .example-2 .icon-content a[data-social="instagram"] ~ .tooltip {
-    background: linear-gradient(
-      45deg,
-      #405de6,
-      #5b51db,
-      #b33ab4,
-      #c135b4,
-      #e1306c,
-      #fd1f1f
-    );
-  }
-  .example-2 .icon-content a[data-social="youtube"] .filled,
-  .example-2 .icon-content a[data-social="youtube"] ~ .tooltip {
-    background-color: #ff0000;
-  }
+  .example-2 .icon-content a[data-social="gmail"] .filled,
+.example-2 .icon-content a[data-social="gmail"] ~ .tooltip {
+  background-color: #EA4335;
+}
 
 
 
@@ -1021,12 +1009,14 @@ body.fade-out {
 }
 
 .tech-box img {
-  width: 35px; 
+  width: 35px; /* Adjust logo size */
   height: 35px;
   object-fit: contain;
   background: transparent;
-  border-radius: 5px;
-  padding: 2px;
+  border-radius: 50%;
+  padding: 5px;
+
+  background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(200,200,200,0.3) 100%);
 }
 
 .tech-box:hover {
@@ -1049,7 +1039,13 @@ body.fade-out {
 .json-box { background: #E34F26; border-color: #b3391d; }
 .c-box { background: #00599C; border-color: #003d6a; }
 .git-box { background: #F05032; border-color: #b3391d; }
-
+.bash-box { background: #4E5D94; border-color: #3a456a; }
+.tkinter-box { background: #FFC107; color: #333; border-color: #c2b000; }
+.linux-box { background: #F05032; border-color: #b3391d; }
+.docker-box { background: #2496ED; border-color: #0d5ea0; }
+.postgresql-box { background: #2496ED; border-color: #0d5ea0; }
+.vscode-box { background: #007ACC; border-color: #003d6a; }
+.cpp-box { background: #00599C; border-color: #003d6a; }
 /* Animations */
 @keyframes fadeIn {
   from { opacity: 0; transform: translateY(-10px); }
@@ -1060,3 +1056,129 @@ body.fade-out {
   from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }
 }
+
+
+.project-gallery {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.image-wrapper {
+  position: relative;
+  width: 100%;
+  max-width: 600px;
+  overflow: hidden;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: transform 0.5s ease, box-shadow 0.5s ease;
+}
+
+.image-wrapper img {
+  width: 100%;
+  display: block;
+  border-radius: 10px;
+  transition: transform 0.5s ease;
+}
+
+.image-description {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 100%;
+  width: 0;
+  overflow: hidden;
+  background-color: rgba(0, 0, 0, 0.8);
+  color: #fff;
+  padding: 20px;
+  box-sizing: border-box;
+  opacity: 0;
+  transition: opacity 0.5s ease, width 0.5s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.image-wrapper:hover {
+  transform: translateX(-15%);
+  z-index: 10;
+  box-shadow: 0 10px 20px rgba(0,0,0,0.5);
+}
+
+.image-wrapper:hover img {
+  transform: scale(1.05);
+}
+
+.image-wrapper:hover .image-description {
+  width: 40%;
+  opacity: 1;
+}
+  
+
+.site-footer {
+  background: linear-gradient(135deg, #1e1e1e, #292929);
+  color: #fff;
+  padding: 20px 0;
+  text-align: center;
+  font-size: 1em;
+  position: relative;
+  width: 100%;
+  bottom: 0;
+}
+
+.footer-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  max-width: 1200px;
+  margin: auto;
+  padding: 10px 20px;
+}
+
+.footer-left, .footer-center, .footer-right {
+  flex: 1;
+  text-align: center;
+}
+
+.footer-left p, .footer-center p {
+  margin: 5px 0;
+}
+
+.footer-center a {
+  color: #3498db;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.footer-center a:hover {
+  text-decoration: underline;
+}
+
+.footer-right {
+  display: flex;
+  justify-content: center;
+  gap: 15px;
+}
+
+.social-icon img {
+  width: 32px;
+  height: 32px;
+  transition: transform 0.3s ease, opacity 0.3s ease;
+}
+
+.social-icon:hover img {
+  transform: scale(1.2);
+  opacity: 0.8;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .footer-content {
+      flex-direction: column;
+      text-align: center;
+  }
+  .footer-left, .footer-center, .footer-right {
+      margin-bottom: 10px;
+  }
+}
diff --git a/httpdocs/toggle.js b/httpdocs/toggle.js
index 611eda4..bf897ab 100644
--- a/httpdocs/toggle.js
+++ b/httpdocs/toggle.js
@@ -1,4 +1,4 @@
-const devMode = true; // Change to false to return to the normal site
+const devMode = false; // Change to false to return to the normal site
 
 if (devMode && !window.location.pathname.endsWith('under_dev.html')) {
     window.location.replace('under_dev.html');
diff --git a/httpdocs/under_dev.html b/httpdocs/under_dev.html
index 2d3e7e5..3ed9ad5 100644
--- a/httpdocs/under_dev.html
+++ b/httpdocs/under_dev.html
@@ -88,9 +88,25 @@
         <div class="spinner"></div>
         <p class="dev-submessage">Merci pour votre patience !</p>
     </div>
-    <footer>
-        <p>Pour toute question, contactez-moi à <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+    <footer class="site-footer">
+        <div class="footer-content">
+            <div class="footer-left">
+                <p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
+            </div>
+            <div class="footer-center">
+                <p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+            </div>
+            <div class="footer-right">
+                <a href="https://github.com/your-github" target="_blank" class="social-icon">
+                    <img src="icons/github.png" alt="GitHub">
+                </a>
+                <a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
+                    <img src="icons/linkedin.png" alt="LinkedIn">
+                </a>
+            </div>
+        </div>
     </footer>
+    
 </body>
 </html>
 k
\ No newline at end of file
diff --git a/httpdocs/video/4k breeze.mp4 b/httpdocs/video/4k breeze.mp4
deleted file mode 100644
index 967d1da..0000000
Binary files a/httpdocs/video/4k breeze.mp4 and /dev/null differ
diff --git a/httpdocs/video/4k_lotus_clutch.mp4 b/httpdocs/video/4k_lotus_clutch.mp4
deleted file mode 100644
index 2b3ea66..0000000
Binary files a/httpdocs/video/4k_lotus_clutch.mp4 and /dev/null differ
diff --git a/httpdocs/video/Rae_wtf.mp4 b/httpdocs/video/Rae_wtf.mp4
deleted file mode 100644
index 6cd3baf..0000000
Binary files a/httpdocs/video/Rae_wtf.mp4 and /dev/null differ
diff --git a/httpdocs/video/Skye_wtf.mp4 b/httpdocs/video/Skye_wtf.mp4
deleted file mode 100644
index 0049150..0000000
Binary files a/httpdocs/video/Skye_wtf.mp4 and /dev/null differ
diff --git a/httpdocs/video/Skye_wtf.ogg b/httpdocs/video/Skye_wtf.ogg
deleted file mode 100644
index eaa196b..0000000
Binary files a/httpdocs/video/Skye_wtf.ogg and /dev/null differ
diff --git a/httpdocs/video/Skye_wtf.webm b/httpdocs/video/Skye_wtf.webm
deleted file mode 100644
index 317d967..0000000
Binary files a/httpdocs/video/Skye_wtf.webm and /dev/null differ
diff --git a/httpdocs/video/double_reset_double.mp4 b/httpdocs/video/double_reset_double.mp4
deleted file mode 100644
index b5ec6e7..0000000
Binary files a/httpdocs/video/double_reset_double.mp4 and /dev/null differ
diff --git a/httpdocs/video/double_tap_angle.mp4 b/httpdocs/video/double_tap_angle.mp4
deleted file mode 100644
index d402080..0000000
Binary files a/httpdocs/video/double_tap_angle.mp4 and /dev/null differ
diff --git a/httpdocs/video/one tap jett asc.mp4 b/httpdocs/video/one tap jett asc.mp4
deleted file mode 100644
index 0c6bd52..0000000
Binary files a/httpdocs/video/one tap jett asc.mp4 and /dev/null differ
diff --git a/httpdocs/video/reset_bounce.mp4 b/httpdocs/video/reset_bounce.mp4
deleted file mode 100644
index c8d7d7c..0000000
Binary files a/httpdocs/video/reset_bounce.mp4 and /dev/null differ
diff --git a/httpdocs/videos.html b/httpdocs/videos.html
deleted file mode 100644
index bf87756..0000000
--- a/httpdocs/videos.html
+++ /dev/null
@@ -1,139 +0,0 @@
-<!DOCTYPE html>
-<!-- Doctype HTML5 -->
-<html lang="fr">
-  <head>
-    <meta charset="UTF-8" />
-    <link type="text/css" rel="stylesheet" href="style.css" />
-    <script src="toggle.js"></script>
-    <script src="effect.js" defer></script>s
-    <title>Corentin</title>
-    <nav class="navbar">
-      <ul class="navbar-list">
-        <li><a href="index.html">Accueil</a></li>
-        <li><a href="cursus.html">Cursus</a></li>
-        <li><a href="planning.html">Planning</a></li>
-        <li class="dropdown">
-          <a href="#">Gallerie</a>
-          <ul class="dropdown-content">
-            <li><a href="images.html">Images</a></li>
-            <li><a href="videos.html">Vidéos</a></li>
-          </ul>
-        </li>
-        <li><a href="form.php">Form</a></li>
-      </ul>
-    </nav>
-  </head>
-  <body>
-    <h1 id="video_categorie">Galerie Video</h1>
-    <h3 class="title_gallery">Rocket league</h3>
-    <div class="gallery_video">
-      <figure>
-        <div class="video-item">
-          <video
-            src="video/reset_bounce.mp4"
-            type="video/mp4"
-            controls
-            muted
-          ></video>
-        </div>
-        <figcaption>Double reset bounce shot</figcaption>
-      </figure>
-      <figure>
-        <div class="video-item">
-          <video
-            src="video/double_reset_double.mp4"
-            type="video/mp4"
-            controls
-            muted
-          ></video>
-        </div>
-        <figcaption>Double reset double tap</figcaption>
-      </figure>
-      <figure>
-        <div class="video-item">
-          <video
-            src="video/double_tap_angle.mp4"
-            type="video/mp4"
-            controls
-            muted
-          ></video>
-        </div>
-        <figcaption>Double tap</figcaption>
-      </figure>
-    </div>
-
-    <h3 class="title_gallery">Valorant</h3>
-    <div class="gallery_video">
-      <figure>
-        <div class="video-item">
-          <video
-            src="video/4k breeze.mp4"
-            type="video/mp4"
-            controls
-            muted
-          ></video>
-        </div>
-        <figcaption>4k (asc 2)</figcaption>
-      </figure>
-      <figure>
-        <div class="video-item">
-          <video
-            src="video/one tap jett asc.mp4"
-            type="video/mp4"
-            controls
-            muted
-          ></video>
-        </div>
-        <figcaption>One tap (asc3)</figcaption>
-      </figure>
-      <figure>
-        <div class="video-item">
-          <video
-            src="video/4k_lotus_clutch.mp4"
-            type="video/mp4"
-            controls
-            muted
-          ></video>
-        </div>
-        <figcaption>4k clutch (dia 3)</figcaption>
-      </figure>
-    </div>
-
-    <h3 class="title_gallery">Mes Teammates</h3>
-    <div class="gallery_video">
-      <figure>
-        <div class="video-item">
-          <video
-            src="video/Tristan_wsh.mp4"
-            type="video/mp4"
-            controls
-            muted
-          ></video>
-        </div>
-        <figcaption>Rank du joueur : (immo 2)</figcaption>
-      </figure>
-      <figure>
-        <div class="video-item">
-          <video
-            src="video/Rae_wtf.mp4"
-            type="video/mp4"
-            controls
-            muted
-          ></video>
-        </div>
-        <figcaption>Rank du joueur : (dia 3)</figcaption>
-      </figure>
-      <figure>
-        <div class="video-item">
-          <video controls muted>
-            <source src="video/Skye_wtf.mp4" type="video/mp4" />
-            <source src="video/Skye_wtf.ogg" type="video/ogg" />
-            <source src="video/Skye_wtf.webm" type="video/webm" />
-            Video format not supported !
-          </video>
-        </div>
-        <figcaption>Rank du joueur : (asc 2)</figcaption>
-      </figure>
-    </div>
-  </body>
-</html>
