.pattern {
    background-repeat: repeat;
    background-image: url('~@/images/commun/motif-65.png');
}

@mixin background-opacity($color, $opacity: 0.8) {
    background-color: $color; /* The Fallback */
    background-color: rgba($color, $opacity);
}

/* Pattern */
.color-1 {
    @include background-opacity(#8eb8e9, 0.8);
}

.color-2 {
    @include background-opacity($orange, 0.8);
}

.color-3 {
    @include background-opacity(#ac283d, 0.8);
}

.color-4 {
    @include background-opacity(#e7910e, 0.8);
}

.color-5 {
    @include background-opacity(#fab7d8, 0.8);
}

.color-6 {
    @include background-opacity(#ee7c28, 0.8);
}

.color-7 {
    @include background-opacity(#dbab6b, 0.8);
}

.color-8 {
    @include background-opacity(#76b658, 0.8);
}

.color-9 {
    @include background-opacity(#9cc9ab, 0.8);
}

.color-10 {
    @include background-opacity(#dd4453, 0.902);
}

.color-11 {
    @include background-opacity(#439998, 0.902);
}

.color-vegetal {
    background-color: $vegetalTitle !important;
}