.logo{
    width: 60px;
    height: auto;
    margin: 10px;
}

.mb-4{
    text-align: justify;
    text-justify: inter-word; /* Optionnel */
}

.mb-3{
    text-align: center;
}

hr{
    margin: 35px;
}

.foot{
    text-decoration: none;
    color: white;
}

span{
    color: #06BBCC;
}

.filtre{
    font-size: 1.5em;
    font-family: 'Nunito', sans-serif;
}

.content{
    margin: 25px;
    display: flex;
    justify-content: space-around;
}

.option{
    padding: 4px;
    border-radius: 8px;
    font-family: 'Nunito', sans-serif;
}

.filter {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
    border-radius: 8px;
    border: 2px solid  #06BBCC;
    background-color: #06BBCC;
    color: white;
    transition: all 0.3s ease-in-out;
}

.filter:hover {
    background-color: transparent;
    color: #06BBCC;
}

.filter2 {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
    border-radius: 8px;
    border: 2px solid #06BBCC;
    background-color: white;
    color: #06BBCC;
    transition: all 0.3s ease-in-out;
}

.filter2:hover {
    background-color: transparent;
    color: #06BBCC
}

.identite {
    width: 100%; /* Utilisation d'une largeur relative */
    max-width: 1050px; /* Empêche l'image d'être trop grande sur les grands écrans */
    height: auto; /* Garde le ratio de l'image */
    display: flex; /* Active le centrage */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement si nécessaire */
    margin: 0 auto; /* Centre l’élément dans son conteneur */
}

@media (max-width: 768px) {
    .identite {
        width: 90%; /* Réduction de la largeur pour les petits écrans */
    }
}