diff --git a/GameAtlas/.vs/GameAtlas/v17/.suo b/GameAtlas/.vs/GameAtlas/v17/.suo
index f044c2f..c4c0cab 100644
Binary files a/GameAtlas/.vs/GameAtlas/v17/.suo and b/GameAtlas/.vs/GameAtlas/v17/.suo differ
diff --git a/GameAtlas/GameAtlas/Views/PageAccueil.xaml b/GameAtlas/GameAtlas/Views/PageAccueil.xaml
index 5f08cd3..714fa2f 100644
--- a/GameAtlas/GameAtlas/Views/PageAccueil.xaml
+++ b/GameAtlas/GameAtlas/Views/PageAccueil.xaml
@@ -9,263 +9,275 @@
 
 
 
-    <ScrollView VerticalScrollBarVisibility="Never">
+    <Grid x:Name="outerGrid">
+
+        <Grid.Background>
+            <LinearGradientBrush EndPoint="1,0">
+                <GradientStop Color="#DFE4FF"
+                          Offset="0.1" />
+                <GradientStop Color="#FDF7E6"
+                          Offset="1.0" />
+            </LinearGradientBrush>
+        </Grid.Background>
+
+        <ScrollView VerticalScrollBarVisibility="Never">
+
+            <Grid
+                RowDefinitions="auto, auto, auto, auto, auto, auto, *">
+
+
+                <HorizontalStackLayout>
+                    <Frame Margin="10"
+                    BorderColor="DarkViolet"
+                    CornerRadius="50"
+                    HeightRequest="50"
+                    WidthRequest="50"
+                    IsClippedToBounds="True"
+                    HorizontalOptions="Start"
+                    VerticalOptions="Center"
+                    Grid.Row="1"
+                />
+
+                    <Label
+                    Text="Pseudo"
+                    FontFamily="AladinRegular"
+                    FontSize="18"
+                    Grid.Row="1"
+                    HorizontalOptions="Start"
+                    VerticalOptions="Center"
+                />
+                </HorizontalStackLayout>
+
+                <StackLayout HorizontalOptions="Center" VerticalOptions="Center" Grid.Row="2">
+                    <SearchBar Placeholder="Rechercher" BackgroundColor="#D9D9D9" TextColor="Black"/>
+                </StackLayout>
 
