<UserControl x:Class="WpfApp1.userControlDescription"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WpfApp1"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <DockPanel>
        <DockPanel x:Name="Button" DockPanel.Dock="Top">
            <Grid>
                <Button Content="EDIT" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="20,0,0,0" FontSize="20"/>
                <Image Source="Images\Logo_entier.png" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,10,0,10" Height="40" Stretch="Uniform" StretchDirection="Both"></Image>
                <Button Style="{StaticResource Button1}" x:Name="exit" HorizontalAlignment="Right" VerticalAlignment="Center" DockPanel.Dock="Right" Width="50" Height="50" FontSize="25" Click="exit_Click" >
                    <Image Source="Images\cross.png" />
                </Button>
            </Grid>
        </DockPanel>
        <DockPanel Style="{StaticResource Docky}" DockPanel.Dock="Left">
            <TextBlock Text="Nom requin" Foreground="{StaticResource Couleur2}" FontSize="20" Margin="15,5,0,0" DockPanel.Dock="Top"></TextBlock>
            <TextBlock Text="Nom scientifique" Foreground="{StaticResource Couleur2}" FontSize="15" Margin="15,0,0,10" DockPanel.Dock="Top"></TextBlock>
            <TextBlock TextWrapping="Wrap" FontSize="12" Margin="15,5,0,5" HorizontalAlignment="Left" DockPanel.Dock="Top"><Run Text="Description de notre magnifique requin"/><LineBreak/><Run/><LineBreak/><Run/><LineBreak/><Run/></TextBlock>
            <Image Source="Images\Donnees insuffisantes.png" Margin="15,5,5,5" DockPanel.Dock="Top" HorizontalAlignment="Left" MinHeight="5" MaxHeight="25"></Image>
            <MediaElement Source="Videos\Vid-dormeur-mexicain.mp4" DockPanel.Dock="Bottom" MaxHeight="125" MinHeight="50" HorizontalAlignment="Left" Margin="45,0,0,0" />
        </DockPanel>
        <DockPanel Background="{StaticResource Couleur3}" DockPanel.Dock="Right">
            <Image Source="Images\Heterodontus_francisci_catalina.jpg" DockPanel.Dock="Top" Margin="30,30,30,0" MinHeight="50" MaxHeight="125"></Image>
            <Image Source="Images\rep_Heterodontus_mexicanus.png" Margin="10" DockPanel.Dock="Top" MinHeight="50" MaxHeight="125"></Image>
            <TextBlock Text="Fun fact" FontSize="15" DockPanel.Dock="Top" HorizontalAlignment="Center" Margin="5"></TextBlock>
            <TextBlock Text="La bouche du requin dormeur mexicain est en forme de museau de cochon!" FontSize="12" DockPanel.Dock="Bottom" TextWrapping="Wrap"></TextBlock>
        </DockPanel>
    </DockPanel>
</UserControl>
