@charset "utf-8";

/* --- Couleurs inspirées de votre affiche REAF 2026 --- */

/* 1. Couleurs de base du thème */
.template_color           { color: #003366 ; } /* Bleu profond */
.template_border_color    { border-color: #003366 ; }
.template_backgroundcolor { color: #FFFFFF ; }

/* 2. Titres (Harmonisation avec le bleu de l'affiche) */
.titre, .titre a { 
    color: #003366; 
    font-weight: bold;
}

/* 3. Fond de page : propre et moderne */
body { 
    background: #f8f9fa !important; /* Un gris très clair pour la modernité */
    font-family: 'Segoe UI', Arial, sans-serif;
}

/* 4. Menu latéral : on utilise le bleu profond pour l'onglet actif */
.menu_niveau_1_on { 
    background-color: #003366 !important; 
    color: #ffffff !important; 
    border-radius: 4px;
}

/* 5. Modernisation des boutons */
.btn, input[type="submit"] {
    background-color: #003366 !important;
    border-radius: 20px !important;
    padding: 5px 15px !important;
    border: none !important;
    color: white !important;
}

/* 6. Garder les majuscules sur les titres mais pas partout */
.titre { text-transform: uppercase; } 
.formcontent .titre { text-transform: none; color: inherit; }

/* 7. Ombre légère sur le bloc central pour donner du relief */
#middle {
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    border-radius: 8px;
    padding: 20px;
}


/* On cible le bloc qui contient TOUT votre texte de la page ateliers */
#page_1 #main .content, 
#page_1 #main .formcontent {
    background-color: #ffffff !important;
    padding: 40px !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
    border-top: 10px solid #003366 !important; /* Barre bleue en haut */
    line-height: 1.8 !important;
    font-size: 16px !important;
    color: #333 !important;
}

/* On force le fond extérieur en gris pour le contraste */
#page_1 #main {
    background-color: #f0f2f5 !important;
    padding: 20px !important;
}