.compteurDons {
    padding: 7px 0;
}

.compteurDons .compteurDons-titre span {
    float: right;
    font-weight: bold;
    /* color: #057b85; */
}

.compteurDons .compteurDons-footer {
    font-weight: bold;
    text-align: left;
    font-size: 12px;
}

.compteurDons .progress {
    /* border: 1px solid #000; */
    padding: 3px;
    border-radius: 3px;
    background: #555;
    font-size: 0;
    text-align: left;
    display: flex;
}

.compteurDons .progress .bar0 {
    border-radius: 3px 0 3px 3px;
    display: inline-block;
    background: repeating-linear-gradient(
            135deg,
            #555  0,#555 20px,#707070 20px,#707070 40px
    );
    transition: width 1s;
}

.compteurDons .progress .bar0 .text {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 2px black;
    border-radius: 3px 0 0 3px;
    font-size: 13px;
    height: 2.5em;
    line-height: 2.5em;
}

.compteurDons .progress .bar {
    border-radius: 3px 3px 3px 0;
    display: inline-block;
    background: repeating-linear-gradient(
            135deg,
            #555  0,#555 20px,#707070 20px,#707070 40px
    );
    transition: width 1s;
}

.compteurDons .progress .bar .text {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 2px black;
    border-radius: 0 3px 2px 0;
    font-size: 13px;
    height: 2.5em;
    line-height: 2.5em;
}

.compteurDons .progress .text.color0 {
    background: white;
}

.compteurDons .progress .text.color1 {
    background: linear-gradient( to left, rgba(49, 126, 133, 0.5) 0%, #317e85 100%); /* linear-gradient(to bottom, rgba(101, 249, 12, 0.7) 0%, rgba(108, 255, 13, 0.66) 11%, rgba(143, 247, 85, 0.51) 100%); */
}

.compteurDons .progress .text.color2 {
    background: linear-gradient(to bottom, rgba(249, 232, 59, 0.70) 0%, rgba(249, 232, 49, 0.70) 11%, rgba(247, 233, 115, 0.40) 100%);
}

.compteurDons .progress .text.color3 {
    background: linear-gradient(to bottom, rgba(199, 199, 199, 0.7) 0%, rgba(215, 215, 215, 0.7) 11%, rgba(238, 238, 238, 0.4) 100%);
}

.compteurDons .progress .text.color4 {
    background: linear-gradient(to bottom, rgba(120, 249, 59, 0.7) 0%, rgba(99, 232, 49, 0.7) 11%, rgba(115, 255, 60, 0.4) 100%);
}