-        <Grid BackgroundColor="Beige"
-            RowDefinitions="auto, auto, auto, auto, auto, auto, *">
-
-
-            <HorizontalStackLayout>
-                <Frame Margin="10"
-                BorderColor="DarkViolet"
-                CornerRadius="50"
-                HeightRequest="50"
-                WidthRequest="50"
-                IsClippedToBounds="True"
-                HorizontalOptions="Start"
-                VerticalOptions="Center"
-                Grid.Row="1"
-            />
+                <Label
+                Text="Parcourir les jeux"
+                FontFamily="PTSansCaption-Bold"
+                FontSize="24"
+                Grid.Row="3"
+                Padding="25,20,0,0"
+                />
+
+                <ScrollView Orientation="Horizontal" Grid.Row="4" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
+                    <Grid RowDefinitions="auto" ColumnDefinitions="*,*,auto" Padding="18" ColumnSpacing="18">
+                        <!-- #1 -->
+                        <ImageButton Source="cover_zelda.png" Grid.Column="0" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
+                        <HorizontalStackLayout Grid.Column="0" Margin="25,95,0,0" Spacing="5">
+                            <Image Style="{StaticResource Stars}"/>
+                            <Image Style="{StaticResource Stars}"/>
+                            <Image Style="{StaticResource Stars}"/>
+                            <Image Style="{StaticResource Stars}"/>
+                            <Image Style="{StaticResource Stars}"/>
+                        </HorizontalStackLayout>
+                        <Label Text="The Legend of Zelda: Tears of the Kingdom"
+                                   TextColor="White"
+                                   FontFamily="PTSansCaption-Bold"
+                                   FontSize="12"
+                                   Grid.Column="0"
+                                   Padding="25,110,0,0"/>
+                        <Image Source="download.png"
+                                   HorizontalOptions="Start"
+                                   HeightRequest="20"
+                                   WidthRequest="20"
+                                   Grid.Column="0"
+                                   Margin="23,120,0,0"/>
+                        <Label Text="250k de téléchargements"
+                                   TextColor="White"
+                                   FontFamily="PTSansCaption-Bold"
+                                   FontSize="8"
+                                   Grid.Column="0"
+                                   Padding="44,135,0,0"/>
+                        <!-- #2 -->
+                        <ImageButton Source="cover_hogwarts.png" Grid.Column="1" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
+                        <HorizontalStackLayout Grid.Column="1" Margin="25,95,0,0" Spacing="5">
+                            <Image Style="{StaticResource Stars}"/>
+                            <Image Style="{StaticResource Stars}"/>
+                            <Image Style="{StaticResource Stars}"/>
+                            <Image Style="{StaticResource Stars}"/>
+                        </HorizontalStackLayout>
+                        <Label Text="Hogwarts Legacy : L'Héritage de Poudlard"
+                                   TextColor="White"
+                                   FontFamily="PTSansCaption-Bold"
+                                   FontSize="12"
+                                   Grid.Column="1"
+                                   Padding="25,110,0,0"/>
+                        <Image Source="download.png"
+                                   HorizontalOptions="Start"
+                                   HeightRequest="20"
+                                   WidthRequest="20"
+                                   Grid.Column="1"
+                                   Margin="23,120,0,0"/>
+                        <Label Text="160k de téléchargements"
+                                   TextColor="White"
+                                   FontFamily="PTSansCaption-Bold"
+                                   FontSize="8"
+                                   Grid.Column="1"
+                                   Padding="44,135,0,0"/>
+                        <!-- #3 -->
+                        <ImageButton Source="cover_residentevil4.png" Grid.Column="2" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
+                        <HorizontalStackLayout Grid.Column="2" Margin="25,95,0,0" Spacing="5">
+                            <Image Style="{StaticResource Stars}"/>
+                            <Image Style="{StaticResource Stars}"/>
+                            <Image Style="{StaticResource Stars}"/>
+                        </HorizontalStackLayout>
+                        <Label Text="Resident Evil 4"
+                                   TextColor="White"
+                                   FontFamily="PTSansCaption-Bold"
+                                   FontSize="12"
+                                   Grid.Column="2"
+                                   Padding="25,110,0,0"/>
+                        <Image Source="download.png"
+                                   HorizontalOptions="Start"
+                                   HeightRequest="20"
+                                   WidthRequest="20"
+                                   Grid.Column="2"
+                                   Margin="23,120,0,0"/>
+                        <Label Text="50k de téléchargements"
+                                   TextColor="White"
+                                   FontFamily="PTSansCaption-Bold"
+                                   FontSize="8"
+                                   Grid.Column="2"
+                                   Padding="44,135,0,0"/>
+                    </Grid>
+                </ScrollView>
 
                 <Label
