diff --git a/Sources/Model/Stub/StubFruitDuDemon.cs b/Sources/Model/Stub/StubFruitDuDemon.cs
index d127427..061a22b 100644
--- a/Sources/Model/Stub/StubFruitDuDemon.cs
+++ b/Sources/Model/Stub/StubFruitDuDemon.cs
@@ -12,7 +12,11 @@ namespace Model.Stub
         {
             List<FruitDuDemon> fdd = new List<FruitDuDemon>()
             {
-
+                new FruitDuDemon("Fruit de la fumée", "Moku Moky No Mi", "Logia", 97, 48, "Le fruit est ..", "Forces :", "Faiblesses :","fumer.png"),
+                new FruitDuDemon("Fruit de l'humain modèle Nika", "Nika Nika No Mi", "Zoan Mythique", 1, 1, "Le fruit ...", "Forces :", "Faiblesses :","nika.png"),
+                new FruitDuDemon("Pyro fruit", "Nika Nika No Mi", "Logia", 158, 94, "Le fruit ...", "Forces :", "Faiblesses :","feu.png"),
+                new FruitDuDemon("Fruit des Éclosions", "Hana Hana no Mi", "Paramecia", 1, 1, "Le fruit ...", "Forces :", "Faiblesses :","eclosion.png"),
+                new FruitDuDemon("Fruit du Félin, modèle Léopard", "Neko Neko no Mi", "Zoan Carnivore", 348, 245, "Le fruit ...", "Forces :", "Faiblesses :","leopard.png"),
             };
             return fdd;
         }
