/* Couleurs CFTC */
:root {
    --first-color: #0f3f93; 
    --second-color: #2669b2;
}

header img, .header img, #head img, img {
    max-height: 100px !important; 
    width: auto !important;
    display: block;
    margin: 10px auto;
}

/* Fond gris clair pour tout le site */
body { background-color: #f0f2f5 !important; font-family: Arial, sans-serif; }

/* Cadre blanc pour le contenu */
.articles, .site-adh, section { 
    background: white !important; 
    max-width: 900px; 
    margin: 30px auto; 
    padding: 30px; 
    border-radius: 10px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
}

/* On colore les titres en Bleu CFTC */
h1, h3, legend { color: #0f3f93 !important; font-weight: bold; }

/* Ton bouton d'adhésion en bleu */
.btn-adh, button[name="save"] {
    background-color: #0f3f93 !important;
    color: white !important;
    border-radius: 50px !important;
    padding: 15px 30px !important;
    text-decoration: none;
    display: inline-block;
    border: none;
}

/* On nettoie la structure éparpillée */
body { font-family: sans-serif; margin: 0; padding: 0; background: #f4f7f9; }
section.articles { 
    max-width: 900px; 
    margin: 20px auto; 
    padding: 20px; 
    background: white; 
    border-radius: 8px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}

/* Les titres */
h1, h3 { color: var(--first-color); }

/* Le bouton d'adhésion pro */
.btn-adh {
    display: inline-block;
    background: var(--first-color);
    color: white !important;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 20px 0;
}
.btn-adh:hover { background: var(--second-color); }