.img-entete-ensavplus {
    background-image: url(./images/enTetes/arcade.jpg);
    background-position: top;
    height: 45vw;
    background-size: cover;
    background-repeat: no-repeat;
    flex: none;
    border-radius: 10px; /* Ajout d'une bordure arrondie */
}

.ensavplus {
    position: absolute;
    top: 46vw;
    left: 2vw;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 2.2rem; /* Réduction de la taille de police pour un aspect plus épuré */
    line-height: 1.4; /* Ajustement de l'espacement entre les lignes */
    color: white;
    background-color: rgba(0, 0, 0, 0.7); /* Légère transparence pour un effet moderne */
    border-radius: 10px; /* Ajout d'une bordure arrondie */
    padding: 10px 20px; /* Réduction de l'espacement autour du texte */
}

.sousTitreContainer {
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
    margin-top: 140px;
}

.sousTitre {
    color: #000000;
    font-size: 1.8rem; /* Réduction de la taille de police pour un aspect plus épuré */
    margin-bottom: 0;
    margin-right: 10px;
}

.section {
    background-color: #CDC5B5;
    margin: 40px; /* Simplification des marges */
    padding: 40px; /* Réduction du padding pour un aspect plus épuré */
    border-radius: 10px; /* Ajout d'une bordure arrondie */
}

.bold {
    font-weight: bold;
}

.descr {
    margin-bottom: 40px;
}

.etape {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 500px;
    margin-bottom: 20px;
}

.number {
    font-size: 2.5rem; /* Augmentation de la taille de police pour plus de visibilité */
    color: #000000;
    margin: 0; /* Suppression des marges pour un alignement vertical correct */
}

.explication {
    margin-top: 0;
}

.fondateur {
    display: flex;
    align-items: center;
    gap: 20px;
}

.img {
    width: 20vw;
    height: 25vw;
    background-image: url(./images/PhotoGeoffrey.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.txt {
    max-width: 800px;
}

.encre {
    height: 20px;
    width: 20px;
}

@media(max-width:1024px) {
    .ensavplus {
        font-size: 2rem;
        top: 45vw;
    }

    .sousTitre {
        font-size: 1.5rem;
    }

    .descr,
    .etape,
    .txt,
    .mentionsLegales {
        font-size: 0.8rem;
    }

    .txt {
        max-width: 480px;
    }
}

@media(max-width:880px) {
    .ensavplus {
        font-size: 1.8rem;
    }

    .sousTitre {
        font-size: 1.3rem;
    }

    .descr,
    .etape,
    .txt,
    .mentionsLegales {
        font-size: 0.6rem;
    }

    .txt {
        max-width: 350px;
    }

    .section {
        padding: 30px;
    }

    .number {
        font-size: 2rem;
    }

    .etape {
        max-width: 400px;
    }
}

@media(max-width:600px) {
    .ensavplus {
        font-size: 1.2rem;
        top: 48vw;
    }

    .sousTitre {
        font-size: 1.5rem;
    }

    .fondateur {
        flex-wrap: wrap;
    }

    .img {
        width: 70vw;
        height: 30vw;
    }

    .txt {
        max-width: 500px;
    }

    .section {
        margin: 20px; /* Ajustement des marges */
        padding: 20px; /* Ajustement du padding */
    }
}

@media(max-width:440px) {
    .ensavplus {
        top: 51vw;
    }

    .sousTitre {
        font-size: 1.2rem;
    }
}

@media(max-width:400px) {
    .ensavplus {
        top: 52vw;
    }
}