-                Text="Pseudo"
-                FontFamily="AladinRegular"
-                FontSize="18"
-                Grid.Row="1"
-                HorizontalOptions="Start"
-                VerticalOptions="Center"
-            />
-            </HorizontalStackLayout>
-
-            <StackLayout HorizontalOptions="Center" VerticalOptions="Center" Grid.Row="2">
-                <SearchBar Placeholder="Rechercher" BackgroundColor="#D9D9D9" TextColor="Black"/>
-            </StackLayout>
-
-            <Label
-            Text="Parcourir les jeux"
-            FontFamily="PTSansCaption-Bold"
-            FontSize="24"
-            Grid.Row="3"
-            Padding="25,20,0,0"
-            />
-
-            <ScrollView Orientation="Horizontal" Grid.Row="4" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
-                <Grid RowDefinitions="auto" ColumnDefinitions="*,*,auto" Padding="18" ColumnSpacing="18">
-                    <!-- #1 -->
-                    <ImageButton Source="cover_zelda.png" Grid.Column="0" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
-                    <HorizontalStackLayout Grid.Column="0" Margin="25,95,0,0" Spacing="5">
-                        <Image Style="{StaticResource Stars}"/>
-                        <Image Style="{StaticResource Stars}"/>
-                        <Image Style="{StaticResource Stars}"/>
-                        <Image Style="{StaticResource Stars}"/>
-                        <Image Style="{StaticResource Stars}"/>
-                    </HorizontalStackLayout>
-                    <Label Text="The Legend of Zelda: Tears of the Kingdom"
-                               TextColor="White"
-                               FontFamily="PTSansCaption-Bold"
-                               FontSize="12"
-                               Grid.Column="0"
-                               Padding="25,110,0,0"/>
-                    <Image Source="download.png"
-                               HorizontalOptions="Start"
-                               HeightRequest="20"
-                               WidthRequest="20"
-                               Grid.Column="0"
-                               Margin="23,120,0,0"/>
-                    <Label Text="250k de téléchargements"
-                               TextColor="White"
-                               FontFamily="PTSansCaption-Bold"
-                               FontSize="8"
-                               Grid.Column="0"
-                               Padding="44,135,0,0"/>
-                    <!-- #2 -->
-                    <ImageButton Source="cover_hogwarts.png" Grid.Column="1" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
-                    <HorizontalStackLayout Grid.Column="1" Margin="25,95,0,0" Spacing="5">
-                        <Image Style="{StaticResource Stars}"/>
-                        <Image Style="{StaticResource Stars}"/>
-                        <Image Style="{StaticResource Stars}"/>
-                        <Image Style="{StaticResource Stars}"/>
-                    </HorizontalStackLayout>
-                    <Label Text="Hogwarts Legacy : L'Héritage de Poudlard"
-                               TextColor="White"
-                               FontFamily="PTSansCaption-Bold"
-                               FontSize="12"
-                               Grid.Column="1"
-                               Padding="25,110,0,0"/>
-                    <Image Source="download.png"
-                               HorizontalOptions="Start"
-                               HeightRequest="20"
-                               WidthRequest="20"
-                               Grid.Column="1"
-                               Margin="23,120,0,0"/>
-                    <Label Text="160k de téléchargements"
-                               TextColor="White"
-                               FontFamily="PTSansCaption-Bold"
-                               FontSize="8"
-                               Grid.Column="1"
-                               Padding="44,135,0,0"/>
-                    <!-- #3 -->
-                    <ImageButton Source="cover_residentevil4.png" Grid.Column="2" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
-                    <HorizontalStackLayout Grid.Column="2" Margin="25,95,0,0" Spacing="5">
-                        <Image Style="{StaticResource Stars}"/>
-                        <Image Style="{StaticResource Stars}"/>
-                        <Image Style="{StaticResource Stars}"/>
-                    </HorizontalStackLayout>
-                    <Label Text="Resident Evil 4"
-                               TextColor="White"
-                               FontFamily="PTSansCaption-Bold"
-                               FontSize="12"
-                               Grid.Column="2"
-                               Padding="25,110,0,0"/>
-                    <Image Source="download.png"
-                               HorizontalOptions="Start"
-                               HeightRequest="20"
-                               WidthRequest="20"
-                               Grid.Column="2"
-                               Margin="23,120,0,0"/>
-                    <Label Text="50k de téléchargements"
-                               TextColor="White"
-                               FontFamily="PTSansCaption-Bold"
-                               FontSize="8"
-                               Grid.Column="2"
-                               Padding="44,135,0,0"/>
+                Text="Jeux les mieux notés"
+                FontFamily="PTSansCaption-Bold"
+                FontSize="24"
+                Grid.Row="5"
+                Padding="25,25,0,25"
+                />
+
+                <Grid Grid.Row="6" ColumnDefinitions="auto,auto,auto">
+
+                    <VerticalStackLayout Spacing="40">
+
+
+
+                        <HorizontalStackLayout Grid.Row="0" Spacing="20">
+                            <Image Source="cover_lastofus1.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
+                            <VerticalStackLayout Spacing="15">
+                                <Label Text="The Last of Us Part I" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
+                                <HorizontalStackLayout>
+                                    <Image Style="{StaticResource Star}"/>
+                                    <Label Text="5,0 étoiles"
+                                           TextColor="#7C7C7C"
+                                           FontFamily="PTSansNarrow-Bold"
+                                           FontSize="12"
+                                           Margin="6,0,15,0"/>
+                                    <Image Source="download_blue.png"
+                                           HeightRequest="20"
+                                           WidthRequest="20"
+                                           HorizontalOptions="Start"
+                                           VerticalOptions="Start"/>
+                                    <Label Text="487k"
+                                           TextColor="#7C7C7C"
+                                           FontFamily="PTSansNarrow-Bold"
+                                           FontSize="12"
+                                           Margin="6,0,0,0"/>
+                                </HorizontalStackLayout>
+                            </VerticalStackLayout>
+
+                            <views:BoutonVoir/>
+                        </HorizontalStackLayout>
+
+
+
+                        <HorizontalStackLayout Grid.Row="0" Spacing="20">
+                            <Image Source="cover_forzahorizon5.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
+                            <VerticalStackLayout Spacing="15">
+                                <Label Text="Forza Horizon 5" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
+                                <HorizontalStackLayout>
+                                    <Image Style="{StaticResource Star}"/>
+                                    <Label Text="4,8 étoiles"
+                                           TextColor="#7C7C7C"
+                                           FontFamily="PTSansNarrow-Bold"
+                                           FontSize="12"
+                                           Margin="6,0,15,0"/>
+                                    <Image Source="download_blue.png"
+                                           HeightRequest="20"
+                                           WidthRequest="20"
+                                           HorizontalOptions="Start"
+                                           VerticalOptions="Start"/>
+                                    <Label Text="420k"
+                                           TextColor="#7C7C7C"
+                                           FontFamily="PTSansNarrow-Bold"
+                                           FontSize="12"
+                                           Margin="6,0,0,0"/>
+                                </HorizontalStackLayout>
+                            </VerticalStackLayout>
+
+                            <Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00"  HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
+                        </HorizontalStackLayout>
+
+
+
+                        <HorizontalStackLayout Grid.Row="0" Spacing="20">
+                            <Image Source="cover_readyornot.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
+                            <VerticalStackLayout Spacing="15">
+                                <Label Text="Ready or Not" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
+                                <HorizontalStackLayout>
+                                    <Image Style="{StaticResource Star}"/>
+                                    <Label Text="4,8 étoiles"
+                                           TextColor="#7C7C7C"
+                                           FontFamily="PTSansNarrow-Bold"
+                                           FontSize="12"
+                                           Margin="6,0,15,0"/>
+                                    <Image Source="download_blue.png"
+                                           HeightRequest="20"
+                                           WidthRequest="20"
+                                           HorizontalOptions="Start"
+                                           VerticalOptions="Start"/>
+                                    <Label Text="276k"
+                                           TextColor="#7C7C7C"
+                                           FontFamily="PTSansNarrow-Bold"
+                                           FontSize="12"
+                                           Margin="6,0,0,0"/>
+                                </HorizontalStackLayout>
+                            </VerticalStackLayout>
+
+                            <Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00"  HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
+                        </HorizontalStackLayout>
+
+
+
+                        <HorizontalStackLayout Grid.Row="0" Spacing="20">
+                            <Image Source="cover_starwarsjedisurvivor.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
+                            <VerticalStackLayout Spacing="15">
+                                <Label Text="Star Wars Jedi: Survivor" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
+                                <HorizontalStackLayout>
+                                    <Image Style="{StaticResource Star}"/>
+                                    <Label Text="4,7 étoiles"
+                                           TextColor="#7C7C7C"
+                                           FontFamily="PTSansNarrow-Bold"
+                                           FontSize="12"
+                                           Margin="6,0,15,0"/>
+                                    <Image Source="download_blue.png"
+                                           HeightRequest="20"
+                                           WidthRequest="20"
+                                           HorizontalOptions="Start"
+                                           VerticalOptions="Start"/>
+                                    <Label Text="310k"
+                                           TextColor="#7C7C7C"
+                                           FontFamily="PTSansNarrow-Bold"
+                                           FontSize="12"
+                                           Margin="6,0,0,0"/>
+                                </HorizontalStackLayout>
+                            </VerticalStackLayout>
+
+                            <Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
+                        </HorizontalStackLayout>
+
+                    </VerticalStackLayout>
+
                 </Grid>
