/*Diaporama */
#Diaporama
{
    display:flex;
    overflow:hidden;
    position:relative;
    width:100%;
    height:auto;
}

.diaporama-fleches-prec
{
    position:absolute;
    width:50px;
    height:35px;
    top:150px;
    left:50px;
    transform :rotate(180deg);
    cursor:pointer;
    z-index:5;
}

.diaporama-fleches-suiv
{
    position:absolute;
    width:50px;
    height:35px;
    top:150px;
    right:50px;
    cursor:pointer;
    z-index:5;
}

/* Mini Diaporama */
.minislider 
{
    display:flex;
    justify-content:center;
    width:1000%;
    height:400px;
}

.minidiapos
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    flex-direction:column;
    width:50%;
    font-size:30px;
    height:400px;
    font-family: 'Alex Brush', arial;
    color:white;
    z-index:2;
}

.minidiapos img
{
    width:20%;
    object-fit:cover;
}

/*Diaporama */
.slider
{
    display:flex;
    width:1000%;
    height:600px;
}

.diapos
{
    display:flex;
    position:relative;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    font-size:30px;
    height:600px;
    font-family: 'Alex Brush', arial;
    color:white;
    z-index:2;
    line-height:10px;
    margin-top:10px;
}

.diapos-titre
{
    position:absolute;
    top:10px;
    left:10px;
    font-size:30px;
}

.diapos-soustitre
{
    position:absolute;
    top:60px;
    left:10px;
    font-size:15px;
}

.diapos img
{
    width:100%;
    object-fit:cover;
}

/* Ordinateur Portable */
@media screen and (max-width: 1400px)
{
    #Diaporama
    {
        height:500px;
    }

    .slider
    {
        height:500px;
    }

    .diapos
    {
        height:500px;
        margin-top:0px;
    }

    .diapos img
    {
        height:500px;
    }
}

@media screen and (max-width: 600px)
{
    #Diaporama
    {
        height:400px;
    }

    .slider
    {
        height:400px;
    }

    .diapos
    {
        height:400px;
        margin-top:0px;
    }

    .diapos img
    {
        height:400px;
    }

    .diapos-titre
    {
        left:5%;
        font-size:20px;
    }

    .diapos-soustitre
    {
        left:5%;
        top:45px;
        font-size:10px;
    }

    .minidiapos img
    {
        width:50%;
    }
}