/* =============================================================================
    # Colors
========================================================================== */

:root{
    --color-primary: #004494;
    --color-primary_medium: #DBE6F1;
    --color-primary_light: #EEF4FA;
    --color-secondary: #E2001A;
    --color-tertiary: #24AF95;

    --color-text: #262626;
    --color-text_dark: #181A2A;
    --color-text_light: #828282;

    --color-background: #FFFFFF;
    --color-background_alt: #F2F2F2;
    --color-background_alt-2: rgba(0, 68, 148, 0.08);
    --color-background_alt-transparent : rgba(0,0,0,.38);

    --error : #FEF3C7;
    --success : #ECFDF5;
    --warning-b : #006EA0;
    --warning-g : #007c82;

    --color-invariant_white: #FFFFFF;

    --color-decoration: #E8E8EA;

    --shadow-hover: 0 0 10px #5455843d;
    --shadow-default: 0 0 0px transparent;
}

/* Couleurs de thèmes */
:root{
    --color-theme-accent: #C93949;
}

body.aujourd-hui-demains{
    --color-theme-accent: #E30613;
}

:root {
    --color01: #2B5D99;
    --color02: #D6195E;
    --color03: #0F806A;
    --color04: #CA4D5D;
    --color05: #D03606;
    --color06: #6D71AE;
    --color07: #E4DB5C;
    --color08: #004494;
    --color09: #962A2A;
    --color10: #4B4E71;
    --color11: #712B0B;
    --color12: #0F806A;
    --color13: #635D09;
    --color14: #EEF2F7;
    --color15: #FCEDF2;
    --color16: #ECF5F3;
    --color17: #FBF1F2;
    --color18: #FBEFEB;
    --color19: #EEE23C;
    --color20: #4371A7;
    --color21: #034189;
    --color22: #E35E8E;
    --color23: rgba(3, 65, 137, 0.04);
    --color24: #FEF9FA;
    --color25: #962A2A;
    --color26: #C93949;
    --color27: #10806A;
    --color28: rgba(233, 243, 255, 0.8);
    --color28-t: rgba(233, 243, 255, 0.08);
    --color28-d: rgba(233, 243, 255, 0.24);
    --color29: #b7285c ;
    --color30: #c94c5c ;
    
    --primary-light : rgba(0, 68, 148, 0.8);
    
    --background-pl : var(--color14);
    --agenda-home: #24AF95 ;

    --icone-color: var(--color-invariant_white);

}

