@import "Commun_qn.css?revintra=28318";
/*
    background-color: #E7F1FD;
    border-color: #263847;
    couleur d'aplat = #176921
    couleur principale = #7ab51d
*/

.QnModalBouton {
    color: #176921;
    background-color: transparent;
}

.QnModalBouton:active {
    background-color: #7ab51d;
}

.TitreQnModal {
    color: #FFFFFF;
    background-color: #176921;
}

.bouton_principal_QN {
    border: 2px solid transparent;
    background: #469DD1 !important;
    color: #FFFFFF;
}

.bouton_principal_QN:hover, .bouton_principal_QN:active {
    border: 2px solid transparent;
    background: #469DD1 !important;
    color: #FFFFFF;
}

.bouton_secondaire_QN {
    border: 2px solid #469DD1 !important;
    background: #FFFFFF;
    color: #469DD1 !important;
}

.bouton_secondaire_QN:hover, .bouton_secondaire_QN:active {
    border: 2px solid #469DD1 !important;
    background: #FFFFFF;
    color: #469DD1 !important;
}

.bouton_principal_QN:focus-within, .bouton_secondaire_QN:focus-within {
    box-shadow: 0px 0px 12px #176921;
}


/*Classes pour personnaliser le titre et les icônes FontAwesome des bannières. Peut servir pour les messages inline de l'appli. Il faudra pourvoir s'en resservir dans DYN, DOC, GU, etc. */

.message_information_QN {
    color: #176921;
}
/* Classes pour les liens principaux */

.lien_principal_QN, .lien_principal_QN:visited {
    color: #469DD1 !important;
}

.lien_principal_QN:hover {
    color: #469DD1 !important;
    background-color: transparent;
}

.lien_principal_QN:active {
    color: #469DD1 !important;
    text-decoration: none;
}

.texte_couleur_secondaire_QN {
    color: #176921 !important;
}

.texte_couleur_principale_QN {
    color: #469DD1 !important;
}

.input_QN_focus {
    color: #000000 !important;
    border: 1px solid #7ab51d !important;
}

.lien_principal_QN:focus {
    background-color: rgba(198, 216, 125, 0.2) !important;
}

/* Champ focus */
.champ_QN:focus {
    color: #000000;
    border: 1px solid #7ab51d;
}

.ArbreRacine {
    color: #176921;
}

.Arbre_Niveau1 {
    color: #7ab51d;
}

.Arbre_Niveau2 {
    color: #176921;
}