diff --git a/css/style.css b/css/style.css
index fb7e3a0..8a0588f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -46,85 +46,85 @@
 /* Core Import
 =================================================== */
 body {
-    background: #f1f4f9;
-    color: #34495e;
-    font-family: 'Roboto', sans-serif;
+	background: #f1f4f9;
+	color: #34495e;
+	font-family: 'Roboto', sans-serif;
 }
 
 a {
-    color: #1042fb;
-    transition: all .5s;
+	color: #1042fb;
+	transition: all .5s;
 }
 
 a:hover {
-    color: #122f9d;
+	color: #122f9d;
 }
 
 @media (max-width: 768px) {
-    h1 {
-        font-size:1.8rem;
-    }
+	h1 {
+		font-size:1.8rem;
+	}
 
-    h2 {
-        font-size: 1.2rem;
-    }
+	h2 {
+		font-size: 1.2rem;
+	}
 }
 
 /* Font
 =================================================== */
 .roboto {
-    font-family: 'Roboto', sans-serif;
+	font-family: 'Roboto', sans-serif;
 }
 
 .crimson {
-    font-family: 'Crimson Text', serif;
+	font-family: 'Crimson Text', serif;
 }
 
 /* Color
 =================================================== */
 .theme {
-    background-color: #7e735f;
-    color: #fff;
+	background-color: #7e735f;
+	color: #fff;
 }
 
 .theme-col-1 {
-    background-color: #1042fb;
+	background-color: #1042fb;
 }
 
 .theme-col-2 {
-    background-color: #01c853;
+	background-color: #01c853;
 }
 
 .theme-col-3 {
-    background-color: #ffb901;
+	background-color: #ffb901;
 }
 
 .theme-col-4 {
-    background-color: #765f89;
+	background-color: #765f89;
 }
 
 .theme-col-5 {
-    background-color: #00b294;
+	background-color: #00b294;
 }
 
 .theme-col-6 {
-    background-color: #2d7c9a;
+	background-color: #2d7c9a;
 }
 
 .theme-col-7 {
-    background-color: #0078d7;
+	background-color: #0078d7;
 }
 
 .theme-col-8 {
-    background-color: #e64856;
+	background-color: #e64856;
 }
 
 .theme-col-9 {
-    background-color: #55acef;
+	background-color: #55acef;
 }
 
 .theme-col-10 {
-    background-color: #f7630d;
+	background-color: #f7630d;
 }
 
 /* Layout
@@ -132,179 +132,178 @@ a:hover {
 /* header
 ----------------------------------*/
 header {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
+	margin-top: 1rem;
+	margin-bottom: 1rem;
 }
 
 header p {
-    margin: 0;
+	margin: 0;
 }
 
 header a:hover {
-    color: #1042fb;
-    text-decoration: none;
+	color: #1042fb;
+	text-decoration: none;
 }
 
 .banner-wrapper {
-    background: #fff url("../img/banner.png") no-repeat top 35% right 0%;
-    padding-top: 1rem;
+	background: #fff url("../img/banner.png") no-repeat top 35% right 0%;
+	padding-top: 1rem;
 }
 
 @media (max-width: 1200px) {
-    .banner-wrapper {
-        background:#fff url("../img/banner.png") no-repeat top 45% left 10%;
-    }
+	.banner-wrapper {
+		background:#fff url("../img/banner.png") no-repeat top 45% left 10%;
+	}
 }
 
 .header-main {
-    display: flex;
-    align-items: flex-end;
-    justify-content: space-between;
+	display: flex;
+	align-items: flex-end;
+	justify-content: space-between;
 }
 
 .banner-title {
-    font-size: 5rem;
-    color: #18223f;
-    font-family: "Times New roman";
-    line-height: 90%;
-    margin-right: 1rem;
-    width: 30%;
-    width: 14rem;
+	font-size: 4rem;
+	color: #18223f;
+	font-family: "Times New roman";
+	line-height: 90%;
+	margin-right: 1rem;
+	width: 14rem;
 }
 
 .banner-title a {
-    color: #18223f;
+	color: #18223f;
 }
 
 .banner-desc {
-    font-size: 0.88rem;
-    color: #95a5a6;
-    font-family: 'Roboto', sans-serif;
-    line-height: 100%;
-    text-align: center;
+	font-size: 0.88rem;
+	color: #95a5a6;
+	font-family: 'Roboto', sans-serif;
+	line-height: 100%;
+	text-align: center;
 }
 
 .banner-nav {
-    /*background-color:#f9d8ff;*/
-    width: 68%;
-    width: calc(100% - 14rem);
-    margin-bottom: .2rem;
+	/*background-color:#f9d8ff;*/
+	width: 68%;
+	width: calc(100% - 14rem);
+	margin-bottom: .2rem;
 }
 
 .banner-nav ul {
-    display: flex;
-    justify-content: space-around;
+	display: flex;
+	justify-content: space-around;
 }
 
 .banner-nav a {
-    text-transform: uppercase;
-    font-weight: bold;
-    font-size: .9rem;
-    color: #18223f;
-    letter-spacing: .15rem;
+	text-transform: uppercase;
+	font-weight: bold;
+	font-size: .9rem;
+	color: #18223f;
+	letter-spacing: .15rem;
 }
 
 .header-sidebar {
-    display: flex;
+	display: flex;
 }
 
 /* formulaire recherche */
 .search-form {
-    position: relative;
-    color: #1041fb;
-    margin-bottom: .4rem;
+	position: relative;
+	color: #1041fb;
+	margin-bottom: .4rem;
 }
 
 .search {
-    border: 1px solid #eaefff;
-    border-radius: 5px;
-    width: 100%;
-    padding: 0.25rem .6rem;
-    color: #2d3e4a;
-    font-size: .9rem;
+	border: 1px solid #eaefff;
+	border-radius: 5px;
+	width: 100%;
+	padding: 0.25rem .6rem;
+	color: #2d3e4a;
+	font-size: .9rem;
 }
 
 .search-submit {
-    color: #1041fb;
-    fill: #9C27B0;
-    width: 18px;
-    height: 18px;
-    position: absolute;
-    top: 7px;
-    right: -25px;
+	color: #1041fb;
+	fill: #9C27B0;
+	width: 18px;
+	height: 18px;
+	position: absolute;
+	top: 7px;
+	right: -25px;
 }
 
 @media (max-width: 992px) {
-    .search {
-        width:120px;
-    }
+	.search {
+		width:120px;
+	}
 }
 
 @media (max-width: 768px) {
-    header {
-        margin-top:0;
-    }
+	header {
+		margin-top:0;
+	}
 
-    .search {
-        width: 100%;
-    }
+	.search {
+		width: 100%;
+	}
 
-    .search-form {
-        margin-top: 1rem;
-    }
+	.search-form {
+		margin-top: 1rem;
+	}
 }
 
 .banner-row-2 {
-    font-size: 0.8rem;
-    color: #515563;
-    padding: 0.5rem 0;
+	font-size: 0.8rem;
+	color: #515563;
+	padding: 0.5rem 0;
 }
 
 @media (max-width: 1200px) {
-    .header-main {
-        /*display:block;*/
-    }
+	.header-main {
+		/*display:block;*/
+	}
 
-    .banner-title {
-        font-size: 2.5rem;
-        width: 11rem;
-    }
+	.banner-title {
+		font-size: 2.5rem;
+		width: 11rem;
+	}
 
-    .banner-desc {
-        font-size: .7rem;
-        padding-bottom: 4px;
-        text-align: left;
-    }
+	.banner-desc {
+		font-size: .7rem;
+		padding-bottom: 4px;
+		text-align: left;
+	}
 
-    .banner-nav {
-    }
+	.banner-nav {
+	}
 
-    .banner-nav ul {
-        margin-top: 1rem;
-        justify-content: flex-end;
-    }
+	.banner-nav ul {
+		margin-top: 1rem;
+		justify-content: flex-end;
+	}
 
-    .banner-nav a {
-        margin-right: 1rem;
-        text-transform: lowercase;
-        letter-spacing: normal;
-        background: #ffffff85;
-    }
+	.banner-nav a {
+		margin-right: 1rem;
+		text-transform: lowercase;
+		letter-spacing: normal;
+		background: #ffffff85;
+	}
 
-    .banner-nav-home, .banner-row-2 {
-        display: none;
-    }
+	.banner-nav-home, .banner-row-2 {
+		display: none;
+	}
 }
 
 @media (max-width: 768px) {
-    .banner-nav ul {
-        justify-content:flex-start;
-    }
+	.banner-nav ul {
+		justify-content:flex-start;
+	}
 
-    .banner-nav ul a {
-        font-size: .8rem;
-        line-height: 110%;
-    }
+	.banner-nav ul a {
+		font-size: .8rem;
+		line-height: 110%;
+	}
 }
 
 /* content
@@ -312,377 +311,377 @@ header a:hover {
 /* sidebar
 ----------------------------------*/
 .bloc {
-    background-color: #fff;
-    padding: 1rem;
-    margin-bottom: 1rem;
-    width: 100%;
-    position: relative;
+	background-color: #fff;
+	padding: 1rem;
+	margin-bottom: 1rem;
+	width: 100%;
+	position: relative;
 }
 
 .bloc-transparent {
-    background-color: transparent;
+	background-color: transparent;
 }
 
 .bloc-title {
-    font-family: 'Crimson Text', serif;
-    color: #1041fb;
-    font-weight: bold;
-    font-size: 1.1rem;
-    line-height: 110%;
+	font-family: 'Crimson Text', serif;
+	color: #1041fb;
+	font-weight: bold;
+	font-size: 1.1rem;
+	line-height: 110%;
 }
 
 .bloc-illus {
-    margin: .75rem 0;
-    text-align: center;
+	margin: .75rem 0;
+	text-align: center;
 }
 
 .bloc-illus img {
-    max-width: 100%;
-    height: auto;
+	max-width: 100%;
+	height: auto;
 }
 
 .bloc-intro {
-    font-size: 0.9rem;
-    color: #34495e;
-    line-height: 130%;
+	font-size: 0.9rem;
+	color: #34495e;
+	line-height: 130%;
 }
 
 .bloc a {
-    display: block;
+	display: block;
 }
 
 .bloc-intro a {
-    display: inline-block;
+	display: inline-block;
 }
 
 .bloc a:hover, .bloc a:hover .bloc-title, .bloc a:hover .bloc-intro {
-    text-decoration: none;
-    color: #2d7c9a;
+	text-decoration: none;
+	color: #2d7c9a;
 }
 
 .bloc-more {
-    color: #00cafd;
-    font-size: .9rem;
-    text-decoration: underline;
+	color: #00cafd;
+	font-size: .9rem;
+	text-decoration: underline;
 }
 
 .bloc-marger {
-    margin: 1rem 0;
+	margin: 1rem 0;
 }
 
 /* bloc declinaisons ... */
 .bloc-newsletter .bloc-title {
-    margin-top: 1.5rem;
+	margin-top: 1.5rem;
 }
 
 .bloc-newsletter-illus {
-    position: absolute;
-    top: -15px;
-    right: 1rem;
+	position: absolute;
+	top: -15px;
+	right: 1rem;
 }
 
 @media (max-width: 768px) {
-    .bloc {
-        margin-left:1rem;
-        margin-right: 1rem;
-    }
+	.bloc {
+		margin-left:1rem;
+		margin-right: 1rem;
+	}
 
-    .bloc-newsletter {
-        margin-top: 3rem;
-    }
+	.bloc-newsletter {
+		margin-top: 3rem;
+	}
 }
 
 /* partners
 ----------------------------------*/
 .partners {
-    margin-top: 3rem;
-    text-align: center;
+	margin-top: 3rem;
+	text-align: center;
 }
 
 .partners img {
-    max-width: 150px;
-    height: auto;
-    margin: 1rem;
+	max-width: 150px;
+	height: auto;
+	margin: 1rem;
 }
 
 @media (max-width: 768px) {
-    .partners img {
-        max-width:80px;
-    }
+	.partners img {
+		max-width:80px;
+	}
 }
 
 /* footer
 ----------------------------------*/
 .footer {
-    font-size: .9rem;
-    margin-top: 2rem;
-    margin-bottom: 2rem;
+	font-size: .9rem;
+	margin-top: 2rem;
+	margin-bottom: 2rem;
 }
 
 .footer a {
-    color: #2c3e50;
+	color: #2c3e50;
 }
 
 .footer a:hover {
-    color: #7e735f;
+	color: #7e735f;
 }
 
 .footer-row-1 {
-    align-items: center;
+	align-items: center;
 }
 
 .footer-title {
-    font-size: 3.5rem;
-    color: #18223f;
-    font-family: "Times New roman";
-    line-height: 100%;
+	font-size: 3.5rem;
+	color: #18223f;
+	font-family: "Times New roman";
+	line-height: 100%;
 }
 
 .footer-sep {
-    padding-top: 0.8rem;
-    border-bottom: 3px solid #34495e;
+	padding-top: 0.8rem;
+	border-bottom: 3px solid #34495e;
 }
 
 .footer-link {
-    margin: 0;
-    padding: 0.8rem 0 0 0;
+	margin: 0;
+	padding: 0.8rem 0 0 0;
 }
 
 .footer-link ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
