diff --git a/article.html b/article.html
index d55a6ec08860f14c298c6cb87ed3a9a2f4a3ddc3..ca9d53bb20e7a712b96e47f320355b6835c41983 100644
--- a/article.html
+++ b/article.html
@@ -24,7 +24,7 @@
 ]</BOUCLE_TypeArticle>
 
 	[(#REM)Ne pas afficher 2 fois les NOTES][(#NOTES|?{'',''})]
-[(#CONFIG{soyezcreateurs_layout/positioncartouche,bas}|=={haut}|oui)[(#INCLURE{fond=noisettes/cartouches/article_cartouche,id_article,archive,lang})]]
+[(#CONFIG{soyezcreateurs_layout/positioncartouche,bas}|=={haut}|oui)[(#INCLURE{fond=noisettes/cartouches/article_cartouche,id_article,archive,lang,ajax})]]
 
 <div class="texte">
 [(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]
@@ -151,7 +151,7 @@
 </tbody>
 </table>
 </B_signatures>
-[(#CONFIG{soyezcreateurs_layout/positioncartouche,bas}|=={bas}|oui)[(#INCLURE{fond=noisettes/cartouches/article_cartouche,id_article,archive,lang,classe=artrecent_bas})]]
+[(#CONFIG{soyezcreateurs_layout/positioncartouche,bas}|=={bas}|oui)[(#INCLURE{fond=noisettes/cartouches/article_cartouche,id_article,archive,lang,classe=artrecent_bas,ajax})]]
 
 <//B_TypeArticle><//B_TypeRubrique>
 <INCLURE{fond=noisettes/footer/footer}
diff --git a/noisettes/cartouches/article_cartouche.html b/noisettes/cartouches/article_cartouche.html
index 8db962e4e0981b002a09de42ade6c58fd1ee1b09..e846e1ac5462cef597437a89788b5b80d7e60ade 100644
--- a/noisettes/cartouches/article_cartouche.html
+++ b/noisettes/cartouches/article_cartouche.html
@@ -15,11 +15,13 @@
 <//B_ClassementAlpha>
 		<B_articles_rubrique>
 		<h2 title="<:soyezcreateurs:memerubrique|replace{\.\.\.,''}:>: [(#INFO_TITRE{rubrique,#ID_RUBRIQUE}|supprimer_tags|attribut_html)]"><:soyezcreateurs:memerubrique:></h2>
-		<ul>
-		<BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {tri #GET{tri},#GET{senstri}} {lang} {!archive}>
+		#ANCRE_PAGINATION
+		<ul class="artrecents-items">
+		<BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {tri #GET{tri},#GET{senstri}} {lang} {!archive} {pagination 10}>
 			<li class="#EDIT{titre}[ (#COMPTEUR_BOUCLE|alterner{'odd',''})]">[(#ID_ARTICLE|!={#ENV{id_article}}|oui)<a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>][(#TITRE)][(#ID_ARTICLE|!={#ENV{id_article}}|?{'</a>'})]</li>
 		</BOUCLE_articles_rubrique>
 		</ul>
+		[<nav role="navigation" class="pagination">(#PAGINATION)</nav>]
 		</B_articles_rubrique>
 <//B_AfficherArticlesMenu>
 </BOUCLE_PlusieursArticles>
diff --git a/paquet.xml b/paquet.xml
index 8f4a16be0b767babc035870b1e243bdc6e1a52a1..535cfd8d69226d5bb91d1414d4038d28d0957984 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
 <paquet
 	prefix="soyezcreateurs"
 	categorie="squelette"
-	version="5.2.9"
+	version="5.2.10"
 	etat="stable"
 	compatibilite="[3.1.8;4.0.*]"
 	logo="img_pack/soyezcreateurs-32.png"
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index 6b9926f244baa30128c250e402aff53c7d4068cb..a3b025038c55a763f5d5e24e4d3a1b8718d20a63 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -360,6 +360,22 @@ ul.spip li, ol.spip li { margin-bottom: 0.25em; }
 h3.titrem {position:relative;}
 .formulaire_spip h3.titrem {background-color: [#(#GET{c_cadrestexte}|couleur_eclaircir)];color: #4A4A4A;}
 
+/* Pagination */
+.pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center; margin: 1rem; line-height: 1.2; }
+.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
+.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
+.pagination .pagination-item + .pagination-item {  margin-left: 0.5rem }
+.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5rem; border-radius:.25rem; text-align: center;}
+.pagination .on .pagination-item-label,
+.pagination a[href].pagination-item-label:hover,
+.pagination a[href].pagination-item-label:focus,
+.pagination a[href].pagination-item-label:active { background: #GET{c_fildarianehome}; color: #GET{c_fildariane_bk}; }
+.pagination .on .pagination-item-label {font-weight: bold;}
+.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
+.pagination .pagination-item.disabled {}
+.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
+.menu_articles .pagination strong {font-size:1rem;}
+
 /* ul li -----*/
 .formulaire_spip fieldset {padding-left:10px;padding-right:10px;margin-bottom:.25em}
 .formulaire_spip .editer-groupe {padding: .25em 0;}
@@ -878,7 +894,7 @@ a#logo { display: block; clear: right; margin-left: 80px; }
 #menu li strong a:visited, #menu li strong a:link {
 	background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong};
 }
-#menu li a:hover, #menu li a:focus, #cadre_outils li a:hover, #cadre_outils li a:focus, #artrecents a:hover, #artrecents a:focus, #artrecents .odd a:hover, #artrecents .odd a:focus { background-color: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; text-decoration: none; }
+#menu li a:hover, #menu li a:focus, #cadre_outils li a:hover, #cadre_outils li a:focus, #artrecents .artrecents-items a:hover, #artrecents .artrecents-items a:focus, #artrecents .artrecents-items .odd a:hover, #artrecents .artrecents-items .odd a:focus { background-color: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; text-decoration: none; }
 #menu li a:active, #cadre_outils li a:active { background-color: #GET{c_menu_a_active_bk}; color: #GET{c_menu_a_active}; }
 #menu form { padding: 0; margin: 0; }
 #menu h2 { [background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true});] color: #GET{c_menu_a}; border-left: none; padding: 5px 10px 5px 2px; padding-right:10px; padding-left:2px; margin-top: 5px; margin-bottom: 5px; font-size: 1.2em; font-weight: bold; text-align: left; }
@@ -952,7 +968,7 @@ a#logo { display: block; clear: right; margin-left: 80px; }
 #menufooter a, #menufooter a:link, #menufooter a:visited { background: transparent; color: #GET{c_menubas}; display: inline-block; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; }
 #menufooter a:hover, #menufooter a:focus { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; }
 #menufooter strong a, #menufooter strong a:visited, #menufooter strong a:link { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; }
-#menufooter a:hover, #menufooter a:focus, #menufooter a:active, #artrecents a:active { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; text-decoration: none; }
+#menufooter a:hover, #menufooter a:focus, #menufooter a:active, #artrecents .artrecents-items a:active { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; text-decoration: none; }
 /* bandeau de contact dans le footer */
 .bandeaupartenaires { background-color: #FFF; }
 .bandeaupartenaires .flexbox--center { width: 220px; }
@@ -1276,12 +1292,12 @@ table.programmation caption { text-align: left; }
 	border-right-color: [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{70})];
 	font-size: #CONFIG{soyezcreateurs_couleurs/fontsizeartrecents,1.1}em;
 }
-#artrecents li { background: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-weight: normal; text-align: left; text-decoration: none; }
-#artrecents .odd { background-color: transparent; color: [(#GET{c_cadrestexte})];}
-#artrecents .odd a { background-color: transparent; color: inherit;}
-#artrecents ul { margin-left: 0.4em; margin-bottom: 0; padding-left: 1.2em; }
-#artrecents ul ul { margin-left: 0; }
-#artrecents li, #artrecents li.odd { list-style-type: disc; }
+#artrecents .artrecents-items li { background: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-weight: normal; text-align: left; text-decoration: none; }
+#artrecents .artrecents-items .odd { background-color: transparent; color: [(#GET{c_cadrestexte})];}
+#artrecents .artrecents-items .odd a { background-color: transparent; color: inherit;}
+#artrecents ul.artrecents-items { margin-left: 0.4em; margin-bottom: 0; padding-left: 1.2em; }
+#artrecents ul.artrecents-items ul { margin-left: 0; }
+#artrecents .artrecents-items li, #artrecents .artrecents-items li.odd { list-style-type: disc; }
 .secondary-information { font-size: 0.8em; font-style: italic; opacity: 0.5; }
 /* documents dans sommaire début d'article */
 .docjoints { clear: left; }
@@ -3175,7 +3191,7 @@ margin-bottom: 1em;
 .portailcognac #artrecents h2 {
   padding-bottom: 1rem;
 }
-.portailcognac #artrecents ul {
+.portailcognac #artrecents .artrecents-items ul {
   line-height: 2;
 }