.container-steps{
	position:relative;
	padding:0;
	background:#ffffff;
}
.container-steps:before{
	position:absolute;
	z-index:100;
	top:6.8%;
	bottom:6%;
	left:50%;
	display:block;
	width:1px;
	content:"";
	background:#3f8bd2;
}
.step{
	position:relative;
	padding:0;
}
.step:before,.step:after{
	display:table;
	content:" ";
}
.step:after{
	clear:both;
}
.step.step--color-orange .step--date{
	color:#ffa926;
}
.step.step--color-orange .step--date:before{
	background-color:#ffa926 !important;
}
.step.step--color-orange:before{
	z-index:105;
	background-color:#ffa926;
}
.step.step--color-orange.step--full-left .step--content:before,.step.step--color-orange.step--essential .step--content:before{
	background-color:#ffa926;
}
.step.step--color-turquoise .step--date{
	color:#4db7be;
}
.step.step--color-turquoise .step--date:before{
	background-color:#4db7be !important;
}
.step.step--color-turquoise:before{
	z-index:105;
	background-color:#4db7be;
}
.step.step--color-turquoise.step--full-left .step--content:before,.step.step--color-turquoise.step--essential .step--content:before{
	background-color:#4db7be;
}
.step.step--color-green .step--date{
	color:#82c336;
}
.step.step--color-green .step--date:before{
	background-color:#82c336 !important;
}
.step.step--color-green:before{
	z-index:105;
	background-color:#82c336;
}
.step.step--color-green.step--full-left .step--content:before,.step.step--color-green.step--essential .step--content:before{
	background-color:#82c336;
}
.step--content{
	position:relative;
	padding:35px 0;
}
.step--content:before,.step--content:after{
	display:table;
	content:" ";
}
.step--content:after{
	clear:both;
}
.step--content p{
	margin-bottom:25px;
}
.step--content > [class*="col-"]{
	padding:0 30px;
}
.step--title{
	margin-bottom:20px;
	font-size:60px;
	font-style:italic;
	line-height:1.2;
}
.step--edito{
	margin-top:80px;
	font-size:17px;
}
.step--edito .medaillon{
	margin:8% 0;
}
.step--edito a{
	color:inherit;
}
.step--date{
	margin-bottom:20px;
	color:#3f8bd2;
	font-size:80px;
	font-style:italic;
	line-height:96px;
}
.step--description{
	color:#565656;
	font-size:15px;
	font-weight:600;
}
.step.step--essential{
	clear:both;
	color:#ffffff;
}
.step.step--essential:before{
	top:calc(6vw + 80px / 2 + 5px);
	left:50%;
	margin-left:-7.5px;
}
.step.step--essential + .step--essential{
	margin-top:50px;
}
.step.step--essential .step-img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
}
.step.step--essential .step-img img{
	position:absolute;
	top:50%;
	left:50%;
	width:auto;
	min-width:100%;
	height:auto;
	min-height:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.step.step--essential .step--content{
	padding:6vw 25px;
}
.step.step--essential .step--date{
	padding-right:0 !important;
	color:inherit;
}
.step.step--essential .step--description{
	color:inherit;
	font-size:17px;
	font-weight:normal;
}
.step.step--essential .step--description.pull-right{
	clear:right;
}
.step.step--essential .step--edito{
	clear:left;
}
.step.step--essential .step--edito img{
	max-width:100%;
}
.step.step--essential.step--font-standard .step--title,.step.step--essential.step--font-standard .step--date,.step.step--essential.step--font-standard .step--description{
	font-style:normal;
}
.step.step--essential.step--font-standard .step--title,.step.step--essential.step--font-standard .step--date{
	font-weight:500;
}
.step.step--essential.step--font-standard .step--description{
	font-size:15px;
}
.step.step--full-left:before{
	left:50%;
	margin-left:-7.5px;
}
.step.step--full-left .step--date{
	text-align:right;
}
.step.step--full-left .step--content:before{
	position:absolute;
	z-index:100;
	top:0;
	bottom:0;
	left:50%;
	display:block;
	width:1px;
	content:"";
	background-color:#3f8bd2;
}
.step.step--left{
	text-align:right;
}
.step.step--left .step--content > .step-title{
	padding-left:2%;
}
.step.step--left:before{
	right:-7.5px;
}
.step.step--right:before{
	left:-7.5px;
}
.step.step--left:before,.step.step--right:before,.step.step--full-left:before{
	top:calc(80px * 1.2 - 10px);
}
.step.step--desc-bottom:before{
	top:calc((15% + 6vw) + 80px * 1.2 + 15px);
}
[class*="step--color"].step--essential .step--content:before{
	position:absolute;
	z-index:100;
	top:0;
	bottom:0;
	left:50%;
	display:block;
	width:1px;
	content:"";
	background-color:#3f8bd2;
}

@media (max-width:991px){

	.container-steps:before{
		top:120px;
		left:30px;
	}
	.step{
		text-align:left !important;
	}
	.step .step--date,.step .text-right{
		text-align:left !important;
	}
	.step:before{
		right:auto !important;
		left:30px !important;
		margin-left:-6.5px;
	}
	.step .step--content{
		padding-left:0 !important;
	}
	.step .step--content > [class*="col-"],.step .step--content .step-title{
		padding-left:50px !important;
	}
	.step .step--content p{
		font-size:14px;
	}
	.step .step--content:before{
		left:30px !important;
	}
	.step .step--content .step--date:before{
		position:absolute;
		z-index:100;
		width:15px;
		height:15px;
		content:"";
		border-radius:50%;
		background:#3f8bd2;
	}
	.step .step--content .step--date:before{
		top:27px;
		left:23px;
	}
	.step--title{
		font-size:34px;
	}
	.step--date{
		font-size:44px;
		line-height:52.8px;
	}
	.step--edito{
		margin-top:0;
	}

}

@media (max-width:1199px){

	.step--title{
		font-size:34px;
	}
	.step--date{
		font-size:44px;
		line-height:52.8px;
	}
	.step--edito{
		font-size:12px;
	}
	.step--description{
		font-size:12px;
	}
	.step.step--essential .step--description{
		font-size:14px;
	}
	.step.step--essential.step--font-standard .step--description{
		font-size:12px;
	}

}

@media (min-width:992px){

	.step:before{
		position:absolute;
		z-index:100;
		width:15px;
		height:15px;
		content:"";
		border-radius:50%;
		background:#3f8bd2;
	}
	.step.step--essential .step--title{
		padding-left:0 !important;
	}
	.step.step--desc-bottom .step--date{
		margin-top:15%;
	}
	.step--content > *{
		top:150px;
		-webkit-transition:all 0.8s ease-in-out;
		transition:all 0.8s ease-in-out;
		opacity:0;
	}
	.step--content > *.showStep{
		top:0;
		opacity:1;
	}
	.step--content > * > [class*="col-"]{
		padding:0 80px;
	}
	.step[data-step-id="5"]{
		margin-top:-16%;
	}
	.step[data-step-id="6"]{
		margin-top:-20%;
	}
	.step[data-step-id="9"]{
		margin-top:-20%;
	}
	.step[data-step-id="10"]:before{
		top:calc((1% + 6vw) + 80px * 1.2);
	}
	.step[data-step-id="10"] .step--date{
		margin-top:5%;
	}
	.step[data-step-id="11"]:before{
		top:calc((2.5% + 6vw) + 80px * 1.2);
	}
	.step[data-step-id="11"] .step--date{
		margin-top:5%;
	}
	.step[data-step-id="11"] .step--description{
		margin-top:-5%;
	}

}