body[data-univers*="la-branche-professionnelle"] {
    /* La branche professionnelle, c'est quoi ? */
    .c-est-quoi {
        --icone :  url("../images/icones/la-branche-professionnelle/c-est-quoi.png");
        --background : var(--color06);
    }
    /* Textes et accords */
    .textes-et-accords {
        --icone :  url("../images/icones/la-branche-professionnelle/textes-et-accords.png");
        --background : var(--color12);
    }
    /* Engagement syndical */
    .engagement-syndical {
        --icone :  url("../images/icones/la-branche-professionnelle/engagement-syndical.png");
        --background : var(--color30);
    }
    /* Parcours certifiant et diplômant */
    .parcours-certifiant-et-diplomant {
        --icone :  url("../images/icones/la-branche-professionnelle/parcours-certifiant-et-diplomant.png");
        --background : var(--color20);
    }
    /* Etude et promotion des métiers */
    .etudes-et-promotion-des-metiers {
        --icone :  url("../images/icones/la-branche-professionnelle/etudes-et-promotion-des-metiers.png");
        --background : var(--color29);
    }
}
body[data-univers*="flash-cdg-infos"] {
    --logo-pl : url("../images/icones/flash-cdg-infos/logo-flash-cdg-infos.png");
    --deco :  url("../images/icones/veille reglementaire/deco.png");
    --agenda-deco : url("../images/icones/flash-cdg-infos/fond-agenda.png");
    --img-pl : url("../images/icones/flash-cdg-infos/pl-img.png");
    /* Vie du Groupe */
    .vie-du-groupe {
        --icone : url("../images/icones/flash-cdg-infos/icon/Vie du groupe.png");
        --background : var(--color08);
    }
    /* Actualité Bancaire */
    .actualite-bancaire {
        --icone :  url("../images/icones/flash-cdg-infos/icon/Actualite Bancaire.png");
        --background : var(--color06);
    }
    /* Conjoncture */
    .conjoncture {
        --icone : url("../images/icones/flash-cdg-infos/icon/conjoncture.png");
        --background : var(--color07);
    }
    /* Grand Angle */
    .grand-angle {
        --icone : url("../images/icones/flash-cdg-infos/icon/Grand Angle.png") ;
        --background : var(--color05);
    }
    /* Point de vue */
    .point-de-vue {
        --icone : url("../images/icones/flash-cdg-infos/icon/Point de vue.png") ;
        --background : var(--color04);
    }
    /* Chiffre clé */
    .chiffre-cle {
        --icone : url("../images/icones/flash-cdg-infos/icon/Chriffre cle.png") ;
        --background : var(--color01);
    }
}
body[data-univers*="actu-esg"] {
    --bt-1-color : #008254;
    --bt-1-bg : #DBF4EB;
    --bt-2-color : var(--color-primary);
    --bt-2-bg : #d7e5f8;
    --bt-3-color : var(--color05);
    --bt-3-bg : #FBE6E8;

    --background-detail: url("../images/icones/l-actu-esg/bg-detail.png") ;

    --agenda-deco : url("../images/icones/l-actu-esg/fond-agenda.png");

    /* Concurrence */
    .concurrence {
        --icone :  url("../images/icones/l-actu-esg/concurrence.png");
    }
    /* Groupe Crédit Mutuel */
    .groupe-credit-mutuel , 
    .actu-esg {
        --icone :   url("../images/icones/l-actu-esg/groupe-credit-mutuel.png");
    }
        /* Veille */
    .veille {
        --icone :  url("../images/icones/l-actu-esg/veille.png");
    }
    /* Le chiffre de la semaine */
    .le-chiffre {
        --icone :  url("../images/icones/l-actu-esg/le-chiffre.png");
        --background : var(--color27);
    }
    /* Décryptage */
    .decryptage {
        --icone :  url("../images/icones/l-actu-esg/decryptage.png");
        --background : var(--color26);
    }
    /* Webinaire */
    .webinaire {
        --icone :  url("../images/icones/l-actu-esg/webinaire.png");
        --background : var(--color21);
    }


}
body[data-univers*="lettre-des-affaires-publiques"] {
    --agenda-deco : url("../images/icones/lettre-des-affaires-publique/fond-agenda.png");
    --aLaUne-deco : url("../images/icones/lettre-des-affaires-publique/a-la-une.png");

    /* Projet Loi de Finances */
    .projet-loi-de-finances {
        --icone : url("../images/icones/lettre-des-affaires-publique/projet-loi-de-finances.png");
        --background : var(--color07);
    }
    /* Actualités législatives */
    .actualites-legislatives {
        --icone : url("../images/icones/lettre-des-affaires-publique/actualites-legislatives.png");
        --background : var(--color06);
    }
    /* Actualités parlementaires */
    .actualites-parlementaires {
        --icone : url("../images/icones/lettre-des-affaires-publique/actualites-parlementaires.png");
        --background : var(--color05);
    }
    /* Actualités politiques */
    .actualites-politiques {
        --icone : url("../images/icones/lettre-des-affaires-publique/actualites-politiques.png");
        --background : var(--color03);
    }
    /* Publications diverses */
    .publications-diverses {
        --icone : url("../images/icones/lettre-des-affaires-publique/publications-diverses.png");
        --background : var(--color04);
    }
    /* Agenda */
    .agenda {
        --icone : url("../images/icones/lettre-des-affaires-publique/calendar.png");
        --background : var(--color20);
    }


}
body[data-univers*="lettre-europeenne"] {
    --deco :  url("../images/icones/lettre-europeenne-du-cm/decoration.png");    
    --background-border : var(--color23);
    --background-sp1 :  url("../images/icones/lettre-europeenne-du-cm/focus-bg.png");
    --aLaUne-deco : url("../images/icones/lettre-europeenne-du-cm/a-la-une.png");
    /* Banque de détail */
    .banque-detail {
        --icone :  url("../images/icones/lettre-europeenne-du-cm/banque-de-detail.png");
        --background : var(--color08);
    }
    /* Banque D’investissement */
    .banque-investissement {
        --icone :   url("../images/icones/lettre-europeenne-du-cm/banque-d-investissement.png");
        --background : var(--color06);
    }
    /* Finance durable */
    .finance-durable {
        --icone :   url("../images/icones/lettre-europeenne-du-cm/finance-durable.png");
        --background : var(--color03);
    }
    /* Lutte contre le blanchiment */
    .lutte-contre-blanchiment {
        --icone :   url("../images/icones/lettre-europeenne-du-cm/lutte-contre-le-blanchiement.png");
        --background : var(--color05);
    }
    /* Numérique */
    .numerique {
        --icone :   url("../images/icones/lettre-europeenne-du-cm/numerique.png");
        --background : var(--color02);
    }
    /* Politiques économiques */
    .politiques-economiques {
        --icone :   url("../images/icones/lettre-europeenne-du-cm/politiques-economiques.png");
        --background : var(--color01);
    }
    /* Prudentiel */
    .prudentiel {
        --icone :   url("../images/icones/lettre-europeenne-du-cm/Prudentiel.png");
        --background : var(--color07);
    }
        /* Résolution */
    .resolution {
        --icone :   url("../images/icones/lettre-europeenne-du-cm/resolution.png");
        --background : var(--color04);
    }
    /* Divers */
    .divers {
        --icone :   url("../images/icones/lettre-europeenne-du-cm/divers.png");
        --background : var(--color25);
    }
    /* Focus */
    .focus {
        --icone :   url("../images/icones/lettre-europeenne-du-cm/focus.png");
        --background : var(--color08);
    }
    


}
body[data-univers*="veille"] {

    --deco :  url("../images/icones/veille reglementaire/deco.png");
    --aLaUne-deco : url("../images/icones/veille reglementaire/veille.png");
    /* Sécurité Financière */
    .securite-financiere {
        --icone : url("../images/icones/veille reglementaire/png/SecuriteFinanciere.png");
        --background : var(--color01);
    }

    /* Pratiques commerciales et protextion de la clientèle */
    .pratiques-commerciales {
        --icone :  url("../images/icones/veille reglementaire/png/pratique-commerciales-et-protection-de-la-clientele.png");
        --background : var(--color06);
    }
    /* Déontologie, éthique, lutte contre la corruption et prévention des conflits d’intérêts */
    .deontologie {
        --icone :  url("../images/icones/veille reglementaire/png/deontologie.png");
        --background : var(--color05);
    }
    /* Protection des données personnelles */
    .protection-des-donnees {
        --icone :  url("../images/icones/veille reglementaire/png/ProtectionDonnees.png");
        --background : var(--color03);
    }
    /* Intégrité des marchés */
    .integrite-des-marches {
        --icone :  url("../images/icones/veille reglementaire/png/IntegriteMarche.png");
        --background : var(--color07);
    }
    /* Sanction */
    .sanction {
        --icone :  url("../images/icones/veille reglementaire/png/sanction.png");
        --background : var(--color04);
    }
    /* Autres */
    .autres {
        --icone :  url("../images/icones/veille reglementaire/png/Autres.png");
        --background : var(--color02);
    }

}
body[data-univers*="16h30"] {   

    --background-1 : var(--color08);
    --background-2 : var(--color22);
    --background-3 : var(--color23);
    --background-4 : var(--color24);
    --background-5 : var(--color17);

    --logo-pl : url("../images/icones/16h30/logo-16h30.png");
    --agenda-deco-left: url("../images/agenda-left.png");
    --agenda-deco-right: url("../images/agenda-right.png");

    /* Temps forts */
    .temps-forts {
        --icone : url("../images/icones/16h30/png/temps-forts.png");
    }
    /* Zoom sur */
    .zoom-sur {
        --icone : url("../images/icones/16h30/png/zoom-sur.png");
    }
    /* Retours sur*/
    .retour-sur {
        --icone : url("../images/icones/16h30/png/retours-sur.png");
    }
    /* Notre PMT */
    .notre-pmt {
        --icone : url("../images/icones/16h30/png/notre-pmt.png");
    }
    /* Portraits */
    .portraits {
        --icone : url("../images/icones/16h30/png/portraits.png");
    }
    /* Jeux et concours */
    .jeux-et-concours {
        --icone : url("../images/icones/16h30/png/jeux-et-concours.png");
    }
    /* minute utile */
    .minute-utile {
        --icone : url("../images/icones/16h30/png/minute-utile.png");
    }
}

