diff --git a/css/ajout.css b/css/ajout.css
new file mode 100644
index 0000000..1993b1f
--- /dev/null
+++ b/css/ajout.css
@@ -0,0 +1,34 @@
+/*******************************************************
+ * Ajout 
+ *******************************************************/
+
+.modele-sousrubrique-bouton.bouton-utilise {
+    max-width: 480px;
+}
+
+.modele-sousrubrique-bouton img {
+    margin-right: 16px;
+}
+
+.modele-sousrubrique-bouton.bouton-utilise {
+    display: flex;
+    align-items: center;
+    text-align: left;
+}
+
+.modele-rubrique-soustitre {
+    font-style: italic;
+}
+
+.modele-sousrubrique-liste {
+    margin-top: 30px;
+}
+
+@media screen and (max-width: 600px) {
+    
+    .spip_documents_right img {
+        width: 120px;
+        height: auto;
+    }
+    
+}
diff --git a/inclure/head.html b/inclure/head.html
index a3eb7fa..6b8869d 100644
--- a/inclure/head.html
+++ b/inclure/head.html
@@ -6,3 +6,4 @@
 [(#REM) Feuilles de style perso]   
 <link href="#CHEMIN{css/perso.css}" rel="stylesheet"  type="text/css" />
 <link rel="shortcut icon" href="#CHEMIN{css/favicon.ico}" type="image/x-icon">
+<link href="#CHEMIN{css/ajout.css}" rel="stylesheet"  type="text/css" />
diff --git a/modeles/sousrubrique.html b/modeles/sousrubrique.html
new file mode 100644
index 0000000..8c2b0e0
--- /dev/null
+++ b/modeles/sousrubrique.html
@@ -0,0 +1,12 @@
+<div class="modele-sousrubrique-liste">
+<BOUCLE_sousrubriques(RUBRIQUES) {id_rubrique=#ENV{id}}>
+    <BOUCLE_sousarticles(ARTICLES){id_rubrique}>
+    <article>
+        <a class="modele-sousrubrique-bouton bouton-utilise" href="#URL_ARTICLE">
+            [(#LOGO_ARTICLE|image_reduire{48,48})]
+        <span>#SURTITRE<br><span class="modele-rubrique-soustitre">#SOUSTITRE</span></span>
+        </a>
+    </article>
+    </BOUCLE_sousarticles>
+</BOUCLE_sousrubriques>
+</div>