diff --git a/Sources/Ohara/MainPage.xaml.cs b/Sources/Ohara/MainPage.xaml.cs
index c4e9194..7e17a15 100644
--- a/Sources/Ohara/MainPage.xaml.cs
+++ b/Sources/Ohara/MainPage.xaml.cs
@@ -4,8 +4,6 @@ namespace Ohara;
 
 public partial class MainPage : ContentPage
 {
-	int count = 0;
-
 	public MainPage()
 	{
 		InitializeComponent();
diff --git a/Sources/Ohara/NewPage3.xaml b/Sources/Ohara/NewPage3.xaml
index 3bc4383..51b18c7 100644
--- a/Sources/Ohara/NewPage3.xaml
+++ b/Sources/Ohara/NewPage3.xaml
@@ -1,85 +1,93 @@
-<?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="Ohara.NewPage3"
-             Title="NewPage3"
-             BackgroundColor="#e2edf1">
-    
-    
-    <Grid>
-
-        <Grid.RowDefinitions>
-            <RowDefinition Height="2*" />
-        </Grid.RowDefinitions>
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="300" />
-            <ColumnDefinition Width="*" />
-        </Grid.ColumnDefinitions>
-        <VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
-
-            <Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
-                <Image.Clip>
-                    <EllipseGeometry Center="150,90"  RadiusX="80"  RadiusY="80"/>
-                </Image.Clip>
-            </Image>
-
-
-            <Button Style="{StaticResource buttonMenu}" Text="Accueil"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Carte"/>
-            <Button Style="{StaticResource buttonMenu2}" Text="Personnages"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Fruits du démon"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Îles"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Équipages"/>
-        </VerticalStackLayout>
-        <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
-            <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="10*"/>
-                </Grid.RowDefinitions>
-                <Grid.ColumnDefinitions >
-                    <ColumnDefinition Width="20*"/>
-                    <ColumnDefinition Width="25*"/>
-                    <ColumnDefinition Width="10*"/>
-                    <ColumnDefinition Width="10*"/>
-                </Grid.ColumnDefinitions>
-                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
-                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
-                    <Label Text="Filtrer" HorizontalTextAlignment="Center" />
-                </Frame>
-
-                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
-                    <Label Text="Trier" HorizontalTextAlignment="Center"  />
-                </Frame>
-            </Grid>
-
-
-            <ScrollView BackgroundColor="Red" Orientation="Vertical" VerticalScrollBarVisibility="Always" >
-                <CollectionView x:Name="listFDD" IsGrouped="True">
-                    <CollectionView.ItemTemplate>
-
-                        <DataTemplate>
-                            <Grid Padding="10">
+<?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="Ohara.NewPage3"
+             Title="NewPage3"
+             BackgroundColor="#e2edf1">
 
-                                <Image Grid.RowSpan="2"
-                                   Source="{Binding ImageUrl}"
-                                   Aspect="AspectFill"
-                                   HeightRequest="60"
-                                   WidthRequest="60" />
-                                <Label Grid.Column="1"
-                                   Text="{Binding Name}"
-                                   FontAttributes="Bold" />
-                                <Label Grid.Row="1"
-                                   Grid.Column="1"
-                                   Text="{Binding Location}"
-                                   FontAttributes="Italic"
-                                   VerticalOptions="End" />
-                            </Grid>
-                        </DataTemplate>
-                    </CollectionView.ItemTemplate>
-                </CollectionView>
-            </ScrollView>
-        </VerticalStackLayout>
-    </Grid>
+
+    <Grid>
+
+        <Grid.RowDefinitions>
+            <RowDefinition Height="2*" />
+        </Grid.RowDefinitions>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="300" />
+            <ColumnDefinition Width="90*" />
+        </Grid.ColumnDefinitions>
+        <VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
+
+            <Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
+                <Image.Clip>
+                    <EllipseGeometry Center="150,90"  RadiusX="80"  RadiusY="80"/>
+                </Image.Clip>
+            </Image>
+
+
+            <Button Style="{StaticResource buttonMenu}" Text="Accueil"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Carte"/>
+            <Button Style="{StaticResource buttonMenu2}" Text="Personnages"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Fruits du démon"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Îles"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Équipages"/>
+        </VerticalStackLayout>
+        <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
+            <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="10*"/>
+                </Grid.RowDefinitions>
+                <Grid.ColumnDefinitions >
+                    <ColumnDefinition Width="20*"/>
+                    <ColumnDefinition Width="25*"/>
+                    <ColumnDefinition Width="10*"/>
+                    <ColumnDefinition Width="10*"/>
+                </Grid.ColumnDefinitions>
+                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
+                    <Label Text="Filtrer" HorizontalTextAlignment="Center" />
+                </Frame>
+
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
+                    <Label Text="Trier" HorizontalTextAlignment="Center"  />
+                </Frame>
+            </Grid>
+
+            <CollectionView x:Name="listeFDD" ItemsUpdatingScrollMode="KeepScrollOffset" VerticalScrollBarVisibility="Always" ItemsLayout="VerticalGrid, 4">
+                <CollectionView.ItemTemplate>
+                    <DataTemplate>
+                        <Grid Padding="10" ColumnSpacing="10" RowSpacing="20">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="25*"/>
+                            </Grid.ColumnDefinitions>
+                            <Image
+                                Source="{Binding Image}"
+                                HeightRequest="300"
+                                WidthRequest="300" />
+                            <Label 
+                                VerticalOptions="End"
+                                Margin="20"
+                                HorizontalOptions="Center"
+                                HorizontalTextAlignment="Center"
+                                Padding="10"
+                                Text="{Binding Nom}"
+                                BackgroundColor="#72a3b3"
+                                FontAttributes="Bold" />
+                            <Label 
+                                VerticalOptions="End"
+                                Padding="7"
+                                HorizontalTextAlignment="Center"
+                                HorizontalOptions="Center"
+                                Text="{Binding Type}"
+                                FontAttributes="Italic"
+                                BackgroundColor="#72a3b3"/>
+                           
+                        </Grid>
+                    </DataTemplate>
+                </CollectionView.ItemTemplate>
+            </CollectionView>
+            
+        </VerticalStackLayout>
+    </Grid>
 </ContentPage>
\ No newline at end of file
diff --git a/Sources/Ohara/NewPage3.xaml.cs b/Sources/Ohara/NewPage3.xaml.cs
index 9811545..e572e73 100644
--- a/Sources/Ohara/NewPage3.xaml.cs
+++ b/Sources/Ohara/NewPage3.xaml.cs
@@ -1,17 +1,22 @@
-namespace Ohara;
-using Model;
-using Model.Stub;
-public partial class NewPage3 : ContentPage
-{
-
-	public NewPage3()
+namespace Ohara;
+using Model;
+using Model.Stub;
+public partial class NewPage3 : ContentPage
+{
+
+	public NewPage3()
 	{
        
 		
-        InitializeComponent();
-		List<FruitDuDemon> fdd = StubFruitDuDemon.RecupererFruit().ToList();
+        InitializeComponent();
+		List<FruitDuDemon> fdd = StubFruitDuDemon.RecupererFruit().ToList();
+
+
+        listeFDD.ItemsSource = fdd;
+	}
 
+    private void listeFDD_ScrollToRequested(object sender, ScrollToRequestEventArgs e)
+    {
 
-        listeFDD.ItemsSource = fdd;
-	}
+    }
 }
\ No newline at end of file
diff --git a/Sources/Ohara/Ohara.csproj b/Sources/Ohara/Ohara.csproj
index 701ec1d..9291a42 100644
--- a/Sources/Ohara/Ohara.csproj
+++ b/Sources/Ohara/Ohara.csproj
@@ -52,6 +52,10 @@
 		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
 	</ItemGroup>
 
+	<ItemGroup>
+	  <ProjectReference Include="..\Model\Model.csproj" />
+	</ItemGroup>
+
 	<ItemGroup>
 	  <MauiXaml Update="NewPage1.xaml">
 	    <Generator>MSBuild:Compile</Generator>
diff --git a/Sources/Ohara/Resources/Images/eclosion.png b/Sources/Ohara/Resources/Images/eclosion.png
new file mode 100644
index 0000000..2636382
Binary files /dev/null and b/Sources/Ohara/Resources/Images/eclosion.png differ
diff --git a/Sources/Ohara/Resources/Images/feu.png b/Sources/Ohara/Resources/Images/feu.png
new file mode 100644
index 0000000..0cd3d4a
Binary files /dev/null and b/Sources/Ohara/Resources/Images/feu.png differ
diff --git a/Sources/Ohara/Resources/Images/fumer.jpg b/Sources/Ohara/Resources/Images/fumer.jpg
deleted file mode 100644
index aafa905..0000000
Binary files a/Sources/Ohara/Resources/Images/fumer.jpg and /dev/null differ
diff --git a/Sources/Ohara/Resources/Images/fumer.png b/Sources/Ohara/Resources/Images/fumer.png
new file mode 100644
index 0000000..80cdd15
Binary files /dev/null and b/Sources/Ohara/Resources/Images/fumer.png differ
diff --git a/Sources/Ohara/Resources/Images/leopard.png b/Sources/Ohara/Resources/Images/leopard.png
new file mode 100644
index 0000000..36df759
Binary files /dev/null and b/Sources/Ohara/Resources/Images/leopard.png differ
diff --git a/Sources/Ohara/Resources/Images/nika.png b/Sources/Ohara/Resources/Images/nika.png
new file mode 100644
index 0000000..cbf9293
Binary files /dev/null and b/Sources/Ohara/Resources/Images/nika.png differ