.secondBgImage{
	height:52vh;
}
.serviceIntroduction{
	display:table;
	width:100%;
}
.servicesParent{
	padding-top:8em;
	padding-bottom:8em;
	overflow:hidden;
	border-top:2px solid whitesmoke;
}
.servicesParent svg{
	height:120%;
	width:140%;
}
.serviceTitle{
	font-size:3em;
	padding:0.5em 0 1em;
}
.services{
	background-color:white;
	border:1px solid whitesmoke;
	margin-left:auto;
	margin-right:0;
	width:90%;
	padding-right:10%;
}
.services .serviceParent:nth-child(odd){
	margin-top:3em;
}
.servicesParent svg path{
	stroke-dasharray:450;
	stroke-dashoffset:450;
	animation:draw 5s linear infinite alternate-reverse;
}
@keyframes draw{
	to{
		stroke-dashoffset:0;
	}
}
.specialVisualElement3:before, .specialVisualElement4:before{
	background-color:var(--basicColor2) !important;
}
.specialVisualElement5:before, .specialVisualElement6:before, .specialVisualElement7:before{
	background-color:var(--basicColor3) !important;
}
.serviceIntroduction .Vert, .Vert strong{
	color:var(--basicColor5);
}
.serviceIntroduction .Bleu, .Bleu strong{
	color:var(--basicColor2);
}
.serviceIntroduction .Marron, .Marron strong{
	color:var(--basicColor3);
}
.servicesParent strong{
	font-size:2em;
}
@media screen and (max-width:1200px){
	.serviceIntroduction .servicePageTitle{
		font-size:2.5em;
	}
}
@media screen and (max-width:800px){
	.serviceIntroduction .servicePageTitle{
		font-size:2em;
	}
}
@media screen and (max-width:800px){
	.servicesParent svg{
		height:200%;
		width:200%;
	}
}
@media screen and (max-width:600px){
	.serviceIntroduction .servicePageTitle{
		font-size:1.6em;
	}
}