+	list-style: none;
+	margin: 0;
+	padding: 0;
 }
 
 .footer-link li {
-    display: inline-block;
-    margin-left: 1.2rem;
+	display: inline-block;
+	margin-left: 1.2rem;
 }
 
 .footer-row-2 {
-    color: #95a5a6;
+	color: #95a5a6;
 }
 
 .footer a {
-    text-decoration: none;
+	text-decoration: none;
 }
 
 @media (max-width: 768px) {
-    .footer {
-        font-size:0.8rem;
-    }
+	.footer {
+		font-size:0.8rem;
+	}
 
-    .footer-title {
-        font-size: 2.2rem;
-    }
+	.footer-title {
+		font-size: 2.2rem;
+	}
 
-    .footer-link li {
-        display: block;
-        margin-right: 1rem;
-    }
+	.footer-link li {
+		display: block;
+		margin-right: 1rem;
+	}
 
-    .footer-row-2 {
-        padding-top: 1rem;
-        text-align: center;
-    }
+	.footer-row-2 {
+		padding-top: 1rem;
+		text-align: center;
+	}
 }
 
 /* Utility
 =================================================== */
 .rdw-show {
-    display: none;
+	display: none;
 }
 
 .rdw-hidden {
-    display: show;
+	display: show;
 }
 
 .uppercase {
-    text-transform: uppercase;
+	text-transform: uppercase;
 }
 
 .right {
-    float: right;
+	float: right;
 }
 
 .left {
-    float: left;
+	float: left;
 }
 
 .center {
-    text-align: center;
+	text-align: center;
 }
 
 .spacer {
-    clear: both;
+	clear: both;
 }
 
 .marger-top {
-    margin-top: 2rem !important;
+	margin-top: 2rem !important;
 }
 
 .liner-bottom {
-    border-bottom: 1px solid #aaa;
-    padding-bottom: 0.5rem;
-    margin-bottom: 1rem;
+	border-bottom: 1px solid #aaa;
+	padding-bottom: 0.5rem;
+	margin-bottom: 1rem;
 }
 
 @media (max-width: 800px) {
-    .rdw-show {
-        display:show;
-    }
+	.rdw-show {
+		display:show;
+	}
 
-    .rdw-hidden {
-        display: none;
-    }
+	.rdw-hidden {
+		display: none;
+	}
 }
 
 /* SPIP
 =================================================== */
 .article-texte h3, h3.spip {
-    margin-top: 1rem;
-    font-size: 1.2rem;
-    font-weight: bold;
+	margin-top: 1rem;
+	font-size: 1.2rem;
+	font-weight: bold;
 }
 
 tt, .spip_code {
-    font-family: monospace;
-    color: #474646;
-    background: #efefef;
-    padding: 1px 4px;
-    margin: 0 3px;
-    border: 1px solid #d3d2d2;
-    font-weight: bold;
+	font-family: monospace;
+	color: #474646;
+	background: #efefef;
+	padding: 1px 4px;
+	margin: 0 3px;
+	border: 1px solid #d3d2d2;
+	font-weight: bold;
 }
 
 .spip_poesie {
-    color: #414141;
-    background: #efefef;
-    margin: 1rem 0;
-    padding: 1rem;
-    border-radius: 0.25rem;
-    width: 100%;
+	color: #414141;
+	background: #efefef;
+	margin: 1rem 0;
+	padding: 1rem;
+	border-radius: 0.25rem;
+	width: 100%;
 }
 
 textarea.spip_cadre {
-    color: #ededed;
-    background: #414141;
-    margin: 1rem 0;
-    padding: 1rem;
-    border-radius: 0.25rem;
-    width: 100% !important;
+	color: #ededed;
+	background: #414141;
+	margin: 1rem 0;
+	padding: 1rem;
+	border-radius: 0.25rem;
+	width: 100% !important;
 }
 
 blockquote.spip {
-    color: #ededed;
-    background: #414141;
-    margin: 1rem 0;
-    padding: 1rem;
-    border-radius: 0.25rem;
-    width: 100%;
+	color: #ededed;
+	background: #414141;
+	margin: 1rem 0;
+	padding: 1rem;
+	border-radius: 0.25rem;
+	width: 100%;
 }
 
 blockquote.spip p:first-child {
-    margin-bottom: 0;
+	margin-bottom: 0;
 }
 
 blockquote.spip a {
-    color: #8bedde;
+	color: #8bedde;
 }
 
 blockquote.spip a:hover {
-    color: #6ab7ac;
+	color: #6ab7ac;
 }
 
 table.spip {
 }
 
 table.spip td {
-    padding: 1rem;
+	padding: 1rem;
 }
 
 tr.odd {
-    background-color: #eee;
+	background-color: #eee;
 }
 
 tr.even {
-    background-color: #7e7a7a;
+	background-color: #7e7a7a;
 }
 
 /* Document (version 2015.03.04) */
 dl.spip_documents {
-    margin: 0;
+	margin: 0;
 }
 
 .spip_documents a.spip_out {
-    background: transparent !important;
-    text-decoration: none!important;
-    border: 0px #fff !important;
+	background: transparent !important;
+	text-decoration: none!important;
+	border: 0px #fff !important;
 }
 
 /* pour eviter les bordures sur lien img [<img1>->url] */
 .spip_documents_left {
-    float: left;
-    margin-right: 1.5em;
-    margin-bottom: 0.8em;
+	float: left;
+	margin-right: 1.5em;
+	margin-bottom: 0.8em;
 }
 
 .spip_documents_right {
-    float: right;
-    margin-left: 1.5em;
-    margin-bottom: 0.8em;
+	float: right;
+	margin-left: 1.5em;
+	margin-bottom: 0.8em;
 }
 
 @media (max-width: 1100px) {
-    .spip_documents_left, .spip_documents_right {
-        float:none;
-        margin: 1em 0;
-    }
+	.spip_documents_left, .spip_documents_right {
+		float:none;
+		margin: 1em 0;
+	}
 }
 
 dl.spip_documents_center, .spip_documents_center {
-    display: block !important;
-    float: none;
-    text-align: center;
-    margin: .8em auto;
+	display: block !important;
+	float: none;
+	text-align: center;
+	margin: .8em auto;
 }
 
 .spip_doc_titre, .spip_doc_descriptif {
-    clear: both;
-    font-size: 0.8em;
-    margin: 0 auto;
-    font-family: Verdana;
+	clear: both;
+	font-size: 0.8em;
+	margin: 0 auto;
+	font-family: Verdana;
 }
 
 img.spip_logos {
-    margin: 10px;
+	margin: 10px;
 }
 
 dl.spip_documents a img {
-    border: 0 !important;
+	border: 0 !important;
 }
 
 /* modele speciale img afficher titre et desc */
 .spip_doc_titre {
-    font-size: 0.9em;
-    font-weight: bold;
+	font-size: 0.9em;
+	font-weight: bold;
 }
 
 .spip_doc_descriptif {
-    font-size: 0.8em;
-    font-weight: normal;
+	font-size: 0.8em;
+	font-weight: normal;
 }
 
 dd.spip_doc_credits {
-    font-size: 0.8em;
-    text-align: center;
-    margin: 0;
+	font-size: 0.8em;
+	text-align: center;
+	margin: 0;
 }
 
 hr.spip {
-    border: none;
-    border-top: 1px solid #d5d5d5;
-    clear: both;
+	border: none;
+	border-top: 1px solid #d5d5d5;
+	clear: both;
 }
 
 /* formulaire spip */
