diff --git a/1NSI/01_Web_HTML_CSS/exercises.tex b/1NSI/01_Web_HTML_CSS/exercises.tex
index 6fe2542..46305cc 100644
--- a/1NSI/01_Web_HTML_CSS/exercises.tex
+++ b/1NSI/01_Web_HTML_CSS/exercises.tex
@@ -31,7 +31,7 @@
 \end{exercise}
 
 % ---- CSS 
-\begin{exercise}[subtitle={Modifier une feuille de style CSS}, step={2}, origin={Ma tête}, topics={ Web HTML}, tags={ Web }]
+\begin{exercise}[subtitle={Modifier une feuille de style CSS}, step={2}, origin={Ma tête}, topics={ Web CSS}, tags={ Web }]
     \begin{enumerate}
         \item Copier tous les fichiers du dossier \texttt{page\_CSS} puis modifier uniquement le fichier \texttt{style.css} pour que la page ressemble au rendu du pdf.
         \item Trouver la ligne de la page HTML qui permet d'importer le fichier \texttt{style.css}.
@@ -39,11 +39,20 @@
     \end{enumerate}
 \end{exercise}
 
-\begin{exercise}[subtitle={}, step={2}, origin={Ma tête}, topics={ Web HTML}, tags={ Web }]
-    En vous basant sur les documents pdf, reproduire chacun des exemples ci-dessous en partant de la \texttt{page\_style.html}.
+\begin{exercise}[subtitle={Reproduire des exemples}, step={2}, origin={Ma tête}, topics={ Web CSS}, tags={ Web }]
+    En vous basant sur les documents pdf, reproduire chacun des exemples ci-dessous en partant de la \texttt{page\_style.html} et en appliquant une feuille de style adaptée.
     \begin{enumerate}
-        \item Sélection par balises
-        \item Sélection par les sélecteurs
-        \item Mise en page
+        \item \texttt{page\_style\_balise}: utiliser les propriétés \texttt{background-color}, \texttt{text-align} et \texttt{width} aux balises.
+        \item \texttt{page\_style\_selecteurs}: utiliser les propriétés \texttt{color}, \texttt{backgroud-color}, \texttt{text-align} et \texttt{height} aux classes, identifiants et balises.
+        \item \texttt{page\_style\_margin\_padding}: utiliser les propriétés \texttt{backgroud-color}, \texttt{border}, \texttt{width}, \texttt{padding} et \texttt{margin} aux balises.
     \end{enumerate}
 \end{exercise}
