diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml
index 44273a3..14680f7 100644
--- a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/membre/liste.xhtml
@@ -195,10 +195,10 @@
                             <uf:action-button-view itemId="#{membre.id}"
                                                  detailPage="/pages/secure/membre/profil.xhtml"
                                                  iconOnly="true"/>
-                            <p:commandButton icon="pi pi-pencil"
-                                           title="Modifier"
-                                           styleClass="ui-button-rounded ui-button-warning"
-                                           onclick="window.location='#{request.contextPath}/pages/secure/membre/modifier.xhtml?id=#{membre.id}';return false;"/>
+                            <!-- DRY/WOU: Composite Component action-button-edit-nav -->
+                            <uf:action-button-edit-nav itemId="#{membre.id}"
+                                                     editPage="/pages/secure/membre/modifier.xhtml"
+                                                     iconOnly="true"/>
                             <ui:include src="/templates/components/buttons/button-icon.xhtml">
                                 <ui:param name="icon" value="pi pi-dollar" />
                                 <ui:param name="action" value="#{membreListeBean.gererCotisations(membre)}" />
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/components/action-button-edit-nav.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/components/action-button-edit-nav.xhtml
new file mode 100644
index 0000000..df995d9
--- /dev/null
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/components/action-button-edit-nav.xhtml
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:h="http://xmlns.jcp.org/jsf/html"
+      xmlns:composite="http://xmlns.jcp.org/jsf/composite"
+      xmlns:p="http://primefaces.org/ui">
+
+<composite:interface>
+    <composite:attribute name="itemId" type="java.lang.String" required="true"/>
+    <composite:attribute name="editPage" type="java.lang.String" required="true"/>
+    <composite:attribute name="styleClass" type="java.lang.String" required="false" default=""/>
+    <composite:attribute name="iconOnly" type="java.lang.Boolean" required="false" default="false"/>
+</composite:interface>
+
+<composite:implementation>
+    <p:commandButton value="#{cc.attrs.iconOnly ? null : 'Modifier'}"
+                   icon="pi pi-pencil"
+                   title="Modifier"
+                   styleClass="ui-button-rounded #{cc.attrs.iconOnly ? '' : 'ui-button-text'} ui-button-warning #{cc.attrs.styleClass}"
+                   onclick="window.location='#{request.contextPath}#{cc.attrs.editPage}?id=#{cc.attrs.itemId}';return false;"/>
+</composite:implementation>
+</html>
+