@@ -690,94 +689,135 @@ hr.spip {
 }
 
 .formulaire_spip label {
-    display: block;
-    margin-top: 1rem;
+	display: block;
+	margin-top: 1rem;
 }
 
 .formulaire_spip .text, .formulaire_spip textarea {
-    padding: 0.3rem;
+	padding: 0.3rem;
 }
 
 .formulaire_spip .submit {
-    margin: 1rem 0;
+	margin: 1rem 0;
 }
 
 legend {
-    font-size: 1.2rem;
+	font-size: 1.2rem;
 }
 
 .erreur_message {
-    font-size: 11px;
-    color: #d00;
-    display: block;
-    font-family: arial,verdana;
-    font-size: 110%;
+	font-size: 11px;
+	color: #d00;
+	display: block;
+	font-family: arial,verdana;
+	font-size: 110%;
 }
 
 .reponse_formulaire {
-    margin: 1em 0;
-    font-family: arial,verdana;
-    font-size: 110%;
+	margin: 1em 0;
+	font-family: arial,verdana;
+	font-size: 110%;
 }
 
 .reponse_formulaire_ok {
-    color: #0a0;
-    font-family: arial,verdana;
-    font-size: 110%;
+	color: #0a0;
+	font-family: arial,verdana;
+	font-size: 110%;
 }
 
 .formulaire_spip ul, .formulaire_spip li {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+	margin: 0;
+	padding: 0;
+	list-style: none;
 }
 
 .spip_surligne {
-    background: yellow;
+	background: yellow;
 }
 
 /* pagination */
 .pagination {
-    padding-top: 1rem;
-    font-size: 1rem;
-    display: flex;
-    align-items: center;
+	padding-top: 1rem;
+	font-size: 1rem;
+	display: flex;
+	align-items: center;
 }
 
