.chantier{
	margin:5%;
}
.backgroundChantierImage{
	height:30em;
}
.backgroundChantierImage span{
	font-size:7em;
	position:absolute;
	right:0;
	bottom:-0.1em;
	padding:0 0.1em;
	color:transparent;
	-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color:white;
	font-weight:bold;
}
.chantierElementTitle{
	padding-top:1em;
}
.chantierElementSubtitle{
	color:var(--basicColor5);
}
.chantierTextPart{
	width:40%;
}
.chantier:nth-child(odd) .chantierTextPart{
	left:60%;
	padding-left:5%;
}
.chantier:nth-child(even) .chantierTextPart{
	padding-right:5%;
	text-align:right;
}
.chantier .specialVisualElement{
	top:-1em;
	position:absolute;
}
.chantier:nth-child(even) .specialVisualElement{
	left:85%;
}
.chantier:nth-child(even) .backgroundChantierImage{
	margin-left:auto;
	margin-right:0;
}
.chantier:nth-child(odd) .specialVisualElement{
	transform:rotate(-180deg);
	right:85%;
}
.chantier:nth-child(odd) .specialVisualElement:before{
	background-color:var(--basicColor2);
}
.chantier:nth-child(odd) .chantierElementSubtitle{
	color:var(--basicColor2);
}
@media screen and (max-width:1050px){
	.backgroundChantierImage{
		height:20em;
		width:100%;
	}
	.chantier .chantierTextPart{
		display:block;
		width:100%;
		position:relative;
		top:0 !important;
		left:0 !important;
		right:0 !important;
		transform:none;
		padding:1em 0 !important;
		text-align:left !important;
	}
	.chantier .specialVisualElement{
		transform:none !important;
		right:auto !important;
		left:-2em !important;
		top:-3em;
	}
}
@media screen and (max-width:900px){
	.chantier .specialVisualElement{
		display:none;
	}
}
@media screen and (max-width:700px){
	.backgroundChantierImage{
		height:10em;
	}
}