diff --git a/web/tp/TP_CSS.md b/web/tp/TP_CSS.md
index 5bf59d1..b1b3bd2 100644
--- a/web/tp/TP_CSS.md
+++ b/web/tp/TP_CSS.md
@@ -174,7 +174,7 @@ div {
 
 ### D.1 Structure d'une page moderne
 
-![Structure sémantique HTML5](assets/structure_semantique_html5.png)
+![Structure sémantique HTML5](assets/structure_semantique_html5.jpg)
 
 ```
 ┌─────────────────────────────────────────────┐
@@ -286,7 +286,7 @@ TP_CSS/
 
 Voici la structure visuelle du site Pastor :
 
-![Structure HTML du projet Pastor](assets/structure_html_pastor.png)
+![Structure HTML du projet Pastor](assets/structure_html_pastor.jpg)
 
 Créez `index.html` avec la structure suivante :
 
@@ -374,7 +374,7 @@ Créez `index.html` avec la structure suivante :
 
 Voici le schéma de positionnement CSS du site :
 
-![Structure CSS du projet Pastor](assets/structure_css_pastor.png)
+![Structure CSS du projet Pastor](assets/structure_css_pastor.jpg)
 
 Créez `style.css` avec les règles suivantes :
 
@@ -557,7 +557,7 @@ footer p, footer ul {
 
 Votre page doit ressembler à ceci :
 
-![Rendu final du site Pastor](assets/rendu_final_pastor.png)
+![Rendu final du site Pastor](assets/rendu_final_pastor.jpg)
 
 ---
 
diff --git a/web/tp/assets/rendu_final_pastor.jpg b/web/tp/assets/rendu_final_pastor.jpg
new file mode 100644
index 0000000..60a2835
Binary files /dev/null and b/web/tp/assets/rendu_final_pastor.jpg differ
diff --git a/web/tp/assets/structure_css_pastor.jpg b/web/tp/assets/structure_css_pastor.jpg
new file mode 100644
index 0000000..9a8d0e6
Binary files /dev/null and b/web/tp/assets/structure_css_pastor.jpg differ
diff --git a/web/tp/assets/structure_html_pastor.jpg b/web/tp/assets/structure_html_pastor.jpg
new file mode 100644
index 0000000..c54452b
Binary files /dev/null and b/web/tp/assets/structure_html_pastor.jpg differ
diff --git a/web/tp/assets/structure_semantique_html5.jpg b/web/tp/assets/structure_semantique_html5.jpg
new file mode 100644
index 0000000..004679d
Binary files /dev/null and b/web/tp/assets/structure_semantique_html5.jpg differ