-            </ScrollView>
-
-            <Label
-            Text="Jeux les mieux notés"
-            FontFamily="PTSansCaption-Bold"
-            FontSize="24"
-            Grid.Row="5"
-            Padding="25,25,0,25"
-            />
-
-            <Grid Grid.Row="6" ColumnDefinitions="auto,auto,auto">
-
-                <VerticalStackLayout Spacing="40">
-
-
-
-                    <HorizontalStackLayout Grid.Row="0" Spacing="20">
-                        <Image Source="cover_lastofus1.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
-                        <VerticalStackLayout Spacing="15">
-                            <Label Text="The Last of Us Part I" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
-                            <HorizontalStackLayout>
-                                <Image Style="{StaticResource Star}"/>
-                                <Label Text="5,0 étoiles"
-                                       TextColor="#7C7C7C"
-                                       FontFamily="PTSansNarrow-Bold"
-                                       FontSize="12"
-                                       Margin="6,0,15,0"/>
-                                <Image Source="download_blue.png"
-                                       HeightRequest="20"
-                                       WidthRequest="20"
-                                       HorizontalOptions="Start"
-                                       VerticalOptions="Start"/>
-                                <Label Text="487k"
-                                       TextColor="#7C7C7C"
-                                       FontFamily="PTSansNarrow-Bold"
-                                       FontSize="12"
-                                       Margin="6,0,0,0"/>
-                            </HorizontalStackLayout>
-                        </VerticalStackLayout>
-
-                        <views:BoutonVoir/>
-                    </HorizontalStackLayout>
-
-
-
-                    <HorizontalStackLayout Grid.Row="0" Spacing="20">
-                        <Image Source="cover_forzahorizon5.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
-                        <VerticalStackLayout Spacing="15">
-                            <Label Text="Forza Horizon 5" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
-                            <HorizontalStackLayout>
-                                <Image Style="{StaticResource Star}"/>
-                                <Label Text="4,8 étoiles"
-                                       TextColor="#7C7C7C"
-                                       FontFamily="PTSansNarrow-Bold"
-                                       FontSize="12"
-                                       Margin="6,0,15,0"/>
-                                <Image Source="download_blue.png"
-                                       HeightRequest="20"
-                                       WidthRequest="20"
-                                       HorizontalOptions="Start"
-                                       VerticalOptions="Start"/>
-                                <Label Text="420k"
-                                       TextColor="#7C7C7C"
-                                       FontFamily="PTSansNarrow-Bold"
-                                       FontSize="12"
-                                       Margin="6,0,0,0"/>
-                            </HorizontalStackLayout>
-                        </VerticalStackLayout>
-
-                        <Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00"  HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
-                    </HorizontalStackLayout>
-
-
-
-                    <HorizontalStackLayout Grid.Row="0" Spacing="20">
-                        <Image Source="cover_readyornot.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
-                        <VerticalStackLayout Spacing="15">
-                            <Label Text="Ready or Not" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
-                            <HorizontalStackLayout>
-                                <Image Style="{StaticResource Star}"/>
-                                <Label Text="4,8 étoiles"
-                                       TextColor="#7C7C7C"
-                                       FontFamily="PTSansNarrow-Bold"
-                                       FontSize="12"
-                                       Margin="6,0,15,0"/>
-                                <Image Source="download_blue.png"
-                                       HeightRequest="20"
-                                       WidthRequest="20"
-                                       HorizontalOptions="Start"
-                                       VerticalOptions="Start"/>
-                                <Label Text="276k"
-                                       TextColor="#7C7C7C"
-                                       FontFamily="PTSansNarrow-Bold"
-                                       FontSize="12"
-                                       Margin="6,0,0,0"/>
-                            </HorizontalStackLayout>
-                        </VerticalStackLayout>
-
-                        <Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00"  HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
-                    </HorizontalStackLayout>
-
-
-
-                    <HorizontalStackLayout Grid.Row="0" Spacing="20">
-                        <Image Source="cover_starwarsjedisurvivor.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
-                        <VerticalStackLayout Spacing="15">
-                            <Label Text="Star Wars Jedi: Survivor" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
-                            <HorizontalStackLayout>
-                                <Image Style="{StaticResource Star}"/>
-                                <Label Text="4,7 étoiles"
-                                       TextColor="#7C7C7C"
-                                       FontFamily="PTSansNarrow-Bold"
-                                       FontSize="12"
-                                       Margin="6,0,15,0"/>
-                                <Image Source="download_blue.png"
-                                       HeightRequest="20"
-                                       WidthRequest="20"
-                                       HorizontalOptions="Start"
-                                       VerticalOptions="Start"/>
-                                <Label Text="310k"
-                                       TextColor="#7C7C7C"
-                                       FontFamily="PTSansNarrow-Bold"
-                                       FontSize="12"
-                                       Margin="6,0,0,0"/>
-                            </HorizontalStackLayout>
-                        </VerticalStackLayout>
-
-                        <Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
-                    </HorizontalStackLayout>
-
-                </VerticalStackLayout>
 
             </Grid>
 
