diff --git a/noisettes/footer/footer_pied.html b/noisettes/footer/footer_pied.html
index ce362eafba4d1594e049626b07d9444fed2622c5..8051281e72497fe11cd5b96cc7ff9266358abd12 100644
--- a/noisettes/footer/footer_pied.html
+++ b/noisettes/footer/footer_pied.html
@@ -19,7 +19,7 @@
 
 		<B_PlanMenuHaut>
 		<div class="row">
-			<div id="plan" class="avec-margin-bottom avec-padding">
+			<div id="miniplan">
 				<div class="titre-plan text-center">
 					<h1><a href="#URL_PAGE{plan}" title="<:soyezcreateurs:toutleplan:>"><:soyezcreateurs:plan_menu:></a></h1>
 				</div>
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index 4ef679936e47647c43820bd8546fc3b316a9ec39..f8d2920f71357fbad61d2fc5bbd92be1decd3ab7 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -1523,6 +1523,35 @@ div [lang], span [lang] { font-style: italic; }
 
 #mobile-header { display: none; position: fixed; top: 0; }
 
+/************* Mini plan du site */
+#miniplan {
+  margin-bottom: 1.5em;
+  padding: 1em;
+}
+#miniplan .flexbox-wrap-space-around {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+}
+#miniplan .avec-padding-bottom {
+  padding-bottom: 1em!important;
+}
+#miniplan .avec-margin-bottom {
+  margin-bottom: 1.5em!important;
+}
+#miniplan .menu {
+  margin: 0;
+  list-style-type: none;
+}
+#miniplan .menu > li {
+  display: table-cell;
+  vertical-align: middle;
+}
+#miniplan .vertical > li {
+  display: block;
+  vertical-align: middle;
+}
+
 /* Pour les mobiles, inspiré de http://www.alsacreations.com/astuce/lire/1177 */
 @media (max-width: [(#GET{LargeurContaineur})]px) {