#sidebar{
	padding:0;
	font-size: .8rem;
}


.parcours h2 {
    line-height: .7;
    font-size: 1.7rem;
}
.parcours h3 {
    margin: 0 0 1rem;
    font-size: 1rem;
    color:#666;
}

.parcours ul.steps{
	position: relative;
	padding:0;
	margin:0;
}

	.parcours ul.steps li.step{
		position: relative;
		list-style-type: none;
		font-size:1.5rem;
		font-weight: bold;
	    padding-bottom: 20px;
	    color: #888;
	}
		.parcours ul.steps li.step:not(:first-child){
		    margin-top: -15px;
		}
		.parcours ul.steps li.step:last-child{
		    padding-bottom:0;
		}
			.parcours ul.steps li.step:last-child ul{
			    margin-bottom:0;
			}
		.parcours ul.steps li.step h4{
			position: relative;
			padding-left:30px;
			margin:0;
			font-size: 1.1rem;
			line-height: 1;			
		}
			.parcours ul.steps li.step.accessible h4, .parcours ul.steps li.step.valide h4{
				color: #333;
			}

		.parcours ul.steps li.step ul{
			padding-left:40px;
			margin:.5rem 0 1rem;
		}
			.parcours ul.steps li.step ul li.action{
				position: relative;
				list-style-type: none;
				font-size:.8rem;
				font-weight: normal;
				padding:.25rem 0 .25rem 1.25rem;
				transition: transform .2s ease-in-out;
			}
				.parcours ul.steps li.step ul li.action.accessible:hover{
					transform: translateX(4px);
				}			
				.parcours ul.steps li.step ul li.action:before{
					content:"";
					display: block;
					position: absolute;
					left:0;
					top:0;
					width: 1rem;
					height:100%;
					background: url(../img/action.svg) no-repeat center;
					background-size: contain;
					opacity:.4;
				}
					.parcours ul.steps li.step ul li.action.valide:before{
						background: url(../img/action-valide.svg) no-repeat center;
						background-size: contain;
					}
					.parcours ul.steps li.step ul li.action.active:before{
						background: url(../img/action-current.svg) no-repeat center;
						background-size: contain;
					}
					.parcours ul.steps li.step ul li.action.accessible:before{
						opacity:1;
					}

				.parcours ul.steps li.step ul li.action a{
					text-decoration: none;
				}
				.parcours ul.steps li.step ul li.action.active{
					font-weight: bold;
				}
				.parcours ul.steps li.step ul li.action.accessible a{
					color:#4a94a1;
				}
				.parcours ul.steps li.step ul li.action.valide a{
					color:#7aad03;
				}

.parcours .timelined:before{
	content:"";
	display: block;
	position: absolute;
	left:0;
	top:0;
	width: 20px;
	height:100%;
	background:#ccc;
	border-radius: 10px;
}
	.parcours ul.steps li.step.valide:before{
		background:#7aad03;
	}
	.parcours ul.steps li.step.accessible:before{
		background:#4a94a1;
	}

.parcours .timelined h4:before{
	content:"";
	display: block;
	position: absolute;
	left:2px;
	top:2px;
	width: 16px;
	height:16px;
	background:white;
	border-radius: 50%;
}
.parcours .timelined.valide h4:after{
	content:"";
	display: block;
	position: absolute;
	left:5px;
	top:4px;
	width: 10px;
	height:10px;
	background: url(../img/step-valide.svg) no-repeat center;
	background-size: contain;
}