/* ==========================
   PAGE FEMELLES UNIQUEMENT
   ========================== */

/* Conteneur principal */
.page-femelles{
    display:flex;
    align-items:flex-start;      /* haut du menu = haut du contenu */
    justify-content:center;
    gap:20px;
}

/* Contenu principal */
.page-femelles .corps{
    flex:1;
    max-width:1100px;
    margin:0;                    /* suppression du décalage vertical */
    padding:10px 10px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    box-sizing:border-box;
}

/* Menu */
.page-femelles .menu{
    flex:0 0 180px;              /* largeur du menu */
    align-self:flex-start;
}

/* En-tête */
.page-femelles .entete{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-bottom:5px;
}

/* Contenu */
.page-femelles .contenu-femelles{
    width:100%;
}

/* Tableau */
.page-femelles .table-femelles{
    width:100%;
    border-collapse:collapse;
    margin:0;
}

.page-femelles .table-femelles td{
    padding:5px;
    text-align:center;
    vertical-align:top;
}

/* Images */
.page-femelles .imagemenu{
    margin:0;
    padding:0;
}

.page-femelles .imagemenu ul{
    margin:0;
    padding:0;
}

.page-femelles .imagemenu li{
    list-style:none;
}

.page-femelles .imagemenu img{
    display:block;
    width:250px;
    height:250px;
    margin:auto;
    object-fit:cover;
}

.page-femelles .imagemenu h3{
    margin:3px 0;
    text-align:center;
}

/* ==========================
   Responsive
   ========================== */

@media (max-width:900px){

    .page-femelles{
        display:block;
    }

    .page-femelles .menu{
        position:relative;
        width:100%;
        margin-bottom:20px;
    }

    .page-femelles .corps{
        width:100%;
        margin:0;
        padding:10px;
    }

    .page-femelles .table-femelles,
    .page-femelles .table-femelles tbody,
    .page-femelles .table-femelles tr,
    .page-femelles .table-femelles td{
        display:block;
        width:100%;
    }

    .page-femelles .table-femelles td{
        padding:25px 0;
    }

    .page-femelles .imagemenu img{
        width:100%;
        max-width:350px;
        height:auto;
    }

}