/* MOBILE */
@media only screen and (max-width: 858px) {
	div.progress-bar {
		width: var(--body_width);
		margin-left: 50%;
		transform: translateX(-50%);
	    height: 1em;
	    border-radius: 0px;
	    background-color: transparent;
	    margin-bottom: 50px;
	    /* border: 1px solid yellow; */
	}
	div.skill {
		float: left;
		width: 100%;
		line-height: 2em;
		text-align: left;
	    /* border: 1px solid purple; */
	}
	div.total_bar {
		display: block;
	    width: 90% !important;
		margin-top: 0;
		transform: translateY(0%);
	    /* border: 1px solid blue; */
	}
	div.bar {
	    background: linear-gradient(to right, var(--ponct_color), var(--ponct_color));
	    height: 15px;
		/* transform: translateY(40%); */
	    margin-left: -1px;
	    border-radius: 0px;
	    /* border: 1px solid blue; */
	}
	p.pourcentage {
	    text-align: right;
		transform: translate(50px, -13%);
	    font-family: 'avenir-light';
	    color: var(--light_color);
	    font-size: 0.9em;
	    /* border: 1px solid red; */
	}
}