<Window x:Class="WpfApp1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="Window1" Height="450" Width="800">

    <DockPanel>
        <DockPanel DockPanel.Dock="Left" Background="{StaticResource Couleur3}">

            <ComboBox DockPanel.Dock="Top">
                <ComboBoxItem Tag="Océans" IsSelected="True">Tous</ComboBoxItem>
                <ComboBoxItem Tag="Océans" >Arctique</ComboBoxItem>
                <ComboBoxItem Tag="Océans" >Atlantique</ComboBoxItem>
                <ComboBoxItem Tag="Océans" >Indien</ComboBoxItem>
                <ComboBoxItem Tag="Océans" >Pacifique</ComboBoxItem>
            </ComboBox>
            <ListBox Background="AliceBlue">

                <local:UserControlRequin/>
                <local:UserControlRequin/>
                <local:UserControlRequin/>
                <local:UserControlRequin/>
                <local:UserControlRequin/>
                <local:UserControlRequin/>
                <local:UserControlRequin/>
            </ListBox>
        </DockPanel>
        <DockPanel x:Name="Button" DockPanel.Dock="Top">
            <Image Source="Images\Logo_entier.png" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="196,10,10,10" Height="40" Stretch="Uniform" StretchDirection="Both"></Image>
            <Button Style="{StaticResource Button1}" x:Name="add" HorizontalAlignment="Right" VerticalAlignment="Center" DockPanel.Dock="Right" Content="+" Width="50" Height="50" FontSize="25"></Button>
        </DockPanel>
        <DockPanel Style="{StaticResource Docky}" DockPanel.Dock="Left" Width="260">
            <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" ></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-1280-By-Ed-Bierman-from-CA-usa-Horn-Shark-CC-BY-2.0.jpg" DockPanel.Dock="Top" Margin="30,30,30,0"></Image>
            <Image Source="Images\rep_Heterodontus_mexicanus.png" Margin="10" DockPanel.Dock="Top"></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>


</Window>
