diff --git a/paquet.xml b/paquet.xml
index 00b61767f7020abf41b33be41eae48153bc0fb58..f54309f760aecfc84cb1d47ee177e61acba5872c 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
 <paquet
 	prefix="soyezcreateurs"
 	categorie="squelette"
-	version="5.0.20"
+	version="5.0.21"
 	etat="stable"
 	compatibilite="[3.1.8;3.2.*]"
 	logo="img_pack/soyezcreateurs_48.png"
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index 7b60f0ea136f191305a48318b3ac25843ff19002..366b972143de56754b1c0d99c92e03777e59d9a3 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -973,7 +973,7 @@ table.programmation caption { text-align: left; }
 #menuhaut ul ul { text-align: left; padding-left: 0;}
 #menuh > li a {background: #GET{c_menu_a_bk}; color:#GET{c_menu_a}; display: block; line-height: 1em; }
 #menuh strong a, #menuh ul strong a {background: #GET{c_menu_a_strong_bk};color: #GET{c_menu_a_strong}; text-shadow:none;}
-#menuh ul a {background:#GET{c_menu_a_bk};color:#GET{c_menu_a};font-size:1.2em; text-transform:none; }
+#menuh ul a {background:#GET{c_menu_a_bk};color:#GET{c_menu_a}; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizemenuhaut,1.2}rem; text-transform:none; }
 .arrows-sprite, #menuh.drop .sf-sub-indicator, #menuh.drop ul li > a .sf-sub-indicator, #menuh.drop li.hover > a .sf-sub-indicator, #menuh.drop ul li.hover > a .sf-sub-indicator { background: url([(#CHEMIN{images/arrows_menuh.png}|embarque_fichier)]) no-repeat; }
 #menuh, #menuh ul { list-style: none; margin: 0; position: relative; }
 #menuh li { position: relative; }
@@ -982,12 +982,12 @@ table.programmation caption { text-align: left; }
 #menuh li li a { border-left: 1px solid #GET{c_menu_a_hover_bk}; border-bottom: 1px solid #GET{c_menu_a_hover_bk}; border-right: 1px solid #GET{c_menu_a_hover_bk}; }
 #menuh li li li a { padding-left: 24px; }
 #menuh li li li li a { padding-left: 32px; }
-#menuh > li { display:inline-block; position:relative; vertical-align:middle; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizemenuhaut,1.2}em; line-height: 1em; }
+#menuh > li { display:inline-block; position:relative; vertical-align:middle; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizemenuhaut,1.2}rem; line-height: 1em; }
 #menuh > li:not(:last-child) {  margin-right:0.4em; }
 #menuh > li:first-child { margin-left: 0; }
 #menuh > li > a { background: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-weight: bold; }
 #menuh ul a { color: #GET{c_menu_a}; }
-#menuh a { display: block; font-size: 1.2em; padding: 8px 16px; position: relative; text-decoration: none; }
+#menuh a { display: block; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizemenuhaut,1.2}rem; padding: 8px 16px; position: relative; text-decoration: none; }
 #menuh li.hover > a { background: #GET{c_menu_a_active_bk}; color: #GET{c_menu_a_active}; }
 #menuh li.hover > a, #menuh li > a:focus, #menuh a:hover, #menuh a:focus { background: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; }
 #menuh .active > a, #menuh a:active, #menuh li > a:active { background: #GET{c_menu_a_active_bk}; color: #GET{c_menu_a_active}; }