-        </Grid>
+        </ScrollView>
+    </Grid>
 
-    </ScrollView>
-    
 </ContentPage>
\ No newline at end of file
diff --git a/GameAtlas/GameAtlas/Views/PageParcourir.xaml b/GameAtlas/GameAtlas/Views/PageParcourir.xaml
index 29259b4..6d1489f 100644
--- a/GameAtlas/GameAtlas/Views/PageParcourir.xaml
+++ b/GameAtlas/GameAtlas/Views/PageParcourir.xaml
@@ -5,34 +5,47 @@
              x:Class="GameAtlas.Views.PageParcourir"
              Title="ECRAN DE CONNEXION" WidthRequest="390" HeightRequest="844"
              BackgroundColor="Beige">
-    
-    <VerticalStackLayout>
-        <HorizontalStackLayout>
-            <Image Source="arrow_back.png" WidthRequest="25" HeightRequest="25" HorizontalOptions="Start" Margin="20,20,0,0"/>
-            
-            <SearchBar Placeholder="Rechercher"
-                    BackgroundColor="White"
-                    TextColor="Black"
-                    HorizontalOptions="EndAndExpand"
-                    />
-        </HorizontalStackLayout>
-        <Label
-            Text="Rechercher"
-            FontFamily="PTSansCBold"
-            FontSize="24"
-            Grid.Row="3"
-            Padding="20"
-        />
-        
-        <Grid  RowDefinitions="auto, auto, auto, auto"
-               ColumnDefinitions="*,*">
-            <ImageButton Source="cover_zelda.png" Grid.Column="0" Grid.Row="0" Style="{StaticResource ImageRecherche}"/>
-            <ImageButton Source="cover_zelda.png" Grid.Column="0" Grid.Row="1" Style="{StaticResource ImageRecherche}"/>
-            <ImageButton Source="cover_zelda.png" Grid.Column="1" Grid.Row="0" Style="{StaticResource ImageRecherche}"/>
-            <ImageButton Source="cover_zelda.png" Grid.Column="1" Grid.Row="1" Style="{StaticResource ImageRecherche}"/>
-        </Grid>
-        
-
-
-    </VerticalStackLayout>
+
+
+    <Grid x:Name="outerGrid">
+
+        <Grid.Background>
+            <LinearGradientBrush EndPoint="1,0">
+                <GradientStop Color="#DFE4FF"
+                          Offset="0.1" />
+                <GradientStop Color="#FDF7E6"
+                          Offset="1.0" />
+            </LinearGradientBrush>
+        </Grid.Background>
+
+        <VerticalStackLayout>
+            <HorizontalStackLayout>
+                <Image Source="arrow_back.png" WidthRequest="25" HeightRequest="25" HorizontalOptions="Start" Margin="20,20,0,0"/>
+
+                <SearchBar Placeholder="Rechercher"
+                        BackgroundColor="White"
+                        TextColor="Black"
+                        HorizontalOptions="EndAndExpand"
+                        />
+            </HorizontalStackLayout>
+            <Label
+                Text="Rechercher"
+                FontFamily="PTSansCBold"
+                FontSize="24"
+                Grid.Row="3"
+                Padding="20"
+            />
+
+            <Grid  RowDefinitions="auto, auto, auto, auto"
+                   ColumnDefinitions="*,*">
+                <ImageButton Source="cover_zelda.png" Grid.Column="0" Grid.Row="0" Style="{StaticResource ImageRecherche}"/>
+                <ImageButton Source="cover_zelda.png" Grid.Column="0" Grid.Row="1" Style="{StaticResource ImageRecherche}"/>
+                <ImageButton Source="cover_zelda.png" Grid.Column="1" Grid.Row="0" Style="{StaticResource ImageRecherche}"/>
+                <ImageButton Source="cover_zelda.png" Grid.Column="1" Grid.Row="1" Style="{StaticResource ImageRecherche}"/>
+            </Grid>
+
+        </VerticalStackLayout>
+
+    </Grid>
+
 </ContentPage>
\ No newline at end of file