diff --git a/Views/Chambre/ModifierChambrePage.xaml b/Views/Chambre/ModifierChambrePage.xaml
index d410090..73a65bc 100644
--- a/Views/Chambre/ModifierChambrePage.xaml
+++ b/Views/Chambre/ModifierChambrePage.xaml
@@ -4,15 +4,44 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="HegreHotel.Views.Chambre.ModifierChambrePage"
              Title="Modifier la Chambre">
-    <StackLayout Padding="10">
-        <Entry x:Name="EntryNom" Placeholder="Nom de la chambre"/>
-        <Entry x:Name="EntryDescription" Placeholder="Description"/>
-        <Entry x:Name="EntryTarif" Placeholder="Tarif" Keyboard="Numeric"/>
-        <Entry x:Name="EntryNbPersonne" Placeholder="Nombre de personnes" Keyboard="Numeric"/>
-        
-        <Label Text="Modifier le Statut" Margin="10,0,0,0"/>
-        <Picker x:Name="PickerStatut" Title=""/>
-        
-        <Button Text="Enregistrer les modifications" Clicked="OnEnregistrerClicked" Margin="0,20"/>
-    </StackLayout>
+
+    <ScrollView>
+        <VerticalStackLayout Padding="20" Spacing="15">
+
+            <!-- Champ Nom -->
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB">
+                <Entry x:Name="EntryNom" Placeholder="Nom de la chambre"/>
+            </Frame>
+
+            <!-- Champ Description -->
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB">
+                <Editor x:Name="EntryDescription" Placeholder="Description" AutoSize="TextChanges"/>
+            </Frame>
+
+            <!-- Champ Tarif -->
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB">
+                <Entry x:Name="EntryTarif" Placeholder="Tarif (€)" Keyboard="Numeric"/>
+            </Frame>
+
+            <!-- Champ Nombre de personnes -->
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB">
+                <Entry x:Name="EntryNbPersonne" Placeholder="Nombre de personnes" Keyboard="Numeric"/>
+            </Frame>
+
+            <Label Text="Modifier le Statut" Margin="10,0,0,0"/>
+            <Picker x:Name="PickerStatut" Title=""/>
+            
+            <!-- Bouton Enregistrer -->
+            <Button Text="Enregistrer les modifications" 
+                    Clicked="OnEnregistrerClicked" 
+                    BackgroundColor="#007AFF"
+                    TextColor="White"
+                    CornerRadius="10"
+                    Padding="12"
+                    FontAttributes="Bold"
+                    HorizontalOptions="Center"/>
+            
+        </VerticalStackLayout>
+    </ScrollView>
+
 </ContentPage>
diff --git a/Views/Client/ClientsPage.xaml b/Views/Client/ClientsPage.xaml
index 8839ca4..a09dffc 100644
--- a/Views/Client/ClientsPage.xaml
+++ b/Views/Client/ClientsPage.xaml
@@ -4,44 +4,58 @@
              x:Class="HegreHotel.Views.Client.ClientsPage"
              Title="Gestion des Clients"
              Appearing="ClientsPage_OnAppearing">
-    <StackLayout Padding="10">
+    
+    <StackLayout Padding="15" Spacing="10">
+
+        <!-- Bouton Ajouter Client -->
         <Button Text="Ajouter Client" 
                 Clicked="OnAjouterClientClicked" 
-                HorizontalOptions="Center" 
-                Margin="0,10"/>
-        
+                HorizontalOptions="Center"
+                BackgroundColor="#007AFF"
+                TextColor="White"
+                CornerRadius="10"
+                Padding="10"
+                FontAttributes="Bold"
+                WidthRequest="200"/>
+
+        <!-- Liste des clients -->
         <ListView x:Name="ClientsListView" HasUnevenRows="True" ItemTapped="OnClientTapped">
             <ListView.ItemTemplate>
                 <DataTemplate>
                     <ViewCell>
