.page-a-propos {
    max-width: 980px;
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.a-propos-intro {
    margin-bottom: 3rem;
}

.a-propos-intro h1 {
    margin-bottom: 1rem;
}

.a-propos-intro p {
    max-width: 760px;
    line-height: 1.7;
    color: rgba(255,255,255,.78);
}

.a-propos-equipe {
    border-top: 1px solid rgba(255,255,255,.14);
    padding-top: 2rem;
}

.a-propos-equipe h2 {
    margin-bottom: 1.5rem;
}

.equipe-liste {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.membre-card {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 1.25rem;
    padding: 1.4rem 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
    align-items: start;
}

.membre-photo {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    background: #eee;
}

.membre-texte h3 {
    margin: 0 0 .25rem;
    font-size: 1.15rem;
}

.membre-role {
    margin-bottom: .6rem;
    color: rgb(233, 218, 156);
    font-size: .95rem;
}

.membre-texte p {
    margin: 0;
    line-height: 1.65;
    color: rgba(255,255,255,.76);
}

@media (max-width: 640px) {
    .membre-card {
        grid-template-columns: 72px 1fr;
        gap: 1rem;
    }

    .membre-photo {
        width: 72px;
        height: 72px;
    }
}
.a-propos-actions {
    margin-top: 3rem;
}

.action-bloc {
    border-top: 1px solid rgba(255,255,255,.14);
    padding-top: 2rem;
    margin-top: 2rem;
}

.action-bloc h2 {
    margin-bottom: 1.5rem;
}

.action-liste {
    display: flex;
    flex-direction: column;
}

.action-item {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 1rem;

    padding: 1.2rem 0;

    border-bottom: 1px solid rgba(255,255,255,.10);

    text-decoration: none;
    color: inherit;

    transition: opacity .15s ease;
}

.action-item:hover {
    opacity: .9;
}

.action-icon {
    width: 52px;
    height: 52px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,.06);

    font-size: 1.1rem;

    color: rgba(255,255,255,.88);
}

.action-content h3 {
    margin: 0 0 .35rem;
    font-size: 1.05rem;
}

.action-content p {
    margin: 0;
    line-height: 1.6;
    color: rgba(255,255,255,.74);
}
.lien{
    color: azure;
    text-decoration: dotted;
}
h2{
    color:rgb(217, 119, 6);
    font-size: 2em;
}
.action-item-aide {
    border-left: 4px solid #d49a2a;
}

.action-item-aide .action-icon {
    color: #d49a2a;
}