diff --git a/exampleSite/README.md b/exampleSite/README.md
index d3f0f78fcb..9b7e8c6f21 100644
--- a/exampleSite/README.md
+++ b/exampleSite/README.md
@@ -1,8 +1,8 @@
 - récriture doc -> TODO
     - créer une section Showcase
 - créer des jolis thèmes de base (avec des noms) -> TODO
-- ajouter les childs -> TODO
 
+- ajouter les childs -> OK
 - ajouter les attachments -> OK
 - refaire la possibilité d'overrider le style/script/etc -> OK
 - sticky bar -> OK
diff --git a/exampleSite/content/cont/shortcodes.md b/exampleSite/content/cont/shortcodes.md
index 9cd67f696a..89ad8b05b8 100644
--- a/exampleSite/content/cont/shortcodes.md
+++ b/exampleSite/content/cont/shortcodes.md
@@ -14,10 +14,10 @@ To avoid this limitations, Hugo created [shortcodes](https://gohugo.io/extras/sh
 
 ## Attachments
 
-{{% attachments style="info" /%}}
-{{% attachments style="warning" /%}}
-{{% attachments style="note" /%}}
-{{% attachments style="tip" /%}}
+{{% attachments style="orange" /%}}
+{{% attachments style="grey" /%}}
+{{% attachments style="blue" /%}}
+{{% attachments style="green" /%}}
 {{% attachments /%}}
 
 ## Notice
diff --git a/static/css/theme.css b/static/css/theme.css
index 4b82d8cd74..31dccf4ff7 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -554,42 +554,42 @@ section.attachments .attachments-files {
     color: #666;
 }
 
-section.attachments.info label {
+section.attachments.orange label {
     color: #fff;
     background: #F0B37E;
 }
 
-section.attachments.info .attachments-files {
+section.attachments.orange .attachments-files {
     background: #FFF2DB;
 }
 
-section.attachments.tip label {
+section.attachments.green label {
     color: #fff;
     background: rgba(92, 184, 92, 0.8);
 }
 
-section.attachments.tip .attachments-files {
+section.attachments.green .attachments-files {
     background: #E6F9E6;
 }
 
-section.attachments.warning label {
-    color: #fff;
-    background: rgba(217, 83, 79, 0.8);
-}
-
-section.attachments.warning .attachments-files {
-    background: #FAE2E2;
-}
-
-section.attachments.note label {
+section.attachments.blue label {
     color: #fff;
     background: #6AB0DE;
 }
 
-section.attachments.note .attachments-files {
+section.attachments.blue .attachments-files {
     background: #E7F2FA;
 }
 
+section.attachments.grey label {
+    color: #fff;
+    background: #505d65;
+}
+
+section.attachments.grey .attachments-files {
+    background: #f4f4f4;
+}
+
 /* Children shortcode */
 
 /* Children shortcode */