-.pagination-top {
-    font-size: 1.5rem;
-    margin-top: 1rem;
-    border-bottom: 1px solid #ccc;
-    padding-bottom: 1rem;
-    font-size: 1.5rem;
+
+/* SPIP 4+ */
+.pagination-items {
+	flex-grow: 1;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	align-items: center;
+}
+
+.pagination-item-label {
+	padding: 0.5rem 1rem;
+}
+
+.pagination-item:after {
+	content: "|";
+}
+
+@media (max-width: 992px) {
+	.pagination-item:after {
+		content:"";
+	}
+}
+
+.pagination-item:last-child:after {
+	content: "";
+}
+
+.pagination-item.on span {
+	font-weight: bold;
+}
+
+/* commun SPIP 4.0  -SPIP 3.2 */
+.pagination-total:before {
+	content: "- ";
+}
+
+@media (max-width: 992px) {
+	.pagination-total:before {
+		content:"";
+	}
+}
+
+.pagination a.lien_pagination {
+	text-decoration: none;
 }
 
 .pagination-titre {
-    margin-right: 1.5rem;
+	margin-right: 1.5rem;
 }
 
 .pagination .on, .lien_pagination {
-    text-decoration: none;
-    display: inline-block;
-    padding: 0.5rem;
+	text-decoration: none;
+	display: inline-block;
 }
 
 .pagination .lien_pagination:hover {
-    text-decoration: none;
-    color: #000;
+	text-decoration: none;
+	color: #000;
 }
 
 /* Plugins
 =================================================== */
 /* oembed */
 .oembed figcaption {
-    display: none;
+	display: none;
 }
 
 .spip_documents .oembed {
-    background: transparent;
-    padding: 0;
-    border: none;
+	background: transparent;
+	padding: 0;
+	border: none;
 }
 
 /* Menu
@@ -786,284 +826,284 @@ legend {
 =================================================== */
 /* auteur */
 .logo-auteur {
-    border-radius: 100%;
+	border-radius: 100%;
 }
 
 /* auteurs */
 .auteur-index {
-    display: inline-block;
-    text-decoration: none;
-    padding: .1rem .4rem .2rem .4rem;
-    ; min-width: .8rem;
-    text-align: center;
-    border-radius: 100%;
-    background-color: #999;
-    color: #fff;
-    margin: 1rem .1rem .5rem 0;
+	display: inline-block;
+	text-decoration: none;
+	padding: .1rem .4rem .2rem .4rem;
+	; min-width: .8rem;
+	text-align: center;
+	border-radius: 100%;
+	background-color: #999;
+	color: #fff;
+	margin: 1rem .1rem .5rem 0;
 }
 
 .auteur-index-on, .auteur-index:hover {
-    background-color: #000;
+	background-color: #000;
 }
 
 .auteur-preview-title {
-    display: flex;
-    flex-wrap: wrap;
-    flex-direction: row;
-    /*background:pink;*/
-    justify-content: space-between;
-    align-items: center;
-    text-decoration: none;
-    padding: 0;
-    border-top: 1px solid #aaa;
-    color: #34495e;
+	display: flex;
+	flex-wrap: wrap;
+	flex-direction: row;
+	/*background:pink;*/
+	justify-content: space-between;
+	align-items: center;
+	text-decoration: none;
+	padding: 0;
+	border-top: 1px solid #aaa;
+	color: #34495e;
 }
 
 .auteur-preview-title:hover {
-    text-decoration: none;
-    color: #1042fb;
+	text-decoration: none;
+	color: #1042fb;
 }
 
 .auteur-preview-img {
-    width: 18%;
-    padding-top: 4px;
-    margin-right: 2%;
+	width: 18%;
+	padding-top: 4px;
+	margin-right: 2%;
 }
 
 .auteur-preview-text {
-    width: 80%;
+	width: 80%;
 }
 
 .auteur-preview-text h1 {
-    font-size: 1.5rem;
-    margin: 1.2rem 0 .2rem 0;
+	font-size: 1.5rem;
+	margin: 1.2rem 0 .2rem 0;
 }
 
 /* homepage - sommaire 
 ----------------------------------*/
 /* homepage layout */
 .home-row-2 {
-    margin: 1rem 0;
-    display: flex;
-    flex-wrap: wrap;
-    flex-direction: row;
-    justify-content: space-between;
+	margin: 1rem 0;
+	display: flex;
+	flex-wrap: wrap;
+	flex-direction: row;
+	justify-content: space-between;
 }
 
 .home-row-2-col {
-    width: 48%;
+	width: 48%;
 }
 
 @media (max-width: 768px) {
-    .home-row-2-col {
-        width:100%;
-    }
+	.home-row-2-col {
+		width:100%;
+	}
 }
 
 .home-row-3 {
-    margin-top: 1rem;
+	margin-top: 1rem;
 }
 
 /* article-preview */
 .article-preview {
-    background-color: #fff;
-    margin-bottom: 2rem;
+	background-color: #fff;
+	margin-bottom: 2rem;
 }
 
 .article-preview-theme {
 }
 
 .article-preview-theme a {
-    padding: .5rem 1rem;
-    color: #fff;
-    text-transform: uppercase;
-    font-size: 0.8rem;
+	padding: .5rem 1rem;
+	color: #fff;
+	text-transform: uppercase;
+	font-size: 0.8rem;
 }
 
 .article-preview-texte {
-    padding: .5rem 1rem;
-    display: block;
-    color: #34495e;
+	padding: .5rem 1rem;
+	display: block;
+	color: #34495e;
 }
 
 .article-preview-texte:hover, .article-preview-texte:hover .article-preview-titre {
-    text-decoration: none;
-    color: #1042fb;
+	text-decoration: none;
+	color: #1042fb;
 }
 
 .article-preview-titre {
-    font-size: 1.2rem;
-    margin-top: 0.5rem;
-    font-family: 'Crimson Text', serif;
-    text-decoration: none;
-    font-weight: bold;
-    color: #2d3e50;
+	font-size: 1.2rem;
+	margin-top: 0.5rem;
+	font-family: 'Crimson Text', serif;
+	text-decoration: none;
+	font-weight: bold;
+	color: #2d3e50;
 }
 
 .article-preview-meta {
-    padding: .5rem 1rem;
-    text-align: right;
-    font-size: 0.8rem;
-    color: #999;
+	padding: .5rem 1rem;
+	text-align: right;
+	font-size: 0.8rem;
+	color: #999;
 }
 
 .article-preview-meta a {
-    font-size: 0.95rem;
-    color: #34495e;
+	font-size: 0.95rem;
+	color: #34495e;
 }
 
 .article-preview-img {
-    margin: 0.5rem 0;
-    text-align: center;
+	margin: 0.5rem 0;
+	text-align: center;
 }
 
 .article-preview-img img {
-    max-width: 100%;
-    height: auto;
+	max-width: 100%;
+	height: auto;
 }
 
 /* article-preview-short */
 .article-preview.article-preview-short {
-    margin-bottom: .5rem;
+	margin-bottom: .5rem;
 }
 
 .article-preview-short {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    align-items: center;
-    margin-top: 4px;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	align-items: center;
+	margin-top: 4px;
 }
 
 .article-preview-short .article-preview-theme {
-    margin: 5px;
+	margin: 5px;
 }
 
 @media (max-width: 1100px) {
-    .article-preview-img {
-        text-align:left;
-    }
+	.article-preview-img {
+		text-align:left;
+	}
 
-    .chapter {
-        text-align: left;
-        border-bottom: 1px solid #eee;
-    }
+	.chapter {
+		text-align: left;
+		border-bottom: 1px solid #eee;
+	}
 }
 
 /* article 
 ----------------------------------*/
 .ariane {
-    padding: .5rem 0;
-    color: #fff;
+	padding: .5rem 0;
+	color: #fff;
 }
 
 .ariane ul {
-    list-style: none;
-    margin: 0;
+	list-style: none;
+	margin: 0;
 }
 
 .ariane li {
-    display: inline-block;
+	display: inline-block;
 }
 
 .ariane a {
-    color: #fff;
+	color: #fff;
 }
 
 .ariane span {
-    display: inline-block;
-    padding: 0 0.5rem;
+	display: inline-block;
+	padding: 0 0.5rem;
 }
 
 .ariane li.on a {
-    font-weight: bold;
+	font-weight: bold;
 }
 
 .content-main-wrapper {
-    background-color: #fff;
-    padding: 1rem 2.5rem;
+	background-color: #fff;
+	padding: 1rem 2.5rem;
 }
 
 @media (max-width: 768px) {
-    .content-main-wrapper {
-        padding:1rem 1rem;
-    }
+	.content-main-wrapper {
+		padding:1rem 1rem;
+	}
 }
 
 .content-main-wrapper img {
-    max-width: 100%;
-    height: auto;
+	max-width: 100%;
+	height: auto;
 }
 
 .article-chapo {
 }
 
 .article-titre {
-    font-size: 1.9rem;
-    font-family: 'Crimson Text', serif;
-    font-weight: bold;
-    padding: 1rem 0;
-    margin-bottom: 1rem;
-    border-bottom: 1px solid #888;
+	font-size: 1.9rem;
+	font-family: 'Crimson Text', serif;
+	font-weight: bold;
+	padding: 1rem 0;
+	margin-bottom: 1rem;
+	border-bottom: 1px solid #888;
 }
 
 @media (max-width: 768px) {
-    .article-titre {
-        font-size:1.4rem;
-    }
+	.article-titre {
+		font-size:1.4rem;
+	}
 }
 
 .article-soustitre {
-    font-size: 1.2rem;
-    font-weight: bold;
+	font-size: 1.2rem;
+	font-weight: bold;
 }
 
 .rss_chapo, .article-chapo {
-    /*background-color:#eee;*/
-    padding: 1rem;
-    font-size: .9rem;
-    margin: 1rem 0;
-    border-left: 15px solid #eee;
+	/*background-color:#eee;*/
+	padding: 1rem;
+	font-size: .9rem;
+	margin: 1rem 0;
+	border-left: 15px solid #eee;
 }
 
 .article-texte {
 }
 
 @media (max-width: 768px) {
-    .article-texte {
-        font-size:.88rem;
-    }
+	.article-texte {
+		font-size:.88rem;
+	}
 }
 
 .article-texte a {
-    text-decoration: underline;
+	text-decoration: underline;
 }
 
 .article-texte h2 {
-    font-size: 1.4rem;
+	font-size: 1.4rem;
 }
 
 .date {
-    margin-top: 2rem;
-    color: #999;
-    font-size: 0.9rem;
+	margin-top: 2rem;
+	color: #999;
+	font-size: 0.9rem;
 }
 
 .license {
-    font-size: 0.9rem;
+	font-size: 0.9rem;
 }
 
 .site_info {
-    clear: both;
-    margin: 1.4rem 0;
-    background: #efefef;
-    border: 1px solid #aaa;
-    padding: 1rem;
+	clear: both;
+	margin: 1.4rem 0;
+	background: #efefef;
+	border: 1px solid #aaa;
+	padding: 1rem;
 }
 
 .site_info h4 {
-    font-weight: bold;
+	font-weight: bold;
 }
 
 /* forum */
@@ -1071,146 +1111,146 @@ legend {
 }
 
 #forum a.btn-more {
-    float: right;
+	float: right;
 }
 
 #forum .btn {
