/* couleurs */
@each $nom, $color in $list-colors {
    .color-#{$nom} { color: $color !important; }
    .bg-#{$nom} { background-color: $color !important; }
    a.link-#{$nom}, .link-#{$nom} a { color: $color !important; }
    .border-#{$nom} { border-color: $color !important; }
    .hr-#{$nom} { border-top:1px solid $color !important; }
    .btn-#{$nom} { 
        background-color: $color !important;
        color: $white-color;
        transition: all 0.2s;
    }
    .btn-#{$nom}:hover {
        background-color: darken($color, 15%) !important;
        color: $white-color !important;
    }
}