body{
    background-color: #1D0F26;
    margin: 0;
    font-family: Arial, sans-serif;
}
.container {
    display: flex; /* Aligner les sections en ligne */
    justify-content: space-between; /* Espacement entre les sections */
    align-items: stretch; /* Étire les blocs pour une hauteur égale */
    gap: 5px; /* Espacement entre les blocs */
    padding: 5px;
    background-color: #C2C0A7; /* Couleur de fond globale */
}
.section {
    flex: 1; /* Permet aux blocs de s'adapter à la largeur */
    background-color: #CBC4BD; /* Couleur de fond */
    padding: 20px;
    text-align: center;
    color: #305C5F; /* Couleur du texte */
    border-radius: 5px; /* Coins arrondis */
}

#submit, #btnLogin, #menu {
    background-color: #CBC4BD;
    color: #305C5F;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
}

.toggle-btn {
    background-color: #CBC4BD;
    color: #305C5F;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
    width: 5%;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    transition: background-color 0.3s, color 0.3s;
}

.toggle-btn:hover {
    background-color: #C2C0A7;
    color: #305C5F;
}


/* Style quand la case est cochée */
#bouton:checked + .toggle-btn {
    background-color: #C2C0A7;
    color: #B7652C ;
    border: 2px solid #1D0F26;
}

#bouton2:checked + .toggle-btn {
    background-color: #C2C0A7;
    color: #B7652C ;
    border: 2px solid #1D0F26;
}



#submit:hover, #btnLogin:hover, #menu:hover {
    background-color: #C2C0A7;
    color: #B7652C ;
}

#feedbackMessage{
    text-align: center;
}

#footer{
    background-color: #CBC4BD;
    color: #305C5F;
    display: block;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-family: fantasy;
}