-    background-color:#1042fb;
-    color:#fff;
+	background-color: #1042fb;
+	color: #fff;
 }
 
 .previsu {
-    background-color:#fff;
-    padding:1rem;
+	background-color: #fff;
+	padding: 1rem;
 }
 
 .previsu legend {
-  background-color:#fff;
-  padding:0rem 1rem;
-  border-bottom:3px solid #1042fb;
+	background-color: #fff;
+	padding: 0rem 1rem;
+	border-bottom: 3px solid #1042fb;
 }
 
 /* forum */
 ul#forums {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    border-bottom: 1px solid #eee;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	border-bottom: 1px solid #eee;
 }
 
 ul#forums {
-    margin: 2em 0 0 0;
-    padding: 0;
-    list-style: none;
+	margin: 2em 0 0 0;
+	padding: 0;
+	list-style: none;
 }
 
 ul#forums li {
-    padding: 1rem;
-    clear: both;
-    border-top: 1px solid #eee;
+	padding: 1rem;
+	clear: both;
+	border-top: 1px solid #eee;
 }
 
 ul#forums li li {
-    border: none;
-    padding: 0;
+	border: none;
+	padding: 0;
 }
 
 ul#forums li.odd {
 }
 
 ul#forums li.even {
-    background: #fafafa;
+	background: #fafafa;
 }
 
 ul#forums strong {
