.grid-container {
    display: grid;
    grid-template-columns: 280px 1fr 300px 350px; /* Ajustez selon vos besoins */
    grid-template-areas:
        "gauche1 edito articles gauche2";
    width: 1200px; /* Largeur fixe globale */
    height: 650px; /* Hauteur fixe pour la démo, ajustez si besoin */
    margin: 30px auto; /* Centrage horizontal */
    gap: 20px;
    background: #fff;
    border: 1px solid #ddd;
}

.gauche1, .gauche2, .articles {
    background: #f5f5f5;
    overflow: hidden; /* Les photos restent fixes */
    padding: 10px;
    height: 100%;
}

.edito {
    background: #fafafa;
    padding: 20px;
    overflow-y: auto; /* Scroll vertical uniquement sur la colonne centrale */
    height: 100%;
    box-sizing: border-box;
}

/* Facultatif : pour que le header/footer restent visibles */
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body
{
}