@media (max-width: 1240px) {
    #descPost *:first-child{
        margin-top: 0;
    }
    #screenZone{
        width: 95vw;
    }
    .tabContent .tabTop,.tabContent .tabBottom{
        flex-direction: column;
    }
    .tabContent .tabTop>div, .tabContent .tabBottom>div, .tabContent .tabMiddle>div{
        width: 100% !important;
    }
    #tabButton{
        width: 10%;
    }
}
@media (max-width: 1024px){
    .idJeu{
        width: 45%;
    }
}
@media (max-width: 990px) {
    #descPost *:first-child{
        margin-top: 0;
    }
    #screenZone{
        width: 90vw;
    }
    .tabContent .tabTop,.tabContent .tabBottom{
        flex-direction: column;
    }
    .tabContent .tabTop>div, .tabContent .tabBottom>div, .tabContent .tabMiddle>div{
        width: 100% !important;
    }
    #tabButton{
        width: 10%;
    }
    #introJeu{
        flex-direction: column-reverse !important;
        gap: 1em !important;
    }
    #introJeu>*{
        width: 100%;
    }
    #introJeu>div>h4{
        margin-bottom: 0.5em;
    }
}