body {
    font-family: Arial, sans-serif;
}

.bandeau {
    width: 100%;
    background: #32557f;
    color: #fff;
    text-align: center;
    font-size: 2em;
}

.foot {
    width: 100%;
    background: #32557f;
    color: #fff;
    text-align: center;
    font-size: 2em;
}

.main-container {
    display: flex;
    flex-direction: row;
    background: #e2a704;
}

/* Colonne de gauche */
.col-gauche {
    width: 25%;
    display: flex;
    flex-direction: column;
    background: #953ecf;
}

.connection {
   /* background: #e2a704;*/
}

.menu {
   /* background: #e2a704;*/
}

/* Colonne de droite */
.col-droite {
    width: 75%;
    display: flex;
    flex-direction: column;
}

.gestion-membres {
   /* background: #e2a704;*/
}

.texte-site {
  /*  background: #e2a704;*/
}

.btn {
font-size: 1em;
color: #0066cc;            /* Couleur du texte */ 
letter-spacing: 2px; 
text-align: left; 
}

ul li {
  color: #111111;            /* Couleur du texte */
}