-                        <StackLayout Orientation="Horizontal" Padding="5" Spacing="10">
-                            <Label Text="{Binding Nom}" 
-                                   VerticalOptions="Center" 
-                                   FontAttributes="Bold" 
-                                   WidthRequest="100"/>
-                            <Label Text="{Binding Prenom}" 
-                                   VerticalOptions="Center" 
-                                   WidthRequest="100"/>
-                            <StackLayout Orientation="Horizontal" HorizontalOptions="EndAndExpand" Spacing="5">
-                                <ImageButton Source="edit_icon.png" 
-                                             Clicked="OnModifierClientClicked" 
-                                             CommandParameter="{Binding .}" 
-                                             HeightRequest="30"
-                                             WidthRequest="30"
-                                             BackgroundColor="Transparent"/>
-                                <ImageButton Source="delete_icon.png" 
-                                             Clicked="OnSupprimerClientClicked" 
-                                             CommandParameter="{Binding .}" 
-                                             HeightRequest="30"
-                                             WidthRequest="30"
-                                             BackgroundColor="Transparent"/>
+                        <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB" Margin="0,5">
+                            <StackLayout Orientation="Horizontal" Spacing="15">
+                                <!-- Icône ou Avatar -->
+                                <Image Source="user_icon.png" WidthRequest="40" HeightRequest="40"/>
+
+                                <!-- Infos du client -->
+                                <VerticalStackLayout>
+                                    <Label Text="{Binding Nom}" FontAttributes="Bold" FontSize="16"/>
+                                    <Label Text="{Binding Prenom}" FontSize="14" TextColor="Gray"/>
+                                </VerticalStackLayout>
+
+                                <!-- Actions Modifier / Supprimer -->
+                                <StackLayout Orientation="Horizontal" HorizontalOptions="EndAndExpand" Spacing="5">
+                                    <ImageButton Source="edit_icon.png" 
+                                                 Clicked="OnModifierClientClicked" 
+                                                 CommandParameter="{Binding .}"
+                                                 HeightRequest="30"
+                                                 WidthRequest="30"
+                                                 BackgroundColor="Transparent"/>
+                                    <ImageButton Source="delete_icon.png" 
+                                                 Clicked="OnSupprimerClientClicked" 
+                                                 CommandParameter="{Binding .}"
+                                                 HeightRequest="30"
+                                                 WidthRequest="30"
+                                                 BackgroundColor="Transparent"/>
+                                </StackLayout>
                             </StackLayout>
-                        </StackLayout>
+                        </Frame>
                     </ViewCell>
                 </DataTemplate>
             </ListView.ItemTemplate>
         </ListView>
-        
-        
+
     </StackLayout>
+
 </ContentPage>
diff --git a/Views/Client/ClientsPage.xaml.cs b/Views/Client/ClientsPage.xaml.cs
index edd06ad..758a693 100644
--- a/Views/Client/ClientsPage.xaml.cs
+++ b/Views/Client/ClientsPage.xaml.cs
@@ -15,7 +15,7 @@ namespace HegreHotel.Views.Client
             InitializeComponent();
             LoadClients();
         }
