.states,
a.states {
color: var(--c-gray);
text-decoration: none;
padding: 5px 10px;
border-radius: var(--r);
display: block;
cursor:pointer;
}
.states>i,
a.states>i {
margin-right:var(--gap);
}

			/*Offre/Projet */
			.bk_state_id_1{
			background-color: #74a7c5!important;
			}
			.states.state_id_1,
			a.states.state1{
			position:relative;
			border: 2px solid #74a7c5;
			background-color: #74a7c5!important;
			color: var(--c-light);
			}
			.states.state_id_1 *,
			a.states.state1 * {
			color: var(--c-light);
			}
			.actif.state_id_1,
			.states.state_id_1:hover,
			a.states.state1:hover {
			top:-2px;
			box-shadow: 0 0 var(--gap2x) #74a7c5;
			color: var(--c-light);
			}
			.actif.state_id_1 *,
			.states.state_id_1:hover *,
			a.states.state1:hover * {
			color: var(--c-light)!important;
			},
			.val_item.state_id_1,
			.val.state_id_1:before {
			background-color: #74a7c5!important;
			}
			path.state_id_1{
			fill: #74a7c5!important;
			}

			
			/*En attente */
			.bk_state_id_2{
			background-color: #8781cc!important;
			}
			.states.state_id_2,
			a.states.state2{
			position:relative;
			border: 2px solid #8781cc;
			background-color: #8781cc!important;
			color: var(--c-light);
			}
			.states.state_id_2 *,
			a.states.state2 * {
			color: var(--c-light);
			}
			.actif.state_id_2,
			.states.state_id_2:hover,
			a.states.state2:hover {
			top:-2px;
			box-shadow: 0 0 var(--gap2x) #8781cc;
			color: var(--c-light);
			}
			.actif.state_id_2 *,
			.states.state_id_2:hover *,
			a.states.state2:hover * {
			color: var(--c-light)!important;
			},
			.val_item.state_id_2,
			.val.state_id_2:before {
			background-color: #8781cc!important;
			}
			path.state_id_2{
			fill: #8781cc!important;
			}

			
			/*Non aboutis */
			.bk_state_id_3{
			background-color: #985f83!important;
			}
			.states.state_id_3,
			a.states.state3{
			position:relative;
			border: 2px solid #985f83;
			background-color: #985f83!important;
			color: var(--c-light);
			}
			.states.state_id_3 *,
			a.states.state3 * {
			color: var(--c-light);
			}
			.actif.state_id_3,
			.states.state_id_3:hover,
			a.states.state3:hover {
			top:-2px;
			box-shadow: 0 0 var(--gap2x) #985f83;
			color: var(--c-light);
			}
			.actif.state_id_3 *,
			.states.state_id_3:hover *,
			a.states.state3:hover * {
			color: var(--c-light)!important;
			},
			.val_item.state_id_3,
			.val.state_id_3:before {
			background-color: #985f83!important;
			}
			path.state_id_3{
			fill: #985f83!important;
			}

			
			/*Studio */
			.bk_state_id_4{
			background-color: #95d354!important;
			}
			.states.state_id_4,
			a.states.state4{
			position:relative;
			border: 2px solid #95d354;
			background-color: #95d354!important;
			color: var(--c-light);
			}
			.states.state_id_4 *,
			a.states.state4 * {
			color: var(--c-light);
			}
			.actif.state_id_4,
			.states.state_id_4:hover,
			a.states.state4:hover {
			top:-2px;
			box-shadow: 0 0 var(--gap2x) #95d354;
			color: var(--c-light);
			}
			.actif.state_id_4 *,
			.states.state_id_4:hover *,
			a.states.state4:hover * {
			color: var(--c-light)!important;
			},
			.val_item.state_id_4,
			.val.state_id_4:before {
			background-color: #95d354!important;
			}
			path.state_id_4{
			fill: #95d354!important;
			}

			
			/*A relancer */
			.bk_state_id_5{
			background-color: #e32400!important;
			}
			.states.state_id_5,
			a.states.state5{
			position:relative;
			border: 2px solid #e32400;
			background-color: #e32400!important;
			color: var(--c-light);
			}
			.states.state_id_5 *,
			a.states.state5 * {
			color: var(--c-light);
			}
			.actif.state_id_5,
			.states.state_id_5:hover,
			a.states.state5:hover {
			top:-2px;
			box-shadow: 0 0 var(--gap2x) #e32400;
			color: var(--c-light);
			}
			.actif.state_id_5 *,
			.states.state_id_5:hover *,
			a.states.state5:hover * {
			color: var(--c-light)!important;
			},
			.val_item.state_id_5,
			.val.state_id_5:before {
			background-color: #e32400!important;
			}
			path.state_id_5{
			fill: #e32400!important;
			}

			
			/*Support */
			.bk_state_id_6{
			background-color: #eaa818!important;
			}
			.states.state_id_6,
			a.states.state6{
			position:relative;
			border: 2px solid #eaa818;
			background-color: #eaa818!important;
			color: var(--c-light);
			}
			.states.state_id_6 *,
			a.states.state6 * {
			color: var(--c-light);
			}
			.actif.state_id_6,
			.states.state_id_6:hover,
			a.states.state6:hover {
			top:-2px;
			box-shadow: 0 0 var(--gap2x) #eaa818;
			color: var(--c-light);
			}
			.actif.state_id_6 *,
			.states.state_id_6:hover *,
			a.states.state6:hover * {
			color: var(--c-light)!important;
			},
			.val_item.state_id_6,
			.val.state_id_6:before {
			background-color: #eaa818!important;
			}
			path.state_id_6{
			fill: #eaa818!important;
			}

			
			/*Production / Livraison */
			.bk_state_id_7{
			background-color: #5fc2a1!important;
			}
			.states.state_id_7,
			a.states.state7{
			position:relative;
			border: 2px solid #5fc2a1;
			background-color: #5fc2a1!important;
			color: var(--c-light);
			}
			.states.state_id_7 *,
			a.states.state7 * {
			color: var(--c-light);
			}
			.actif.state_id_7,
			.states.state_id_7:hover,
			a.states.state7:hover {
			top:-2px;
			box-shadow: 0 0 var(--gap2x) #5fc2a1;
			color: var(--c-light);
			}
			.actif.state_id_7 *,
			.states.state_id_7:hover *,
			a.states.state7:hover * {
			color: var(--c-light)!important;
			},
			.val_item.state_id_7,
			.val.state_id_7:before {
			background-color: #5fc2a1!important;
			}
			path.state_id_7{
			fill: #5fc2a1!important;
			}

			
			/*A facturer */
			.bk_state_id_8{
			background-color: #008cb4!important;
			}
			.states.state_id_8,
			a.states.state8{
			position:relative;
			border: 2px solid #008cb4;
			background-color: #008cb4!important;
			color: var(--c-light);
			}
			.states.state_id_8 *,
			a.states.state8 * {
			color: var(--c-light);
			}
			.actif.state_id_8,
			.states.state_id_8:hover,
			a.states.state8:hover {
			top:-2px;
			box-shadow: 0 0 var(--gap2x) #008cb4;
			color: var(--c-light);
			}
			.actif.state_id_8 *,
			.states.state_id_8:hover *,
			a.states.state8:hover * {
			color: var(--c-light)!important;
			},
			.val_item.state_id_8,
			.val.state_id_8:before {
			background-color: #008cb4!important;
			}
			path.state_id_8{
			fill: #008cb4!important;
			}

			
			/*Terminé */
			.bk_state_id_9{
			background-color: #929292!important;
			}
			.states.state_id_9,
			a.states.state9{
			position:relative;
			border: 2px solid #929292;
			background-color: #929292!important;
			color: var(--c-light);
			}
			.states.state_id_9 *,
			a.states.state9 * {
			color: var(--c-light);
			}
			.actif.state_id_9,
			.states.state_id_9:hover,
			a.states.state9:hover {
			top:-2px;
			box-shadow: 0 0 var(--gap2x) #929292;
			color: var(--c-light);
			}
			.actif.state_id_9 *,
			.states.state_id_9:hover *,
			a.states.state9:hover * {
			color: var(--c-light)!important;
			},
			.val_item.state_id_9,
			.val.state_id_9:before {
			background-color: #929292!important;
			}
			path.state_id_9{
			fill: #929292!important;
			}

			[]