-    text-decoration: none;
-    font-weight: normal;
-    color: #8D8E8D;
-    background: #efefef;
-    width: 80px;
-    border: 1px solid #eee;
-    text-align: center;
-    display: block;
-    float: left;
-    margin: 0 8px 3px 0;
-    padding: 10px 2px;
+	text-decoration: none;
+	font-weight: normal;
+	color: #8D8E8D;
+	background: #efefef;
+	width: 80px;
+	border: 1px solid #eee;
+	text-align: center;
+	display: block;
+	float: left;
+	margin: 0 8px 3px 0;
+	padding: 10px 2px;
 }
 
 ul#forums span {
-    font-weight: normal;
-    color: #8D8E8D;
+	font-weight: normal;
+	color: #8D8E8D;
 }
 
 ul#forums div {
-    font-weight: normal;
-    margin: 0.4em 0;
-    padding: 0 0 0 95px;
+	font-weight: normal;
+	margin: 0.4em 0;
+	padding: 0 0 0 95px;
 }
 
 ul#forums h4 {
-    color: #135F85;
-    margin: 0;
-    padding: 0;
-    font-weight: bold;
-    font-size: 110%;
+	color: #135F85;
+	margin: 0;
+	padding: 0;
+	font-weight: bold;
+	font-size: 110%;
 }
 
 /* portfolio */
 .portfolio {
-    margin: 1em 0;
+	margin: 1em 0;
 }
 
 .portfolio-item {
-    float: left;
-    margin: 0 5px 5px 0;
-    padding: 8px 8px 28px 8px;
-    border: 1px solid #ddd;
-    ;border-bottom: 1px solid #aaa;
-    border-right: 1px solid #aaa;
+	float: left;
+	margin: 0 5px 5px 0;
+	padding: 8px 8px 28px 8px;
+	border: 1px solid #ddd;
+	;border-bottom: 1px solid #aaa;
+	border-right: 1px solid #aaa;
 }
 
 .portfolio-item img {
-    border-top: 1px solid #aaa;
-    border-left: 1px solid #999;
+	border-top: 1px solid #aaa;
+	border-left: 1px solid #999;
 }
 
 .portfolio-item:hover {
-    border: 1px solid #888;
-    background: #fafafa;
+	border: 1px solid #888;
+	background: #fafafa;
 }
 
 /* rubrique
 ----------------------------------*/
 .rubrique-title {
-    border-radius: .4rem;
+	border-radius: .4rem;
 }
 
 .rubrique-title a {
-    font-size: 1.6rem;
-    line-height: 100%;
-    margin-bottom: 1rem;
-    padding: 0.5rem 1rem;
-    text-decoration: none;
-    color: #fff;
-    display: block;
-    border-radius: .4rem;
+	font-size: 1.6rem;
+	line-height: 100%;
+	margin-bottom: 1rem;
+	padding: 0.5rem 1rem;
+	text-decoration: none;
+	color: #fff;
+	display: block;
+	border-radius: .4rem;
 }
 
 .rubrique-title a:hover {
-    background-color: #000;
-    padding-left: 1.8rem;
+	background-color: #000;
+	padding-left: 1.8rem;
 }
 
 /* recherche 
 ----------------------------------*/
 .article-search input {
-    padding: 5px;
-    text-align: left;
+	padding: 5px;
+	text-align: left;
 }
 
 .alert-error {
-    background-color: #ffc2c3;
-    border-radius: 1rem;
-    padding: 1rem;
-    font-size: 1.2rem;
+	background-color: #ffc2c3;
+	border-radius: 1rem;
+	padding: 1rem;
+	font-size: 1.2rem;
 }
