diff --git a/index.html b/index.html
index dff5a4e..299e95b 100644
--- a/index.html
+++ b/index.html
@@ -150,23 +150,40 @@
 
 			<h2 class="margin_bottom_big">quelques exemples de projets réalisés :</h2>
 
-			<article>
+			<figure class="project">
+				<p>description</p>
+				<img src="./docs/projects/fdf_pyramide_2.gif"/>
+			</figure>
+
+			<figure class="project">
+				<p>description</p>
+				<img src="./docs/projects/cube3d_raycasting.gif"/>
+			</figure>
+
+			<figure class="project">
+				<p>description</p>
+				<img src="./docs/projects/ljdp_map_clusters.gif"/>
+			</figure>
+
+<!--
+			<article class="project">
 				<p>description</p>
 				<img src="./docs/projects/fdf_pyramide_2.gif"/>
 				<img src="./docs/projects/fdf_demo.gif"/>
 			</article>
 
-			<article>
+			<article class="project">
 				<p>description</p>
 				<img src="./docs/projects/cube3d_raycasting.gif"/>
 				<img src="./docs/projects/cube3d_image.gif"/>
 			</article>
 
-			<article>
+			<article class="project">
 				<p>description</p>
 				<img src="./docs/projects/ljdp_map_clusters.gif"/>
 				<img src="./docs/projects/ljdp_map_filters.gif"/>
 			</article>
+-->
 
 			<div class="mouse"><div class="mouse_2 pre"></div></div>
 			<div class="banner banner_size_3 banner_speed_20 banner_reverse grid_full_width" aria-label="banner delimitation in ASCII art"></div>