/*------------------------------*/
/* GenerateBarHorizontal        */
/*------------------------------*/
.bar-horiz {

}
.bar-pourcent {
	/* display: flex; */
}
.bar-pourcent-one {
	position: relative;
	display: inline-block;
	width: 30px;
	font-size: 12px;
	padding-bottom: 4px;
	text-align: center;
	border-bottom: 1px solid #000;
}
.bar-pourcent-one span {
	position: absolute;
	display: inline-block;
	
	bottom: 0;
	left: 14px;

	height: 4px;
	width: 1px;
	
	background-color: #000;
}
.bar-graph {
	
}
.bar-graph-libelle {
	
}
.bar-graph-degrade {
}
.bar-graph-degrade-inner {
	display: inline-block;
	height: 20px;
	width: 40px;
	/* border: 1px solid green; */
	background : linear-gradient(90deg, rgba(121,9,9,1) 0%, rgba(255,186,0,1) 100%);
}

/* Vert foncé (0-3%) */
.bar-graph-degrade-inner-vertf {
	/* width:  */
}

/* Vert clair (3-5%) */
.bar-graph-degrade-inner-vertc {

}

/* Orange (5-9%) */
.bar-graph-degrade-inner-orange {

}

/* Rouge (9-12%) */
.bar-graph-degrade-inner-rouge {

}