/* index.css */



/* --------------------------------------------------------- */
/*                Corps de page en 3 colonne                 */
/* --------------------------------------------------------- */

.trois-colonnes
{
    display: grid;                          /* Mise en page en grille */
    grid-template-columns: 1fr 1fr 1fr;    /* 3 colonnes identiques */
    gap: 10px;                               /* Espacement entre les colonnes */
    padding: 20px;                           
    align-items: center;                   /* Aligne verticalement les éléments */
    
    
}

/* --------------------------------------------------------- */
/*                Style de block des colonnes                 */
/* --------------------------------------------------------- */

.colonne 
{
    background: #b4afaf;                     
    padding: 20px;                           
    border-radius: 10px;                     
}


/* --------------------------------------------------------- */
/*                Image logo dans la colonne centrale        */
/* --------------------------------------------------------- */

.colonne-centre img 
{
    width: 100%;        /* 100% par rapport à la colonne centrale */
    
}