-
+        
         private async void LoadClients()
         {
             string dbPath = Path.Combine(FileSystem.AppDataDirectory, "HegreHotel.db3");
diff --git a/Views/Client/DetailsClientPage.xaml b/Views/Client/DetailsClientPage.xaml
index 78066aa..b0ebd89 100644
--- a/Views/Client/DetailsClientPage.xaml
+++ b/Views/Client/DetailsClientPage.xaml
@@ -1,35 +1,59 @@
 <?xml version="1.0" encoding="utf-8"?>
-
 <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             x:Class="HegreHotel.Views.Client.DetailsClientPage">
-    <ContentPage.Content>
-        <ScrollView>
-            <StackLayout Padding="10" Spacing="5">
-                <HorizontalStackLayout Spacing="5">
-                    <Label Text="{Binding Nom}" FontAttributes="Bold" FontSize="18"/>
-                    <Label Text="{Binding Prenom}" FontSize="18"/>                
+             x:Class="HegreHotel.Views.Client.DetailsClientPage"
+             Title="Détails du Client">
+    <ScrollView>
+        <VerticalStackLayout Padding="20" Spacing="15">
+            
+            <!-- Nom et prénom -->
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="#F3F4F6">
+                <HorizontalStackLayout Spacing="10">
+                    <Label Text="{Binding Nom}" FontAttributes="Bold" FontSize="22"/>
+                    <Label Text="{Binding Prenom}" FontSize="22"/>
                 </HorizontalStackLayout>
-                <VerticalStackLayout>
-                    <Label Text="{Binding Email}"/>
-                    <Label Text="{Binding Telephone}"/>
+            </Frame>
+
+            <!-- Coordonnées -->
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="#F9FAFB">
+                <VerticalStackLayout Spacing="5">
+                    <HorizontalStackLayout Spacing="10">
+                        <Image Source="email_icon.png" WidthRequest="20" HeightRequest="20"/>
+                        <Label Text="{Binding Email}" FontSize="16"/>
+                    </HorizontalStackLayout>
+                    <HorizontalStackLayout Spacing="10">
+                        <Image Source="phone_icon.png" WidthRequest="20" HeightRequest="20"/>
+                        <Label Text="{Binding Telephone}" FontSize="16"/>
+                    </HorizontalStackLayout>
                 </VerticalStackLayout>
-                <Label Text="Historique des réservations :" FontAttributes="Bold" FontSize="Large"/>
-                <ListView x:Name="ListeReservations">
-                    <ListView.ItemTemplate>
-                        <DataTemplate>
-                            <ViewCell>
-                                <StackLayout Orientation="Horizontal" Padding="5" Spacing="10">
+            </Frame>
+
+            <!-- Historique des réservations -->
+            <Label Text="Historique des réservations :" FontAttributes="Bold" FontSize="18" Margin="0,10,0,5"/>
+            <CollectionView x:Name="ListeReservations">
+                <CollectionView.ItemTemplate>
+                    <DataTemplate>
+                        <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB" Margin="0,5">
+                            <VerticalStackLayout Spacing="5">
+                                <Label Text="{Binding ChambreNom}" FontAttributes="Bold" FontSize="16"/>
+                                <HorizontalStackLayout Spacing="10">
+                                    <Label Text="Début :" FontAttributes="Bold"/>
                                     <Label Text="{Binding DateDebut, StringFormat='{0:dd/MM/yyyy}'}"/>
+                                </HorizontalStackLayout>
+                                <HorizontalStackLayout Spacing="10">
+                                    <Label Text="Fin :" FontAttributes="Bold"/>
                                     <Label Text="{Binding DateFin, StringFormat='{0:dd/MM/yyyy}'}"/>
+                                </HorizontalStackLayout>
+                                <HorizontalStackLayout Spacing="10">
+                                    <Label Text="Invités :" FontAttributes="Bold"/>
                                     <Label Text="{Binding NbInvite}"/>
-                                    <Label Text="{Binding ChambreNom}"/>
-                                </StackLayout>
-                            </ViewCell>
-                        </DataTemplate>
-                    </ListView.ItemTemplate>
-                </ListView>
-            </StackLayout>
-        </ScrollView>
-    </ContentPage.Content>
-</ContentPage>
\ No newline at end of file
+                                </HorizontalStackLayout>
+                            </VerticalStackLayout>
+                        </Frame>
+                    </DataTemplate>
+                </CollectionView.ItemTemplate>
+            </CollectionView>
+
+        </VerticalStackLayout>
+    </ScrollView>
+</ContentPage>
diff --git a/Views/Client/ModifierClientPage.xaml b/Views/Client/ModifierClientPage.xaml
index 63861d9..4b7d282 100644
--- a/Views/Client/ModifierClientPage.xaml
+++ b/Views/Client/ModifierClientPage.xaml
@@ -1,14 +1,47 @@
 <?xml version="1.0" encoding="utf-8"?>
-
 <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="HegreHotel.Views.Client.ModifierClientPage"
              Title="Modifier le Client">
-    <StackLayout Padding="10">
-        <Entry x:Name="EntryNom" Placeholder="Nom du client"/>
-        <Entry x:Name="EntryPrenom" Placeholder="Prenom"/>
-        <Entry x:Name="EntryEmail" Placeholder="Email" />
-        <Entry x:Name="EntryTelephone" Placeholder="Téléphone" Keyboard="Numeric"/>
-        <Button Text="Enregistrer" Clicked="OnEnregistrerClicked" Margin="0,20"/>
-    </StackLayout>
-</ContentPage>
\ No newline at end of file
+
+    <ScrollView>
+        <VerticalStackLayout Padding="20" Spacing="15">
+
+            <!-- Champ Nom -->
+            <Label Text="Nom du client" FontAttributes="Bold" FontSize="16"/>
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB">
+                <Entry x:Name="EntryNom" Placeholder="Entrez le nom du client"/>
+            </Frame>
+
+            <!-- Champ Prénom -->
+            <Label Text="Prénom" FontAttributes="Bold" FontSize="16"/>
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB">
+                <Entry x:Name="EntryPrenom" Placeholder="Entrez le prénom"/>
+            </Frame>
+
+            <!-- Champ Email -->
+            <Label Text="Email" FontAttributes="Bold" FontSize="16"/>
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB">
+                <Entry x:Name="EntryEmail" Placeholder="Entrez l'email" Keyboard="Email"/>
+            </Frame>
+
+            <!-- Champ Téléphone -->
+            <Label Text="Téléphone" FontAttributes="Bold" FontSize="16"/>
+            <Frame Padding="10" CornerRadius="10" BackgroundColor="White" BorderColor="#E5E7EB">
+                <Entry x:Name="EntryTelephone" Placeholder="Entrez le téléphone" Keyboard="Telephone"/>
+            </Frame>
+
+            <!-- Bouton Enregistrer -->
+            <Button Text="Enregistrer les modifications" 
+                    Clicked="OnEnregistrerClicked" 
+                    BackgroundColor="#007AFF"
+                    TextColor="White"
+                    CornerRadius="10"
+                    Padding="12"
+                    FontAttributes="Bold"
+                    HorizontalOptions="Center"/>
+            
+        </VerticalStackLayout>
+    </ScrollView>
+
+</ContentPage>