#parcours .wrap {
	width: calc(100vw - 10px);
	margin: 30px 10px 30px 0;
}
#parcours div.step,
#parcours div.stage {
	margin: 15px 0;
}
#parcours div.step {
	display: block;
}
#parcours div.stage {
	display: flex;
}
#parcours .date {
	width: 55px;
}
#parcours div.stage .date {
	-webkit-order: 0;
	order: 0;
}
#parcours div.stage .bullet {
	-webkit-order: 1;
	order: 1;
}
#parcours div.stage .work {
	-webkit-order: 2;
	order: 2;
	max-width: calc(100vw - 90px);
}
#parcours div.step .date {
	opacity: 0;
	-webkit-transition: all 1s ease;
  	   -moz-transition: all 1s ease;
  		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
#parcours div.step:hover .date {
	opacity: 1;
	-webkit-transition: all 1s ease;
  	   -moz-transition: all 1s ease;
  		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
#parcours div.step .descr,
#parcours div.step .stage {
	-webkit-transition: all 1s ease;
  	   -moz-transition: all 1s ease;
  		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
#parcours div.step:hover .descr,
#parcours div.step:hover .stage {
	display: flex;
	opacity: 1;
	-webkit-transition: all 1s ease;
  	   -moz-transition: all 1s ease;
  		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
#parcours .descr {
	margin: 5px 0 15px 0;
}
#parcours p {
	font-size: 22px;
  	color:#FFFFFF;
}
#parcours a {
	font-size: 22px;
}
#parcours span.departement {
	font-size: 18px;
	position: relative;
	height: 0;
}
#parcours .master-u p.work {
	font-size: 18px;
	padding-top: 5px;
}
#parcours p.work,
#parcours p.formation {
	padding: 0 0 6px 0;
}
#parcours p.descr {
	font-size: 19px;
	font-style: italic;
}
#parcours .bullet {
	width: 25px;
	height: 31px;
}
#parcours .bullet .line {
	background-color: #FFFFFF;
	width: 1px;
	height: 350%;
	position: absolute;
	top: -12px;
	left: 19px;
}
#parcours .step.bac .bullet .line {
	height: 10px;
    position: relative;
    top: -15px
}
#parcours .date,
#parcours .bullet,
#parcours .formation,
#parcours .stage,
#parcours .work {
    display: table-cell;
	position: relative;
}
#parcours div.stage .date {
	vertical-align: top;
}
#parcours .date p {
	font-size: 12px;
	text-align: right;
}
#parcours div.stage .date p {
	text-align: left;
}
#parcours .formation::before,
#parcours .work::before {
	width: 15px;
    height: 15px;
    content: "o";
	text-align: center;
    font-size: 1px;
    background-color: #FFFFFF;
    display: block;
    border-radius: 15px;
    position: absolute;
    left: -20px;
    top: 5px;
	-webkit-transition: all 0.5s ease;
  	   -moz-transition: all 0.5s ease;
  		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
#parcours div.stage .work::before {
	width: 9px;
    height: 9px;
}
#parcours .step:hover .formation::before,
#parcours .step:hover .work::before {
	border-radius: 0;
}

@media screen and (min-width: 900px) {

	#parcours .wrap {
		width: calc(100vw - 40px);
		margin: 30px 20px;
	}	
	#parcours .date {
		width: 100px;
	}
	#parcours .date p span.desk {
		display: inline !important;
	}
	#parcours .work span {
		display: inline-block;
		line-height: 20px;
	}
	#parcours div.stage {
		margin: 0 0 0 100px;
	}
	#parcours div.stage .date,
	#parcours div.stage .bullet,
	#parcours div.stage .work {
		-webkit-order: initial;
		order: initial;
	}
	#parcours div.stage .date {
		width: 60px;
	}
	#parcours p.descr {
		padding-left: 15px;
	}
	#parcours .bullet {
		width: 39px;
	}
	#parcours .work::before,
	#parcours .formation::before,
	#parcours div.stage::before {
		left: -27px;
	}

}

@media screen and (min-width: 1200px) {

	#parcours .work {
		width: 1110px;
	}
	#parcours div.stage .work {
		width: 1050px
	}
	#parcours .date {
		width: 100px;
	}

}

@media screen and (min-width: 1500px) {

	#parcours .wrap {
		max-width: 1260px;
		margin: 30px auto;
	}

}