/* ==========================================================================
   tablehote-colors.css
   Surcharge des couleurs "rose" de maternite.css pour la page table d'hôte.

   Tout est scopé sous ".tablehotePage" (classe confirmée), en descendant
   des vraies classes fonctionnelles (.find_more, .read_more_section,
   .parcours, .bloc-prest, .career_section...) plutôt qu'en dépendant de
   la classe ".maternite", dont on ne sait pas encore si elle est
   dynamique ou codée en dur. Donc : aucun risque de conflit avec la page
   maternité, quelle que soit la réponse à cette question.

   Palette :
   - Bleu roi : #1d3054
   - Or       : #ceb474
   ========================================================================== */

/* Boutons roses -> bleu roi */
.tablehotePage .find_more,
.tablehotePage .magazine_buttons a {
    background: #1d3054;
    color: #fff !important;
}

.tablehotePage .normal_content_flex h3, 
.tablehotePage p a {
    color: #1d3054 !important;
}

/* Fond section "en savoir plus" (était rose) -> teinte or légère */
.tablehotePage .read_more_section {
    background-color: rgba(206, 180, 116, 0.35);
}

/* Puces de liste (icône image à recréer en doré, voir note plus bas) */
.tablehotePage .ce-textpic ul li:before,
.tablehotePage .career_section ul li:before,
.tablehotePage .content ul li:before  {
    background-image: url(../images/gold-left-arrow.png);
    background-size: contain;
}

/* Texte d'accent rose -> or. Nécessite une nouvelle classe utilitaire,
   voir note ci-dessous concernant l'éditeur de texte riche. */
.tablehote-color {
    color: #ceb474 !important;
}

/* Bloc "parcours" (étapes) : fond rose clair -> or clair, cercles roses -> bleu roi,
   ligne pointillée rose -> or */
.tablehotePage .parcours {
    background-color: #f8f2e2;
}
.tablehotePage .parcours__line {
    border-top-color: #ceb474;
}
.tablehotePage .parcours__circle {
    background-color: #1d3054;
}

/* Bloc "bloc-prest" : fond rose clair -> or clair */
.tablehotePage .bloc-prest,
.tablehotePage .bloc-prest__right {
    background-color: #f8f2e2;
}
