diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/bilan.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/bilan.xhtml
new file mode 100644
index 0000000..acf2205
--- /dev/null
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/bilan.xhtml
@@ -0,0 +1,197 @@
+<!DOCTYPE html>
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://xmlns.jcp.org/jsf/html"
+                xmlns:f="http://xmlns.jcp.org/jsf/core"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:p="http://primefaces.org/ui"
+                template="/templates/main-template.xhtml">
+
+    <ui:define name="title">Bilan des Événements - UnionFlow</ui:define>
+
+    <ui:define name="content">
+        <!-- En-tête -->
+        <ui:include src="/templates/components/layout/page-header.xhtml">
+            <ui:param name="icon" value="pi pi-chart-bar text-green-500" />
+            <ui:param name="title" value="Bilan des Événements" />
+            <ui:param name="description" value="Analysez les performances et les résultats de vos événements" />
+            <ui:define name="actions">
+                <h:form id="formActionsBilan">
+                    <div class="flex gap-2">
+                        <ui:include src="/templates/components/buttons/button-secondary.xhtml">
+                            <ui:param name="value" value="Exporter" />
+                            <ui:param name="icon" value="pi pi-download" />
+                            <ui:param name="outlined" value="true" />
+                        </ui:include>
+                        <ui:include src="/templates/components/buttons/button-icon.xhtml">
+                            <ui:param name="icon" value="pi pi-refresh" />
+                            <ui:param name="action" value="#{evenementsBean.actualiser}" />
+                            <ui:param name="update" value="@form" />
+                            <ui:param name="title" value="Actualiser" />
+                            <ui:param name="rounded" value="true" />
+                            <ui:param name="text" value="false" />
+                            <ui:param name="styleClass" value="ui-button-outlined ui-button-secondary" />
+                        </ui:include>
+                    </div>
+                </h:form>
+            </ui:define>
+        </ui:include>
+
+        <!-- Statistiques globales -->
+        <div class="grid mb-3">
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="#{evenementsBean.statistiques.totalEvenements}" />
+                <ui:param name="label" value="Total événements" />
+                <ui:param name="icon" value="pi pi-calendar" />
+                <ui:param name="bgColor" value="blue" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="#{evenementsBean.statistiques.participantsTotal}" />
+                <ui:param name="label" value="Total participants" />
+                <ui:param name="icon" value="pi pi-users" />
+                <ui:param name="bgColor" value="green" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="#{evenementsBean.statistiques.budgetTotal}" />
+                <ui:param name="label" value="Budget total" />
+                <ui:param name="icon" value="pi pi-wallet" />
+                <ui:param name="bgColor" value="purple" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0%" />
+                <ui:param name="label" value="Taux de participation moyen" />
+                <ui:param name="icon" value="pi pi-percentage" />
+                <ui:param name="bgColor" value="orange" />
+            </ui:include>
+        </div>
+
+        <!-- Filtres et recherche (DRY/WOU: filter-bar) -->
+        <ui:decorate template="/templates/components/cards/filter-bar.xhtml">
+            <ui:param name="title" value="Filtres" />
+            <ui:param name="styleClass" value="mb-3" />
+            <ui:define name="filters">
+                <div class="col-12 md:col-3">
+                    <div class="field">
+                        <p:outputLabel for="searchBilan" value="Rechercher" />
+                        <span class="p-input-icon-left w-full">
+                            <i class="pi pi-search"></i>
+                            <p:inputText id="searchBilan" 
+                                       placeholder="Titre événement..." 
+                                       styleClass="w-full">
+                                <p:ajax event="keyup" delay="500"/>
+                            </p:inputText>
+                        </span>
+                    </div>
+                </div>
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <p:outputLabel for="filtrePeriode" value="Période" />
+                        <p:selectOneMenu id="filtrePeriode" styleClass="w-full">
+                            <f:selectItem itemLabel="Toutes périodes" itemValue="" />
+                            <f:selectItem itemLabel="Ce mois" itemValue="MOIS" />
+                            <f:selectItem itemLabel="Ce trimestre" itemValue="TRIMESTRE" />
+                            <f:selectItem itemLabel="Cette année" itemValue="ANNEE" />
+                        </p:selectOneMenu>
+                    </div>
+                </div>
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <p:outputLabel for="filtreType" value="Type" />
+                        <p:selectOneMenu id="filtreType" styleClass="w-full">
+                            <f:selectItem itemLabel="Tous types" itemValue="" />
+                            <f:selectItem itemLabel="Assemblée Générale" itemValue="ASSEMBLEE_GENERALE" />
+                            <f:selectItem itemLabel="Formation" itemValue="FORMATION" />
+                            <f:selectItem itemLabel="Activité Sociale" itemValue="ACTIVITE_SOCIALE" />
+                        </p:selectOneMenu>
+                    </div>
+                </div>
+            </ui:define>
+            <ui:define name="actions">
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <label class="invisible">Actions</label>
+                        <p:commandButton value="Réinitialiser"
+                                       icon="pi pi-filter-slash"
+                                       styleClass="ui-button-secondary w-full" />
+                    </div>
+                </div>
+            </ui:define>
+        </ui:decorate>
+
+        <!-- Tableau de bord des bilans -->
+        <div class="grid">
+            <!-- Liste des événements avec bilans -->
+            <div class="col-12">
+                <div class="card">
+                    <h:form id="formBilans">
+                        <h5>Bilans par Événement</h5>
+                        
+                        <p:dataTable id="dtBilans" 
+                                   value="#{evenementsBean.evenementsFiltres}" 
+                                   var="evenement"
+                                   paginator="true"
+                                   rows="20"
+                                   rowsPerPageTemplate="10,20,50,100"
+                                   emptyMessage="Aucun bilan trouvé"
+                                   styleClass="table-responsive">
+                            
+                            <p:column headerText="Événement" sortBy="#{evenement.titre}">
+                                <div>
+                                    <span class="font-semibold">#{evenement.titre}</span>
+                                    <br/>
+                                    <span class="text-sm text-600">#{evenement.typeEvenementLibelle}</span>
+                                </div>
+                            </p:column>
+                            
+                            <p:column headerText="Date">
+                                <span>#{evenement.dateDebutFormatee}</span>
+                            </p:column>
+                            
+                            <p:column headerText="Participants">
+                                <div>
+                                    <span class="font-medium">0</span>
+                                    <span class="text-sm text-600"> / 0 prévus</span>
+                                </div>
+                            </p:column>
+                            
+                            <p:column headerText="Budget">
+                                <div>
+                                    <span class="font-medium">0 XOF</span>
+                                    <br/>
+                                    <span class="text-sm text-600">0 XOF prévu</span>
+                                </div>
+                            </p:column>
+                            
+                            <p:column headerText="Taux participation">
+                                <p:tag value="0%" severity="info" />
+                            </p:column>
+                            
+                            <p:column headerText="Actions" style="width: 150px;">
+                                <p:commandButton value="Voir bilan"
+                                               icon="pi pi-chart-bar"
+                                               styleClass="ui-button-rounded ui-button-text ui-button-secondary"
+                                               outcome="/pages/secure/evenement/bilan-detail" />
+                            </p:column>
+                        </p:dataTable>
+                    </h:form>
+                </div>
+            </div>
+        </div>
+
+        <!-- Graphiques et analyses -->
+        <div class="grid mt-3">
+            <div class="col-12 md:col-6">
+                <div class="card">
+                    <h5>Évolution des participations</h5>
+                    <p class="text-600">Graphique en développement</p>
+                </div>
+            </div>
+            <div class="col-12 md:col-6">
+                <div class="card">
+                    <h5>Répartition par type</h5>
+                    <p class="text-600">Graphique en développement</p>
+                </div>
+            </div>
+        </div>
+    </ui:define>
+</ui:composition>
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/logistique.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/logistique.xhtml
new file mode 100644
index 0000000..e0c8175
--- /dev/null
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/logistique.xhtml
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://xmlns.jcp.org/jsf/html"
+                xmlns:f="http://xmlns.jcp.org/jsf/core"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:p="http://primefaces.org/ui"
+                template="/templates/main-template.xhtml">
+
+    <ui:define name="title">Logistique des Événements - UnionFlow</ui:define>
+
+    <ui:define name="content">
+        <!-- En-tête -->
+        <ui:include src="/templates/components/layout/page-header.xhtml">
+            <ui:param name="icon" value="pi pi-truck text-purple-500" />
+            <ui:param name="title" value="Logistique des Événements" />
+            <ui:param name="description" value="Gérez le matériel, les équipements et les ressources nécessaires pour vos événements" />
+            <ui:define name="actions">
+                <h:form id="formActionsLogistique">
+                    <div class="flex gap-2">
+                        <ui:include src="/templates/components/buttons/button-success.xhtml">
+                            <ui:param name="value" value="Nouvelle demande" />
+                            <ui:param name="icon" value="pi pi-plus" />
+                            <ui:param name="onclick" value="PF('dlgNouvelleDemande').show();" />
+                        </ui:include>
+                        <ui:include src="/templates/components/buttons/button-icon.xhtml">
+                            <ui:param name="icon" value="pi pi-refresh" />
+                            <ui:param name="action" value="#{evenementsBean.actualiser}" />
+                            <ui:param name="update" value="@form" />
+                            <ui:param name="title" value="Actualiser" />
+                            <ui:param name="rounded" value="true" />
+                            <ui:param name="text" value="false" />
+                            <ui:param name="styleClass" value="ui-button-outlined ui-button-secondary" />
+                        </ui:include>
+                    </div>
+                </h:form>
+            </ui:define>
+        </ui:include>
+
+        <!-- Statistiques -->
+        <div class="grid mb-3">
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="Demandes actives" />
+                <ui:param name="icon" value="pi pi-shopping-cart" />
+                <ui:param name="bgColor" value="blue" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="Matériel disponible" />
+                <ui:param name="icon" value="pi pi-box" />
+                <ui:param name="bgColor" value="green" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="En attente livraison" />
+                <ui:param name="icon" value="pi pi-hourglass" />
+                <ui:param name="bgColor" value="orange" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="Fournisseurs" />
+                <ui:param name="icon" value="pi pi-building" />
+                <ui:param name="bgColor" value="purple" />
+            </ui:include>
+        </div>
+
+        <!-- Filtres et recherche (DRY/WOU: filter-bar) -->
+        <ui:decorate template="/templates/components/cards/filter-bar.xhtml">
+            <ui:param name="title" value="Filtres" />
+            <ui:param name="styleClass" value="mb-3" />
+            <ui:define name="filters">
+                <div class="col-12 md:col-4">
+                    <div class="field">
+                        <p:outputLabel for="searchLogistique" value="Rechercher" />
+                        <span class="p-input-icon-left w-full">
+                            <i class="pi pi-search"></i>
+                            <p:inputText id="searchLogistique" 
+                                       placeholder="Événement, matériel..." 
+                                       styleClass="w-full">
+                                <p:ajax event="keyup" delay="500"/>
+                            </p:inputText>
+                        </span>
+                    </div>
+                </div>
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <p:outputLabel for="filtreTypeMateriel" value="Type matériel" />
+                        <p:selectOneMenu id="filtreTypeMateriel" styleClass="w-full">
+                            <f:selectItem itemLabel="Tous types" itemValue="" />
+                            <f:selectItem itemLabel="Sonorisation" itemValue="SONO" />
+                            <f:selectItem itemLabel="Éclairage" itemValue="ECLAIRAGE" />
+                            <f:selectItem itemLabel="Mobilier" itemValue="MOBILIER" />
+                            <f:selectItem itemLabel="Catering" itemValue="CATERING" />
+                        </p:selectOneMenu>
+                    </div>
+                </div>
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <p:outputLabel for="filtreStatut" value="Statut" />
+                        <p:selectOneMenu id="filtreStatut" styleClass="w-full">
+                            <f:selectItem itemLabel="Tous les statuts" itemValue="" />
+                            <f:selectItem itemLabel="En attente" itemValue="EN_ATTENTE" />
+                            <f:selectItem itemLabel="Validé" itemValue="VALIDE" />
+                            <f:selectItem itemLabel="Livré" itemValue="LIVRE" />
+                        </p:selectOneMenu>
+                    </div>
+                </div>
+            </ui:define>
+            <ui:define name="actions">
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <label class="invisible">Actions</label>
+                        <p:commandButton value="Réinitialiser"
+                                       icon="pi pi-filter-slash"
+                                       styleClass="ui-button-secondary w-full" />
+                    </div>
+                </div>
+            </ui:define>
+        </ui:decorate>
+
+        <!-- Liste des demandes logistiques -->
+        <div class="card">
+            <h:form id="formLogistique">
+                <h5>Demandes Logistiques</h5>
+                
+                <p:dataTable id="dtLogistique" 
+                           value="#{evenementsBean.evenementsFiltres}" 
+                           var="evenement"
+                           paginator="true"
+                           rows="20"
+                           rowsPerPageTemplate="10,20,50,100"
+                           emptyMessage="Aucune demande logistique trouvée"
+                           styleClass="table-responsive">
+                    
+                    <p:column headerText="Événement" sortBy="#{evenement.titre}">
+                        <span class="font-semibold">#{evenement.titre}</span>
+                    </p:column>
+                    
+                    <p:column headerText="Type matériel">
+                        <p:tag value="À définir" severity="info" />
+                    </p:column>
+                    
+                    <p:column headerText="Quantité">
+                        <span>0</span>
+                    </p:column>
+                    
+                    <p:column headerText="Date livraison">
+                        <span class="text-600">À planifier</span>
+                    </p:column>
+                    
+                    <p:column headerText="Statut">
+                        <p:tag value="En attente" severity="warning" />
+                    </p:column>
+                    
+                    <p:column headerText="Actions" style="width: 200px;">
+                        <p:commandButton icon="pi pi-eye"
+                                       title="Voir détails"
+                                       styleClass="ui-button-rounded ui-button-text ui-button-secondary mr-2" />
+                        <p:commandButton icon="pi pi-pencil"
+                                       title="Modifier"
+                                       styleClass="ui-button-rounded ui-button-text ui-button-secondary mr-2" />
+                    </p:column>
+                </p:dataTable>
+            </h:form>
+        </div>
+
+        <!-- Message d'information -->
+        <div class="card">
+            <div class="flex align-items-center gap-3 p-3">
+                <i class="pi pi-info-circle text-blue-500 text-2xl"></i>
+                <div>
+                    <h6 class="m-0">Fonctionnalité en développement</h6>
+                    <p class="m-0 text-600">La gestion logistique complète des événements sera disponible prochainement.</p>
+                </div>
+            </div>
+        </div>
+    </ui:define>
+</ui:composition>
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/planification.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/planification.xhtml
new file mode 100644
index 0000000..c460570
--- /dev/null
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/planification.xhtml
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://xmlns.jcp.org/jsf/html"
+                xmlns:f="http://xmlns.jcp.org/jsf/core"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:p="http://primefaces.org/ui"
+                template="/templates/main-template.xhtml">
+
+    <ui:define name="title">Planification des Événements - UnionFlow</ui:define>
+
+    <ui:define name="content">
+        <!-- En-tête -->
+        <ui:include src="/templates/components/layout/page-header.xhtml">
+            <ui:param name="icon" value="pi pi-clock text-orange-500" />
+            <ui:param name="title" value="Planification des Événements" />
+            <ui:param name="description" value="Planifiez et organisez vos événements à l'avance" />
+            <ui:define name="actions">
+                <h:form id="formActionsPlanification">
+                    <div class="flex gap-2">
+                        <ui:include src="/templates/components/buttons/button-success.xhtml">
+                            <ui:param name="value" value="Nouvelle planification" />
+                            <ui:param name="icon" value="pi pi-plus" />
+                            <ui:param name="onclick" value="PF('dlgNouvellePlanification').show();" />
+                        </ui:include>
+                        <ui:include src="/templates/components/buttons/button-icon.xhtml">
+                            <ui:param name="icon" value="pi pi-refresh" />
+                            <ui:param name="action" value="#{evenementsBean.actualiser}" />
+                            <ui:param name="update" value="@form" />
+                            <ui:param name="title" value="Actualiser" />
+                            <ui:param name="rounded" value="true" />
+                            <ui:param name="text" value="false" />
+                            <ui:param name="styleClass" value="ui-button-outlined ui-button-secondary" />
+                        </ui:include>
+                    </div>
+                </h:form>
+            </ui:define>
+        </ui:include>
+
+        <!-- Statistiques -->
+        <div class="grid mb-3">
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="Événements planifiés" />
+                <ui:param name="icon" value="pi pi-calendar-check" />
+                <ui:param name="bgColor" value="blue" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="À venir (7 jours)" />
+                <ui:param name="icon" value="pi pi-clock" />
+                <ui:param name="bgColor" value="orange" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="En attente validation" />
+                <ui:param name="icon" value="pi pi-hourglass" />
+                <ui:param name="bgColor" value="yellow" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="Taux de réalisation" />
+                <ui:param name="icon" value="pi pi-percentage" />
+                <ui:param name="bgColor" value="green" />
+            </ui:include>
+        </div>
+
+        <!-- Filtres et recherche (DRY/WOU: filter-bar) -->
+        <ui:decorate template="/templates/components/cards/filter-bar.xhtml">
+            <ui:param name="title" value="Filtres" />
+            <ui:param name="styleClass" value="mb-3" />
+            <ui:define name="filters">
+                <div class="col-12 md:col-4">
+                    <div class="field">
+                        <p:outputLabel for="searchPlanification" value="Rechercher" />
+                        <span class="p-input-icon-left w-full">
+                            <i class="pi pi-search"></i>
+                            <p:inputText id="searchPlanification" 
+                                       placeholder="Titre, description..." 
+                                       styleClass="w-full">
+                                <p:ajax event="keyup" delay="500"/>
+                            </p:inputText>
+                        </span>
+                    </div>
+                </div>
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <p:outputLabel for="filtrePeriode" value="Période" />
+                        <p:selectOneMenu id="filtrePeriode" styleClass="w-full">
+                            <f:selectItem itemLabel="Toutes périodes" itemValue="" />
+                            <f:selectItem itemLabel="Cette semaine" itemValue="SEMAINE" />
+                            <f:selectItem itemLabel="Ce mois" itemValue="MOIS" />
+                            <f:selectItem itemLabel="Ce trimestre" itemValue="TRIMESTRE" />
+                            <f:selectItem itemLabel="Cette année" itemValue="ANNEE" />
+                        </p:selectOneMenu>
+                    </div>
+                </div>
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <p:outputLabel for="filtreStatut" value="Statut" />
+                        <p:selectOneMenu id="filtreStatut" styleClass="w-full">
+                            <f:selectItem itemLabel="Tous les statuts" itemValue="" />
+                            <f:selectItem itemLabel="Planifié" itemValue="PLANIFIE" />
+                            <f:selectItem itemLabel="Confirmé" itemValue="CONFIRME" />
+                            <f:selectItem itemLabel="En attente" itemValue="EN_ATTENTE" />
+                        </p:selectOneMenu>
+                    </div>
+                </div>
+            </ui:define>
+            <ui:define name="actions">
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <label class="invisible">Actions</label>
+                        <p:commandButton value="Réinitialiser"
+                                       icon="pi pi-filter-slash"
+                                       styleClass="ui-button-secondary w-full" />
+                    </div>
+                </div>
+            </ui:define>
+        </ui:decorate>
+
+        <!-- Liste des planifications -->
+        <div class="card">
+            <h:form id="formPlanifications">
+                <h5>Planifications</h5>
+                
+                <p:dataTable id="dtPlanifications" 
+                           value="#{evenementsBean.evenementsFiltres}" 
+                           var="evenement"
+                           paginator="true"
+                           rows="20"
+                           rowsPerPageTemplate="10,20,50,100"
+                           emptyMessage="Aucune planification trouvée"
+                           styleClass="table-responsive">
+                    
+                    <p:column headerText="Titre" sortBy="#{evenement.titre}">
+                        <span class="font-semibold">#{evenement.titre}</span>
+                    </p:column>
+                    
+                    <p:column headerText="Date prévue">
+                        <div>
+                            <div class="font-medium">Date à définir</div>
+                            <div class="text-sm text-600">Période: À planifier</div>
+                        </div>
+                    </p:column>
+                    
+                    <p:column headerText="Statut">
+                        <p:tag value="Planifié" severity="info" />
+                    </p:column>
+                    
+                    <p:column headerText="Priorité">
+                        <p:tag value="Normale" severity="info" />
+                    </p:column>
+                    
+                    <p:column headerText="Actions" style="width: 200px;">
+                        <p:commandButton icon="pi pi-pencil"
+                                       title="Modifier"
+                                       styleClass="ui-button-rounded ui-button-text ui-button-secondary mr-2" />
+                        <p:commandButton icon="pi pi-trash"
+                                       title="Supprimer"
+                                       styleClass="ui-button-rounded ui-button-text ui-button-danger" />
+                    </p:column>
+                </p:dataTable>
+            </h:form>
+        </div>
+
+        <!-- Message d'information -->
+        <div class="card">
+            <div class="flex align-items-center gap-3 p-3">
+                <i class="pi pi-info-circle text-blue-500 text-2xl"></i>
+                <div>
+                    <h6 class="m-0">Fonctionnalité en développement</h6>
+                    <p class="m-0 text-600">La planification avancée des événements sera disponible prochainement.</p>
+                </div>
+            </div>
+        </div>
+    </ui:define>
+</ui:composition>
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/reservations.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/reservations.xhtml
new file mode 100644
index 0000000..24acdfa
--- /dev/null
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/pages/secure/evenement/reservations.xhtml
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://xmlns.jcp.org/jsf/html"
+                xmlns:f="http://xmlns.jcp.org/jsf/core"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:p="http://primefaces.org/ui"
+                template="/templates/main-template.xhtml">
+
+    <ui:define name="title">Réservations d'Événements - UnionFlow</ui:define>
+
+    <ui:define name="content">
+        <!-- En-tête -->
+        <ui:include src="/templates/components/layout/page-header.xhtml">
+            <ui:param name="icon" value="pi pi-ticket text-cyan-500" />
+            <ui:param name="title" value="Réservations d'Événements" />
+            <ui:param name="description" value="Gérez les réservations et inscriptions aux événements" />
+            <ui:define name="actions">
+                <h:form id="formActionsReservations">
+                    <div class="flex gap-2">
+                        <ui:include src="/templates/components/buttons/button-secondary.xhtml">
+                            <ui:param name="value" value="Exporter" />
+                            <ui:param name="icon" value="pi pi-download" />
+                            <ui:param name="outlined" value="true" />
+                        </ui:include>
+                        <ui:include src="/templates/components/buttons/button-icon.xhtml">
+                            <ui:param name="icon" value="pi pi-refresh" />
+                            <ui:param name="action" value="#{evenementsBean.actualiser}" />
+                            <ui:param name="update" value="@form" />
+                            <ui:param name="title" value="Actualiser" />
+                            <ui:param name="rounded" value="true" />
+                            <ui:param name="text" value="false" />
+                            <ui:param name="styleClass" value="ui-button-outlined ui-button-secondary" />
+                        </ui:include>
+                    </div>
+                </h:form>
+            </ui:define>
+        </ui:include>
+
+        <!-- Statistiques -->
+        <div class="grid mb-3">
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="Réservations totales" />
+                <ui:param name="icon" value="pi pi-ticket" />
+                <ui:param name="bgColor" value="blue" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="En attente" />
+                <ui:param name="icon" value="pi pi-hourglass" />
+                <ui:param name="bgColor" value="orange" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="Confirmées" />
+                <ui:param name="icon" value="pi pi-check-circle" />
+                <ui:param name="bgColor" value="green" />
+            </ui:include>
+            <ui:include src="/templates/components/cards/stat-card.xhtml">
+                <ui:param name="value" value="0" />
+                <ui:param name="label" value="Annulées" />
+                <ui:param name="icon" value="pi pi-times-circle" />
+                <ui:param name="bgColor" value="red" />
+            </ui:include>
+        </div>
+
+        <!-- Filtres et recherche (DRY/WOU: filter-bar) -->
+        <ui:decorate template="/templates/components/cards/filter-bar.xhtml">
+            <ui:param name="title" value="Filtres" />
+            <ui:param name="styleClass" value="mb-3" />
+            <ui:define name="filters">
+                <div class="col-12 md:col-4">
+                    <div class="field">
+                        <p:outputLabel for="searchReservation" value="Rechercher" />
+                        <span class="p-input-icon-left w-full">
+                            <i class="pi pi-search"></i>
+                            <p:inputText id="searchReservation" 
+                                       placeholder="Membre, événement..." 
+                                       styleClass="w-full">
+                                <p:ajax event="keyup" delay="500"/>
+                            </p:inputText>
+                        </span>
+                    </div>
+                </div>
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <p:outputLabel for="filtreStatut" value="Statut" />
+                        <p:selectOneMenu id="filtreStatut" styleClass="w-full">
+                            <f:selectItem itemLabel="Tous les statuts" itemValue="" />
+                            <f:selectItem itemLabel="En attente" itemValue="EN_ATTENTE" />
+                            <f:selectItem itemLabel="Confirmée" itemValue="CONFIRMEE" />
+                            <f:selectItem itemLabel="Annulée" itemValue="ANNULEE" />
+                        </p:selectOneMenu>
+                    </div>
+                </div>
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <p:outputLabel for="filtreEvenement" value="Événement" />
+                        <p:selectOneMenu id="filtreEvenement" styleClass="w-full">
+                            <f:selectItem itemLabel="Tous événements" itemValue="" />
+                        </p:selectOneMenu>
+                    </div>
+                </div>
+            </ui:define>
+            <ui:define name="actions">
+                <div class="col-12 md:col-2">
+                    <div class="field">
+                        <label class="invisible">Actions</label>
+                        <p:commandButton value="Réinitialiser"
+                                       icon="pi pi-filter-slash"
+                                       styleClass="ui-button-secondary w-full" />
+                    </div>
+                </div>
+            </ui:define>
+        </ui:decorate>
+
+        <!-- Liste des réservations -->
+        <div class="card">
+            <h:form id="formReservations">
+                <h5>Réservations</h5>
+                
+                <p:dataTable id="dtReservations" 
+                           value="#{evenementsBean.evenementsFiltres}" 
+                           var="evenement"
+                           paginator="true"
+                           rows="20"
+                           rowsPerPageTemplate="10,20,50,100"
+                           emptyMessage="Aucune réservation trouvée"
+                           styleClass="table-responsive">
+                    
+                    <p:column headerText="Membre">
+                        <div>
+                            <span class="font-semibold">Nom du membre</span>
+                            <br/>
+                            <span class="text-sm text-600">email@example.com</span>
+                        </div>
+                    </p:column>
+                    
+                    <p:column headerText="Événement" sortBy="#{evenement.titre}">
+                        <span class="font-semibold">#{evenement.titre}</span>
+                    </p:column>
+                    
+                    <p:column headerText="Date réservation">
+                        <span>À définir</span>
+                    </p:column>
+                    
+                    <p:column headerText="Nombre places">
+                        <span class="font-medium">1</span>
+                    </p:column>
+                    
+                    <p:column headerText="Montant">
+                        <span class="font-medium">0 XOF</span>
+                    </p:column>
+                    
+                    <p:column headerText="Statut">
+                        <p:tag value="En attente" severity="warning" />
+                    </p:column>
+                    
+                    <p:column headerText="Actions" style="width: 250px;">
+                        <p:commandButton icon="pi pi-check"
+                                       title="Confirmer"
+                                       styleClass="ui-button-rounded ui-button-text ui-button-success mr-2" />
+                        <p:commandButton icon="pi pi-times"
+                                       title="Annuler"
+                                       styleClass="ui-button-rounded ui-button-text ui-button-danger mr-2" />
+                        <p:commandButton icon="pi pi-eye"
+                                       title="Voir détails"
+                                       styleClass="ui-button-rounded ui-button-text ui-button-secondary" />
+                    </p:column>
+                </p:dataTable>
+            </h:form>
+        </div>
+
+        <!-- Message d'information -->
+        <div class="card">
+            <div class="flex align-items-center gap-3 p-3">
+                <i class="pi pi-info-circle text-blue-500 text-2xl"></i>
+                <div>
+                    <h6 class="m-0">Fonctionnalité en développement</h6>
+                    <p class="m-0 text-600">Le système de réservations complet sera disponible prochainement.</p>
+                </div>
+            </div>
+        </div>
+    </ui:define>
+</ui:composition>
+
diff --git a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/layout/menu.xhtml b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/layout/menu.xhtml
index 45a9a77..26ea1ca 100644
--- a/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/layout/menu.xhtml
+++ b/unionflow-client-quarkus-primefaces-freya/src/main/resources/META-INF/resources/templates/components/layout/menu.xhtml
@@ -95,12 +95,12 @@
                 <p:submenu id="m_evenements" label="Gestion des Événements" icon="pi pi-calendar">
                     <p:menuitem id="m_creation_evenement" value="Nouvel Événement" icon="pi pi-plus" outcome="/pages/secure/evenement/creation" />
                     <p:menuitem id="m_calendrier" value="Calendrier" icon="pi pi-calendar-plus" outcome="/pages/secure/evenement/calendrier" />
