section.intro{
	background-color: #DFECFC;
}
h1.title{
	width: 95%;
}
span p{
	width: 85%;
}
section#protection-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 1000px;
	max-width: 100%;
	margin: 0 auto 65px auto;
}
section#protection-container h2{
	width: 75%;
	margin: 65px 0px;
}
ul.protection-secteurs{
	display: flex;
	justify-content: space-between;
	width: 145%;
	align-items: baseline;
}
li.protection-secteurs-list{
	margin: 65px 0px;
	width: 20%;
}
li.protection-secteurs-list img{
	padding: 15px 20px;
	background-color: #5B9E80;
	border-radius: 3px;
	height: 65px;
	width: 65px;
	margin-bottom: 25px;
}
div.connection-green{
	content: "";
	width: 63px;
	height: 1px;
	background-color: #5B9E80;
	position: relative;
	top: -55px;
}
div.solutions-categorie-list-text h3{
	text-align: left;
	align-items: flex-end;
	display: flex;
	margin-bottom: 10px;
}
ul.solutions-categorie-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
li.solutions-categorie-list{
	width: 30%;
	background-color: #EEF5FD;
	padding: 0px 15px;
}
li.solutions-categorie-list p{
	text-align: left;
}
li.solutions-categorie-list:nth-child(1):hover img{
	content: url(../img/fouilleul-etancheite-joints-standards2.jpg);
}
li.solutions-categorie-list:nth-child(2):hover img{
	content: url(../img/fouilleul-etancheite-joints-sur-mesure2.jpg);
}
li.solutions-categorie-list:nth-child(3):hover img{
	content: url(../img/fouilleul-etancheite-cuirs2.jpg);
}
li.solutions-categorie-list:nth-child(4):hover img{
	content: url(../img/fouilleul-etancheite-pieces2.jpg);
}
a.arrow-link, a.arrow-link:after{
	width: 45px;
	height: 45px;
	display: flex;
}
a.arrow-link{
	outline: none;
}
a.arrow-link:after{
	content: url(../img/fouilleul-icon-arrow-white-green.svg);
}
a.arrow-link:hover:after{
	content: url(../img/fouilleul-icon-arrow-green-white.svg);
}
div.solutions-categorie-list-text{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: -110px;
}
div.solutions-categorie-list-text a{
	margin-right: 15px;
}
li.solutions-categorie-list:nth-child(1), li.solutions-categorie-list:nth-child(2), li.solutions-categorie-list:nth-child(3){
	margin-bottom: 60px;
}
li.solutions-categorie-list img{
	width: 100%;
	border-radius: 3px;
}

@media screen and (max-width: 1170px){
	li.solutions-categorie-list:nth-child(1), li.solutions-categorie-list:nth-child(2), li.solutions-categorie-list:nth-child(4){
		margin-right: 35px;
	}
}

@media screen and (max-width: 1080px){
	section div.container{
		max-width: 80%;
		margin: 0px auto auto auto;
	}
	ul.solutions-categorie-container{
		justify-content: space-between;
	}
	li.solutions-categorie-list:nth-child(1), li.solutions-categorie-list:nth-child(2), li.solutions-categorie-list:nth-child(3), li.solutions-categorie-list:nth-child(4){
		margin-right: 0px;
	}
	li.solutions-categorie-list:nth-child(1), li.solutions-categorie-list:nth-child(2), li.solutions-categorie-list:nth-child(3){
		margin-bottom: 40px;
	}
	li.solutions-categorie-list{
		width: 45%;
	}
	section#protection-container h2{
		width: 100%;
	}
	ul.protection-secteurs{
		flex-direction: column;
		flex-wrap: inherit;
		width: 100%;
		align-items: center;
	}
	li.protection-secteurs-list{
		width: 100%;
	}
	div.connection-green{
		transform: rotate(90deg);
		top: 0px;
	}
	li.protection-secteurs-list img{
		height: 100px;
		width: 100px;
		padding: 20px;
	}
	section#protection-container{
		padding: 0px 40px 40px 40px;
	}
}

@media screen and (max-width: 660px){
	ul.solutions-categorie-container{
		flex-direction: column;
	}
	li.solutions-categorie-list, ul.solutions-categorie-container{
		width: 100%;
	}
	div.solutions-categorie-list-text a{
		margin-right: 25px;
	}
	li.solutions-categorie-list img{
		height: 215px;
		object-fit: cover;
		object-position: top;
	}
}

@media screen and (max-width:280px){
	div.solutions-categorie-list-text h3{
		margin-left: 10px;
	}
	div.solutions-categorie-list-text a{
		margin-right: 10px;
	}
}