body{
    margin:0;
    padding:0;
    background:#faf8f4;
    font-family:Arial,Helvetica,sans-serif;
}

/* Hero */
.hero-asso{
    max-width:850px;
    margin:45px auto 55px;
    padding:0 20px;
    text-align:center;
}

.hero-asso h1{
    margin:0;
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(2.2rem,4vw,3rem);
    font-weight:600;
    color:#334155;
    line-height:1.1;
}

.hero-divider{
    width:60px;
    height:3px;
    margin:16px auto 18px;
    border-radius:50px;
    background:#C9A66B;
}

.hero-asso p{
    max-width:650px;
    margin:auto;
    font-size:1rem;
    line-height:1.7;
    color:#64748b;
}

/* Conteneur principal */
.container-asso{
    max-width:1200px;
    margin:40px auto 60px;
    padding:0 20px;
    display:flex;
    gap:35px;
    align-items:stretch;
}

/* Colonnes */
.container-gauche{
    flex:3;
    display:flex;
}

.container-droite{
    flex:2;
    display:flex;
    flex-direction:column;
    gap:30px;
}

/* Cartes */
.div-objectifs,
.div-grandsnoms,
.div-comite{
    background:#fff;
    padding:35px;
    border-radius:30px;
    border:1px solid #e8dcc7;
    box-shadow:0 8px 25px rgba(0,0,0,.04);
    transition:all .3s ease;
}

.div-objectifs{
    flex:1;
}

/* Titres */
.div-objectifs h1,
.div-grandsnoms h1,
.div-comite h1{
    margin:0 0 28px;
    color:#334155;
    font-family:"Cormorant Garamond",serif;
    font-size:2.3rem;
    font-weight:600;
    letter-spacing:.3px;
    border-left:none;
    padding-left:0;
    padding-bottom:16px;
    position:relative;
}

.div-objectifs h1::after,
.div-grandsnoms h1::after,
.div-comite h1::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:44px;
    height:2px;
    background:#C9A66B;
}

/* Paragraphes */
.div-objectifs p,
.div-grandsnoms p{
    margin:0;
    color:#475569;
    line-height:1.9;
    text-align:justify;
    white-space:pre-line;
}

/* Drop cap sur le premier paragraphe */
.div-objectifs p::first-letter{
    font-family:"Cormorant Garamond",serif;
    font-size:3.4rem;
    font-weight:600;
    color:#C9A66B;
    float:left;
    line-height:.8;
    margin:6px 8px 0 0;
}

/* Liste du comité */
.div-comite ul{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px 24px;
}

.div-comite li{
    line-height:1.4;
    padding-bottom:14px;
    border-bottom:1px dashed #e8dcc7;
}

.div-comite li .nom{
    display:block;
    color:#334155;
    font-weight:600;
}

.div-comite li .role{
    display:block;
    font-size:.75rem;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#C9A66B;
    margin-top:2px;
}

/* Responsive */
@media(max-width:900px){

    .container-asso{
        flex-direction:column;
        gap:30px;
    }

    .container-gauche,
    .container-droite{
        width:100%;
    }

    .div-objectifs,
    .div-grandsnoms,
    .div-comite{
        padding:25px;
    }

    .div-objectifs h1,
    .div-grandsnoms h1,
    .div-comite h1{
        font-size:1.9rem;
    }

    .div-objectifs p,
    .div-grandsnoms p{
        text-align:left;
    }
}

@media(max-width:500px){
    .div-comite ul{
        grid-template-columns:1fr;
    }
}