body.ContentDetailComponent[data-univers*="la-branche-professionnelle"] {
    /* La branche professionnelle, c'est quoi ? */
    .c-est-quoi {
        --icone :  url("../images/icones/la-branche-professionnelle/c-est-quoi.png");
        --main-color : var(--color06);
    }
    /* Textes et accords */
    .textes-et-accords {
        --icone :  url("../images/icones/la-branche-professionnelle/textes-et-accords.png");
        --main-color : var(--color12);
    }
    /* Engagement syndical */
    .engagement-syndical {
        --icone :  url("../images/icones/la-branche-professionnelle/engagement-syndical.png");
        --main-color : var(--color30);
    }
    /* Parcours certifiant et diplômant */
    .parcours-certifiant-et-diplomant {
        --icone :  url("../images/icones/la-branche-professionnelle/parcours-certifiant-et-diplomant.png");
        --main-color : var(--color20);
    }
    /* Etude et promotion des métiers */
    .etudes-et-promotion-des-metiers {
        --icone :  url("../images/icones/la-branche-professionnelle/etudes-et-promotion-des-metiers.png");
        --main-color : var(--color29);
    }
}
body.ContentDetailComponent[data-univers*="flash-cdg-infos"] {
    --background-detail: url("../images/icones/flash-cdg-infos/bg-detail.png") ;

    .vie-du-groupe {
        --main-color : var(--color08);
    }
    .actualite-bancaire {
        --main-color: var(--color06);
    }
    .conjoncture {
        --main-color: var(--color07);
    }
    .grand-angle {
        --main-color: var(--color05);
    }
    .point-de-vue {
        --main-color: var(--color04);
    }
    .chiffre-cle {
        --main-color: var(--color01);
    }


}
body.ContentDetailComponent[data-univers*="actu-esg"] {
    --main-color : var(--color04);
    .decryptage {
        --main-color : var(--color26);
    }
    .le-chiffre {
        --main-color : var(--color27);

    }
    .webinaire {
        --main-color: var(--color21);
    }
}
body.ContentDetailComponent[data-univers*="lettre-des-affaires-publiques"] {
    --background-detail: url("../images/icones/lettre-des-affaires-publique//bg-detail.png") ;

    .projet-loi-de-finances {
        --main-color : var(--color07);
    }
    .actualites-legislatives {
        --main-color : var(--color06);
    }
    .actualites-parlementaires {
        --main-color : var(--color05);
    }
    .actualites-politiques {
        --main-color: var(--color03);
    }
    .publications-diverses {
        --main-color: var(--color04);
    }
    .agenda {
        --main-color: var(--color20);
    }
}
body.ContentDetailComponent[data-univers*="lettre-europeenne"] {
    --background-detail: url("../images/icones/lettre-europeenne-du-cm/bg-detail.png") ;

    .banque-detail {
        --main-color: var(--color08)
    }
    .banque-investissement {
        --main-color: var(--color06);
    }
    .finance-durable {
        --main-color: var(--color03);
    }
    .lutte-contre-blanchiment {
        --main-color: var(--color05);
    }
    .numerique {
        --main-color: var(--color02);
    }
    .politiques-economiques {
        --main-color: var(--color01);
    }
    .prudentiel {
        --main-color: var(--color07);
        --color: var(--color-text);
    }
    .resolution {
        --main-color: var(--color04);
    }
    .divers {
        --main-color: var(--color25);
    }
    .focus {
        --main-color: var(--color08);
    }
}
body.ContentDetailComponent[data-univers*="veille"] {
    --background-detail: url("../images/icones/veille reglementaire/bg-detail.png") ;

    .securite-financiere {
        --main-color: var(--color01);
    }
    .pratiques-commerciales {
        --main-color: var(--color06);
    }
    .deontologie {
        --main-color: var(--color05);
    }
    .protection-des-donnees {
        --main-color: var(--color03);
    }
    .integrite-des-marches {
        --main-color: var(--color07);
        --color: var(--color-text);
        --icone-color: var(--color-text);
    }
    .sanction {
        --main-color: var(--color04);
    }
    .autres {
        --main-color: var(--color02);
    }
}
body.ContentDetailComponent[data-univers*="16h30"] {
    --main-color: var(--color-primary);
    --background-detail: url("../images/icones/16h30/bg-detail.png") ;
    .jeux-et-concours {
        --main-color: var(--color22);
        --color : var(--color-primary);
    }
}
body.ContentDetailComponent[data-univers*="aujourd-hui-demains"] {
    --main-color: var(--color-invariant_white);
    --color : var(--color-primary);
}
body.ContentDetailComponent[data-univers*="les-chroniques"] {
    --main-color: var(--color05);
    --color : var(--color-invariant_white);
}