diff --git a/inc/inc_liste_articles.html b/inc/inc_liste_articles.html
index 7efe514..32d5cc5 100644
--- a/inc/inc_liste_articles.html
+++ b/inc/inc_liste_articles.html
@@ -15,8 +15,8 @@
 	<INCLURE{fond=inc/inc_article_preview, id_article, env} />
 </BOUCLE_actu>
 [<div class="pagination">
-	<span class="pagination-titre"><:pagination_pages:>:</span>
+	<div class="pagination-titre"><:ueno:pagination_pages:>:</div>
 	(#PAGINATION{page})
-	- #GRAND_TOTAL <:resultats_out:>
+	<div class="pagination-total">#GRAND_TOTAL <:ueno:resultats_out:></div>
 </div>]
 </B_actu>
\ No newline at end of file
diff --git a/inc/inc_recherche_liste_articles.html b/inc/inc_recherche_liste_articles.html
index d1a01d2..fb62f43 100644
--- a/inc/inc_recherche_liste_articles.html
+++ b/inc/inc_recherche_liste_articles.html
@@ -24,8 +24,9 @@
 </BOUCLE_actu>
 
 <div class="pagination">
-	[<span class="pagination-titre"><:ueno:pagination_pages:>:</span> (#PAGINATION{page})  -]
-	#GRAND_TOTAL <:ueno:resultats_out:>
+	[<div class="pagination-titre"><:ueno:pagination_pages:>:</div>
+	(#PAGINATION{page})  -]
+	<div class="pagination-total">#GRAND_TOTAL <:ueno:resultats_out:></div>
 </div>
 
 </B_actu>
diff --git a/paquet.xml b/paquet.xml
index 850269c..8f408e4 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
 <paquet
 	prefix="ueno"
 	categorie="squelette"
-	version="1.1.2"
+	version="1.1.3"
 	etat="stable"
 	compatibilite="[4.0.0;4.0.*]"
 	logo="prive/themes/spip/images/ueno-250.png"
diff --git a/ueno_options.php b/ueno_options.php
index 2a0028c..8a85e21 100644
--- a/ueno_options.php
+++ b/ueno_options.php
@@ -3,7 +3,7 @@
  * Chargement du plugin Ueno
  *
  * @plugin     Ueno
- * @copyright  2019
+ * @copyright  2019-2022
  * @author     erational
  * @licence    GNU/GPL
  * @package    SPIP\Ueno\Options
@@ -15,4 +15,7 @@ if (!defined('_ECRIRE_INC_VERSION')) {
 
 
 $GLOBALS['debut_intertitre'] = "\n<h2 class=\"spip\">\n";
-$GLOBALS['fin_intertitre'] = "\n</h2>\n";
\ No newline at end of file
+$GLOBALS['fin_intertitre'] = "\n</h2>\n";
+
+// pagination : 6 liens max
+define('_PAGINATION_NOMBRE_LIENS_MAX', 7);
\ No newline at end of file