-                    <p:menuitem id="m_planification" value="Planification" icon="pi pi-clock" url="#" />
+                    <p:menuitem id="m_planification" value="Planification" icon="pi pi-clock" outcome="/pages/secure/evenement/planification" />
                     <p:menuitem id="m_participation" value="Gestion des Participations" icon="pi pi-users" outcome="/pages/secure/evenement/participation" />
                     <p:menuitem id="m_gestion_generale_evenements" value="Gestion Générale" icon="pi pi-cog" outcome="/pages/secure/evenement/gestion" />
-                    <p:menuitem id="m_logistique" value="Logistique" icon="pi pi-truck" url="#" />
-                    <p:menuitem id="m_bilan_evenements" value="Bilan des Événements" icon="pi pi-chart-bar" url="#" />
-                    <p:menuitem id="m_reservations" value="Réservations" icon="pi pi-ticket" url="#" />
+                    <p:menuitem id="m_logistique" value="Logistique" icon="pi pi-truck" outcome="/pages/secure/evenement/logistique" />
+                    <p:menuitem id="m_bilan_evenements" value="Bilan des Événements" icon="pi pi-chart-bar" outcome="/pages/secure/evenement/bilan" />
+                    <p:menuitem id="m_reservations" value="Réservations" icon="pi pi-ticket" outcome="/pages/secure/evenement/reservations" />
                 </p:submenu>
                 
                 <!-- Communication -->
