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 1e1f429..a2bc6d2 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
@@ -4,6 +4,7 @@
                 xmlns:f="http://xmlns.jcp.org/jsf/core"
                 xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                 xmlns:p="http://primefaces.org/ui"
+                xmlns:uf="http://xmlns.jcp.org/jsf/composite/components"
                 template="/templates/main-template.xhtml">
 
     <ui:define name="title">Liste des Membres - UnionFlow</ui:define>
@@ -190,12 +191,10 @@
                     
                     <p:column headerText="Actions" style="width:200px">
                         <div class="flex gap-1">
-                            <ui:include src="/templates/components/buttons/button-icon.xhtml">
-                                <ui:param name="icon" value="pi pi-eye" />
-                                <ui:param name="action" value="#{membreListeBean.voirProfil(membre)}" />
-                                <ui:param name="title" value="Voir profil" />
-                                <ui:param name="severity" value="info" />
-                            </ui:include>
+                            <!-- DRY/WOU: Composite Component action-button-view -->
+                            <uf:action-button-view id="#{membre.id}"
+                                                 detailPage="/pages/secure/membre/profil.xhtml"
+                                                 iconOnly="true"/>
                             <ui:include src="/templates/components/buttons/button-icon.xhtml">
                                 <ui:param name="icon" value="pi pi-pencil" />
                                 <ui:param name="action" value="#{membreListeBean.modifierMembre(membre)}" />
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/components/action-button-view.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/components/action-button-view.xhtml
new file mode 100644
index 0000000..9f36572
--- /dev/null
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/resources/components/action-button-view.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="id" type="java.lang.String" required="true"/>
+    <composite:attribute name="detailPage" 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 : 'Consulter'}"
+                   icon="pi pi-search"
+                   title="Consulter"
+                   styleClass="ui-button-rounded #{cc.attrs.iconOnly ? '' : 'ui-button-text'} ui-button-info #{cc.attrs.styleClass}"
+                   onclick="window.location='#{request.contextPath}#{cc.attrs.detailPage}?id=#{cc.attrs.id}';return false;"/>
+</composite:implementation>
+</html>
+
