diff --git a/prive/javascript/gadgets.js b/prive/javascript/gadgets.js
index 18d488392f8f78c0a018764ee14132e5e1ee447f..3a821564372fcec08e393ef1d879e8cbe3181030 100644
--- a/prive/javascript/gadgets.js
+++ b/prive/javascript/gadgets.js
@@ -106,7 +106,7 @@ jQuery(function(){
 	});
 
 	jQuery('#bando_navigation .deroulant > li').menuFocus();
-	jQuery('#bando_outils ul.bandeau_rubriques li').menuFocus();
+	jQuery('#bando_outils .deroulant > li').menuFocus();
 
 	jQuery('#bandeau_haut #formRecherche input').on('hover touchstart', function(){
 		jQuery('#bandeau_haut ul.actif').trigger('mouseout');
diff --git a/prive/squelettes/inclure/barre-nav.html b/prive/squelettes/inclure/barre-nav.html
index 930fad06b4f3f965ee530dabca0498ae431c5bcb..18a737ded422f5e96cf85870efefe90cad8813d0 100644
--- a/prive/squelettes/inclure/barre-nav.html
+++ b/prive/squelettes/inclure/barre-nav.html
@@ -125,16 +125,26 @@
 
 				[(#REM) Boutons de création rapide ]
 				<B_creer>
-					<ul class="rapides rapides_creer creer">
-						<BOUCLE_creer(DATA){source table, #GET{boutons}} {cle=outils_rapides}>
-						<BOUCLE_creersous(DATA){source table, #VALEUR{sousmenu}}{par position}>
-						[<li class="rapides__item">
-							<a
-								href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]"
-								title="[(#VALEUR{libelle}|_T|attribut_html)]"
-								class="rapides__lien bando2_#CLE"><span class="libelle">(#VALEUR{libelle}|_T)</span></a>
-						</li>]
-						</BOUCLE_creersous></BOUCLE_creer>
+					<ul class="deroulant deroulant_creer" data-racine>
+						<li class="deroulant__item">
+							<a class="deroulant__lien bando2_creer" href="#URL_ECRIRE{creer}">
+								[(#CHEMIN_IMAGE{ouvrir-24.png}|balise_img{'', picto picto_creer})]
+								<span class="libelle">Créer</span>
+							</a>
+							
+							<ul class="deroulant__sous-menu" data-profondeur="1">
+								<BOUCLE_creer(DATA){source table, #GET{boutons}} {cle=outils_rapides}>
+								<BOUCLE_creersous(DATA){source table, #VALEUR{sousmenu}}{par position}>
+								[<li class="deroulant__item">
+									<a
+										href="[(#VALEUR{url}|sinon{#CLE}|bandeau_creer_url{#VALEUR{urlArg},#GET{contexte}})]"
+										title="[(#VALEUR{libelle}|_T|attribut_html)]"
+										class="deroulant__lien bando2_#CLE"><span class="libelle">(#VALEUR{libelle}|_T)</span></a>
+								</li>]
+								</BOUCLE_creersous></BOUCLE_creer>
+							</ul>
+							
+						</li>
 					</ul>
 				</B_creer>
 
diff --git a/prive/themes/spip/bando.css.html b/prive/themes/spip/bando.css.html
index 6bda262a552021ac93c1c5fbccd6e76318c34047..4475ed0d0b5bd94313daee4e95c8fc3950442973 100644
--- a/prive/themes/spip/bando.css.html
+++ b/prive/themes/spip/bando.css.html
@@ -203,7 +203,7 @@
 
 /* Items <li> */
 .bando-haut .deroulant__item {
-	flex: 0 1; /* effectif à la racine uniquement, plus bas le conteneur est en display:block */
+	flex: auto 1; /* effectif à la racine uniquement, plus bas le conteneur est en display:block */
 	display: block; /* block obligé, cf. notes */
 }
 
@@ -507,6 +507,12 @@
 }
 
 /* Menus « rapides » */
+.bando-outils {
+	color: var(--spip-color-gray-dark);
+}
+.bando-outils .deroulant__lien img + .libelle {
+	margin-left: 0.25em;
+}
 .bando-outils .rapides__lien {
 	flex: 0 0 auto;
 	align-items: center;