/* =============================
   MISE EN PAGE GLOBALE (Flex)
   ============================= */

.competition-wrapper {
    display: flex;
    flex-direction: row;
    /* côte à côte */
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    margin-top: 40px;
    width: 100%;
    flex-wrap: nowrap;
    box-sizing: border-box;
}

.Corps {
    background-image: url(../Image/Fond/Fond-Competition.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* === Bloc principal gauche (tableau) === */
.card.tableau {
    flex: 0 0 69%;
    max-width: 69%;
}

/* === Bloc latéral (fiche) === */
.fiche-laterale {
    flex: 0 0 29%;
    max-width: 29%;
    position: relative;
    overflow: hidden;
    min-height: 420px;
}

/* === Ajustement du contenu interne === */
.fiche-laterale .fiche-container {
    width: 100%;
}

/* === Responsive : bascule sous 900px === */
@media (max-width: 900px) {
    .competition-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .card.tableau,
    .fiche-laterale {
        flex: 1 1 100%;
        max-width: 100%;
        min-height: auto;
    }
}