.affluence {
	padding:10px;
	margin-bottom:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*display:inline-block;*/
	border:1px dotted red;
}

/* Merci prelude-prod.fr */
.barre-progression {
	width:614px;		/* la valeur à modifier : longueur totale de la barre de progression */
	height:45px;		/* la hauteur totale de la barre : si modifié, il faut modifier aussi plus bas */
	position:relative;
	border:1px solid #999;
	border-radius: 3px;
	
}

.barre-progression div {
	position:absolute;
	left:0;
	top:0;
	height:45px;		/* hauteur de la barre intérieure : à modifier si la barre totale est modifiée */ 
	z-index:1;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc7667+0,a7ea6e+72,a7ea6e+100 */
background: rgb(252,118,103); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(252,118,103,1) 0%, rgba(167,234,110,1) 72%, rgba(167,234,110,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(252,118,103,1)), color-stop(72%,rgba(167,234,110,1)), color-stop(100%,rgba(167,234,110,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(252,118,103,1) 0%,rgba(167,234,110,1) 72%,rgba(167,234,110,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(252,118,103,1) 0%,rgba(167,234,110,1) 72%,rgba(167,234,110,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(252,118,103,1) 0%,rgba(167,234,110,1) 72%,rgba(167,234,110,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(252,118,103,1) 0%,rgba(167,234,110,1) 72%,rgba(167,234,110,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7667', endColorstr='#a7ea6e',GradientType=1 ); /* IE6-9 */
}

/* texte à l'intérieur de la barre */
.barre-progression span {
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	text-align:center;
	color:#333;
	font-weight:bold;
	font-size:1em;
	line-height:45px;
	z-index:2;
}

.barre-progression div {
	position:relative;
}

.barre-progression div::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    animation: animate-shine 2s ease-out infinite;
}
@keyframes animate-shine {
    0% {opacity: 0; width: 0;}
    50% {opacity: .5;}
    100% {opacity: 0; width: 95%;}
}