+
+\begin{exercise}[subtitle={Pour aller plus loin}, step={2}, origin={Ma tête}, topics={ Web CSS}, tags={ Web }]
+    Quelques jeux pour apprendre à maitriser quelques propriétés CSS:
+    \begin{itemize}
+        \item Selection d'élément (anglais): \url{https://flukeout.github.oi/}
+        \item Organiser spatialement les éléments - flexbox: \url{https://flexboxfroggy.com/#fr}
+        \item Organiser spatialement les éléments - grid \url{https://cssgridgarden.com/#fr}
+    \end{itemize}
+\end{exercise}
diff --git a/1NSI/01_Web_HTML_CSS/plan_de_travail.pdf b/1NSI/01_Web_HTML_CSS/plan_de_travail.pdf
index d9e414d..cbb619b 100644
Binary files a/1NSI/01_Web_HTML_CSS/plan_de_travail.pdf and b/1NSI/01_Web_HTML_CSS/plan_de_travail.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/reprodution_css/assets/brutal-helm.png b/1NSI/01_Web_HTML_CSS/reproductions_css/assets/brutal-helm.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/reprodution_css/assets/brutal-helm.png
rename to 1NSI/01_Web_HTML_CSS/reproductions_css/assets/brutal-helm.png
diff --git a/1NSI/01_Web_HTML_CSS/reprodution_css/assets/crossbow.png b/1NSI/01_Web_HTML_CSS/reproductions_css/assets/crossbow.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/reprodution_css/assets/crossbow.png
rename to 1NSI/01_Web_HTML_CSS/reproductions_css/assets/crossbow.png
diff --git a/1NSI/01_Web_HTML_CSS/reprodution_css/assets/flame.png b/1NSI/01_Web_HTML_CSS/reproductions_css/assets/flame.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/reprodution_css/assets/flame.png
rename to 1NSI/01_Web_HTML_CSS/reproductions_css/assets/flame.png
diff --git a/1NSI/01_Web_HTML_CSS/reprodution_css/assets/mite-alt.png b/1NSI/01_Web_HTML_CSS/reproductions_css/assets/mite-alt.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/reprodution_css/assets/mite-alt.png
rename to 1NSI/01_Web_HTML_CSS/reproductions_css/assets/mite-alt.png
diff --git a/1NSI/01_Web_HTML_CSS/reprodution_css/assets/spider-alt.png b/1NSI/01_Web_HTML_CSS/reproductions_css/assets/spider-alt.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/reprodution_css/assets/spider-alt.png
rename to 1NSI/01_Web_HTML_CSS/reproductions_css/assets/spider-alt.png
diff --git a/1NSI/01_Web_HTML_CSS/reprodution_css/assets/spider-face.png b/1NSI/01_Web_HTML_CSS/reproductions_css/assets/spider-face.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/reprodution_css/assets/spider-face.png
rename to 1NSI/01_Web_HTML_CSS/reproductions_css/assets/spider-face.png
diff --git a/1NSI/01_Web_HTML_CSS/reprodution_css/page_style.html b/1NSI/01_Web_HTML_CSS/reproductions_css/page_style.html
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/reprodution_css/page_style.html
rename to 1NSI/01_Web_HTML_CSS/reproductions_css/page_style.html
diff --git a/1NSI/01_Web_HTML_CSS/reproductions_css/page_style_balise.pdf b/1NSI/01_Web_HTML_CSS/reproductions_css/page_style_balise.pdf
new file mode 100644
index 0000000..03049e4
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/reproductions_css/page_style_balise.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/reproductions_css/page_style_margin_padding.pdf b/1NSI/01_Web_HTML_CSS/reproductions_css/page_style_margin_padding.pdf
new file mode 100644
index 0000000..edfc8d9
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/reproductions_css/page_style_margin_padding.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/reproductions_css/page_style_selecteurs.pdf b/1NSI/01_Web_HTML_CSS/reproductions_css/page_style_selecteurs.pdf
new file mode 100644
index 0000000..d9f0b61
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/reproductions_css/page_style_selecteurs.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/brutal-helm.png b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/brutal-helm.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/brutal-helm.png
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/brutal-helm.png
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/crossbow.png b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/crossbow.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/crossbow.png
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/crossbow.png
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/flame.png b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/flame.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/flame.png
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/flame.png
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/mite-alt.png b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/mite-alt.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/mite-alt.png
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/mite-alt.png
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/spider-alt.png b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/spider-alt.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/spider-alt.png
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/spider-alt.png
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/spider-face.png b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/spider-face.png
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/assets/spider-face.png
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/assets/spider-face.png
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/page_style_balise.html b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/page_style_balise.html
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/page_style_balise.html
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/page_style_balise.html
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/page_style.html b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/page_style_margin_padding.html
similarity index 98%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/page_style.html
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/page_style_margin_padding.html
index 0284427..0cfd3cc 100644
--- a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/page_style.html
+++ b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/page_style_margin_padding.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="UTF-8">
 		<meta name="Author" content="">
-        <link rel="stylesheet" type="text/css" href="style.css">
+        <link rel="stylesheet" type="text/css" href="style_margin_padding.css">
 		<title>Une belle page</title>
 	</head>
 	<body>
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/page_style_selecteurs.html b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/page_style_selecteurs.html
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/page_style_selecteurs.html
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/page_style_selecteurs.html
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/style_balise.css b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/style_balise.css
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/style_balise.css
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/style_balise.css
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/style_margin_padding.css b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/style_margin_padding.css
new file mode 100644
index 0000000..eb462a2
--- /dev/null
+++ b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/style_margin_padding.css
@@ -0,0 +1,31 @@
+header {
+    background-color: magenta;
+    border: 3px solid darkorchid;
+    margin: 50px;
+}
+
+nav {
+    background-color: olive;
+    border: 3px solid olivedrab;
+    padding: 100px;
+}
+
+section {
+    background-color: red;
+    border: 3px solid darkorange;
+    margin-top: 30px;
+}
+
+footer {
+    background-color: cornsilk;
+    border: 3px solid chocolate;
+    margin-top: 40px;
+    margin-left: 30%;
+    margin-right: 30%;
+    padding: 10px;
+}
+
+
+img {
+    width: 100px;
+}
diff --git a/1NSI/01_Web_HTML_CSS/solutions/reprodution_css/style_selecteurs.css b/1NSI/01_Web_HTML_CSS/solutions/reproductions_css/style_selecteurs.css
similarity index 100%
rename from 1NSI/01_Web_HTML_CSS/solutions/reprodution_css/style_selecteurs.css
rename to 1NSI/01_Web_HTML_CSS/solutions/reproductions_css/style_selecteurs.css