@media (min-width: 400px) {

    .roster{
        flex-direction: row;
        flex-wrap: wrap;
    }

    .redirect-joueur{
        width: 49%;
    }

    .joueur{
        width: 100%;
        justify-content: space-between;
        align-items: flex-start;
        height: 400px;
    }
    .joueur img {
        width: 100%;
      }

    .hero h2{
    bottom: 240px;
    }
    .titre-actualites {
    flex-direction: row;
    }
}

@media (min-width: 480px) {
    .stat{
        height: 80px;
    }

    .joueur-info{
        bottom: 128px;
    }

    .image-back-left{
        translate: -40px 16px;
    }

    .image-back-right{
        translate: 40px 16px;
    }
}

@media (min-width: 800px){
    .histoire{
        flex-direction: row;
    }

    .image-back-left {
        transform: rotate(-10deg) translate(-48px, 16px);
    }
      
    .image-back-right {
        transform: rotate(10deg) translate(48px, 16px);
    }

    /* Section sponsors */

    .sponsors{
        flex-direction: row;
        }
    
    .content-sponsors{
        flex-direction: row;
        width: 50%;
    }

    .presentation-logo{
        width: 280px;
    }

    .text-content-sponsors{
    border-top: 0;
    border-left: 1px solid var(--grey-400);
    }

    .news{
        flex-direction: row;
        justify-content: space-between;
    }

    .a-article{
        width: 48%;
    }
    .a-article-main {
        width: 100%;
      }

    .news img{
        height: 320px;
    }

    .roster{
        flex-wrap: nowrap;
        gap: 16px;
    }

    .presentation{
        padding-top: 120px;
        flex-direction: row;
        background-color: var(--primary-1000);
        position: relative;
        justify-content: center;
    }

    .presentation-joueur{
        flex-direction: row;
        gap: 40px;
    }

    .presentation-joueur-content{
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-self: flex-end;
        padding: 40px 0;
    }

    .joueur-info .informations-joueurs-content{
        justify-content: left;
    }

    .joueur-info{
        display: flex;
        flex-direction: row;
        position: initial;
        background: none;
        gap: 24px;
        height: auto;
        justify-content: left;
    }

    .joueur-info .reseaux-sociaux{
        justify-content: left;
    }

    .stat{
        border-radius: 24px;
        padding: 16px 56px;
    }

    .palmares-container{
        flex-direction: row;
        flex-wrap: wrap;
    }

    .palmares-content{
        max-width: 180px;
    }
    .palmares-content-tsun{
        max-width: 260px;
    }

/* Page Histoire */

    .histoire-storytelling{
    flex-direction: row;
    gap: 24px;
    width: 80%;
    padding: 0 10%;
    justify-content: center;
    align-items: center;
    }

    .histoire-storytelling img{
    border-radius: 24px;
    max-width: 40%;
    }

    .histoire-storytelling-content{
    gap: 16px;
    }

    @media (min-width: 1000px){
        .data-carriere{
            flex-direction: row;
            gap: 0;
        }

    }
}