diff --git a/data/cat.jpg b/data/cat.jpg
new file mode 100644
index 0000000..69a26c7
Binary files /dev/null and b/data/cat.jpg differ
diff --git a/exemples/exemples.md b/exemples/exemples.md
index e714dbf..a28652a 100644
--- a/exemples/exemples.md
+++ b/exemples/exemples.md
@@ -17,6 +17,12 @@ Contenu du `details`.
 
 La balise `<mark>` permet d'afficher simplement des éléments en <mark>surbrillance</mark>. Cela utilise la couleur d'accent claire (et sombre en mode sombre). Le style est proche de celui de code, mais sans monospace et avec la couleur d'accent.
 
+# Image
+
+Une image dans un paragraphe seul sera automatiquement en bloc, centrée et responsive
+
+![Une photo de chat, bien sûr](/cat.jpg)
+
 ## Classes utilitaires
 
 Quelques classes CSS sont utilisées afin d'avoir quelques outils supplémentaires utiles, notamment dans le cadre des flexboxes.
diff --git a/package.json b/package.json
index 01b0197..ae6456a 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "minify-no-source-map": "sass --watch --no-source-map scss/moineau.scss --style compressed dist/css/moineau.min.css",
     "build": "sass scss/moineau.scss dist/css/moineau.css && sass scss/moineau.scss --style compressed dist/css/moineau.min.css",
     "serve": "http-server ./dist & npm run site & npm run minify",
-    "site": "node generate.js"
+    "site": "cp data/cat.jpg dist/cat.jpg & node generate.js"
   },
   "repository": {
     "type": "git",
diff --git a/scss/moineau.scss b/scss/moineau.scss
index 4aa9e33..320a79f 100644
--- a/scss/moineau.scss
+++ b/scss/moineau.scss
@@ -140,6 +140,12 @@ pre, code {
     font-family: var(--font-family-monospace);
 }
 
+p > img:only-child {
+  display: block;
+  max-width: 100%;
+  margin:auto;
+}
+
 /* ------------------ TITLES ------------------- */
 
 hgroup > :is(h1, h2, h3, h4, h5, h6) {