diff --git a/css/ajout.css b/css/ajout.css
index c0daddd..4deb34f 100644
--- a/css/ajout.css
+++ b/css/ajout.css
@@ -39,6 +39,18 @@
     margin-top: 30px;
 }
 
+.modele-grosbouton {
+    display: inline-block;
+}
+
+.modele-sousrubrique-bouton > span {
+    color: white;
+    font-weight: normal;
+    font-size: small;
+    text-transform: none;
+    font-style: italic;
+}
+
 @media screen and (max-width: 1240px) {
     
     .spip_documents_right img {
diff --git a/css/perso-modif.css b/css/perso-modif.css
index a6b0353..2b09dc4 100644
--- a/css/perso-modif.css
+++ b/css/perso-modif.css
@@ -604,8 +604,9 @@ footer ul a:hover{
 .contenu-texte ul {
     list-style: none;
     padding-left: 20px;
+    padding-bottom: 6px;
 }
-.contenu-texte li {
+.contenu-texte ul li {
     list-style-image: url("../img/fleche.png");
     list-style-position: inside;
     text-indent: -20px;
@@ -614,6 +615,13 @@ footer ul a:hover{
 .contenu-texte li:first-child {
 padding-top: 10px;
 }
+.contenu-texte ol {
+    padding-left: 20px;
+    padding-bottom: 6px;
+}
+.contenu-texte ol li {
+    padding: 4px 0;
+}
 
 .contenu-texte .suitedarticles {
      /*  ------- positionnement */
@@ -630,6 +638,10 @@ padding-top: 10px;
     margin: 3rem 0 1rem;
 }
 
+.contenu-texte p {
+    padding-bottom: 6px;
+}
+
 /* -------------------- MOBILE 1240 -------------------- */
 
 @media screen and (max-width: 1240px) {
diff --git a/modeles/grosbouton.html b/modeles/grosbouton.html
new file mode 100644
index 0000000..0470633
--- /dev/null
+++ b/modeles/grosbouton.html
@@ -0,0 +1,3 @@
+<a class="modele-grosbouton bouton-utilise" href="#ENV{url}">
+    <span>#ENV{titre}</span>
+</a>