/* Saisissez votre CSS personnalisé ci-dessous */
/* --- Version plus puissante pour le contraste --- */

article .entry-content p,
article .entry-content li {
    color: #222222 !important; 
}

article .entry-content h2,
article .entry-content h3,
article .entry-content h4 {
    color: #111111 !important; 
}

article .entry-content a {
    /*color: #005a9c !important; */
   /* text-decoration: underline !important;*/
}
/* --- Style pour la section "Notre action au quotidien" --- */

/* Le conteneur principal de la section */
.section-action {
    display: flex; /* Aligne le texte et l'image côte à côte */
    align-items: center; /* Centre verticalement les éléments */
    background-color: #f5f5f5; /* Un fond gris très clair pour faire ressortir */
    padding: 30px; /* Ajoute de l'espace à l'intérieur du bloc */
    border-radius: 8px; /* Arrondit les coins pour un look moderne */
    margin-top: 40px; /* Ajoute de l'espace au-dessus */
}

/* Style pour la colonne de texte */
.colonne-texte {
    flex: 2; /* Fait que la colonne de texte prend plus de place */
    padding-right: 20px; /* Espace entre le texte et l'image */
}

/* Style pour la colonne de l'image */
.colonne-image {
    flex: 1; /* La colonne de l'image prend moins de place */
}

/* Style pour l'icône avant le titre */
.section-action h3 i {
    color: #f2a900; /* Met l'icône dans la couleur orange/jaune de la CFDT */
    margin-right: 10px; /* Espace entre l'icône et le titre */
}

/* Amélioration du bouton */
.bouton-ameliore {
    background-color: #f2a900; /* Fond orange/jaune CFDT */
    color: #FFFFFF !important; /* Texte en blanc */
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    transition: background-color 0.3s; /* Effet de transition doux */
}

/* Effet au survol de la souris */
.bouton-ameliore:hover {
    background-color: #e09900; /* Une couleur légèrement plus foncée */
}