.mois{
    margin-bottom: var(--espace-9);
}

.mois-titre{
    display:flex;
    color:white;
    flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
}

.mois-titre p{ /*C'est pour que le numéro et la date du mois soient sur la même ligne*/
    display: inline;
}

.mois-numero{
    padding: var(--espace-2) var(--espace-2) var(--espace-2) var(--espace-2);
    background-color: black;
    font-size: var(--texte-taille-5);
    font-family: var(--police-banniere);
    line-height: var(--texte-ecartementlignes-5-1);
    font-weight: normal;
    text-transform:uppercase;
    
}

.mois-infos{
    font-size: var(--texte-taille-6);
    font-family: var(--police-titre);
    text-transform: uppercase;
    font-weight: 400;
    /* color:var(--gris-tres-fonce); */
}




@media(min-width:768px){


    .mois-numero{
        font-size: var(--texte-taille-7);
        line-height: var(--texte-ecartementlignes-7-1);
    }
}