/* Couleurs selon le groupe */
.table td.groupe-P { background-color: #0070c0; color: #fff; } /* Bleu */
.table td.groupe-M { background-color: #ffff00; color: #000; } /* Jaune */
.table td.groupe-K { background-color: #c00000; color: #fff; } /* Rouge */
.table td.groupe-N { background-color: #00b050; color: #fff; } /* Vert */
.table td.groupe-S { background-color: #bf9000; color: #fff; } /* Marron/or */
.table td.groupe-H { background-color: #7f7f7f; color: #fff; } /* Gris */

/* === Styles de base pour les groupes === */
.groupe-P { background-color: #0070c0; color: #fff; }
.groupe-M { background-color: #ffff00; color: #000; }
.groupe-K { background-color: #c00000; color: #fff; }
.groupe-N { background-color: #00b050; color: #fff; }
.groupe-S { background-color: #bf9000; color: #fff; }
.groupe-H { background-color: #7f7f7f; color: #fff; }

/* === Effet au survol (hover plus clair) === */
.groupe-P:hover { background-color: #3399d9; color: #fff; }
.groupe-M:hover { background-color: #fdfdb5; color: #000; }
.groupe-K:hover { background-color: #e63939; color: #fff; }
.groupe-N:hover { background-color: #33cc70; color: #fff; }
.groupe-S:hover { background-color: #d9a041; color: #fff; }
.groupe-H:hover { background-color: #999999; color: #fff; }

/* === Apparence “bouton” interactive === */
.groupe-P, .groupe-M, .groupe-K, .groupe-N, .groupe-S, .groupe-H {
  cursor: pointer;
}

/* ===============================
       Couleurs de groupe (ligne complète)
    =============================== */
.details-table tr.groupe-P td {
    background-color: #0070c0 !important;
    color: #fff;
}

.details-table tr.groupe-M td {
    background-color: #ffff00 !important;
    color: #000;
}

.details-table tr.groupe-K td {
    background-color: #c00000 !important;
    color: #fff;
}

.details-table tr.groupe-N td {
    background-color: #00b050 !important;
    color: #fff;
}

.details-table tr.groupe-S td {
    background-color: #bf9000 !important;
    color: #fff;
}

.details-table tr.groupe-H td {
    background-color: #7f7f7f !important;
    color: #fff;
}

/* Style pour la matière dans la proposition */
#propMatiere.groupe-P {
    background-color: #0070c0 !important;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
}
    #propMatiere.groupe-P:hover {
        background-color: #3399d9 !important;
        color: #fff !important;
    }
#propMatiere.groupe-M {
    background-color: #ffff00 !important;
    color: #000;
    padding: 4px 8px;
    border-radius: 4px;
}
    #propMatiere.groupe-M:hover {
        background-color: #fdfdb5 !important;
        color: #000 !important;
    }
#propMatiere.groupe-K {
    background-color: #c00000 !important;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
}
    #propMatiere.groupe-K:hover {
        background-color: #e63939 !important;
        color: #fff !important;
    }
#propMatiere.groupe-N {
    background-color: #00b050 !important;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
}
    #propMatiere.groupe-N:hover {
        background-color: #33cc70 !important;
        color: #fff !important;
    }
#propMatiere.groupe-S {
    background-color: #bf9000 !important;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
}
    #propMatiere.groupe-S:hover {
        background-color: #d9a041 !important;
        color: #fff !important;
    }
#propMatiere.groupe-H {
    background-color: #7f7f7f !important;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
}
    #propMatiere.groupe-H:hover {
        background-color: #999999 !important;
        color: #fff !important;
    }

/* === Couleurs du texte pour le type === */
.type-P { color: #0070c0; }
.type-M { color: #b5a400; }
.type-K { color: #c00000; }
.type-N { color: #00b050; }
.type-S { color: #bf9000; }
.type-H { color: #7f7f7f; }

/* hover plus clair */
.btn-materiau.groupe-P:hover,
.btn.groupe-P:hover {
    background-color: #3399d9;
    border-color: #3399d9;
    color: #fff;
}
.btn-materiau.groupe-M:hover,
.btn.groupe-M:hover {
    background-color: #fdfdb5;
    border-color: #fdfdb5;
    color: #000;
}
.btn-materiau.groupe-K:hover,
.btn.groupe-K:hover {
    background-color: #e63939;
    border-color: #e63939;
    color: #fff;
}
.btn-materiau.groupe-N:hover,
.btn.groupe-N:hover {
    background-color: #33cc70;
    border-color: #33cc70;
    color: #fff;
}
.btn-materiau.groupe-S:hover,
.btn.groupe-S:hover {
    background-color: #d9a041;
    border-color: #d9a041;
    color: #fff;
}
.btn-materiau.groupe-H:hover,
.btn.groupe-H:hover {
    background-color: #999999;
    border-color: #999999;
    color: #fff;
}