div.banner-content{
	width: 55%;
}
div.banner-content-price{
	margin-top: 0px;
}
section.expertise-container{
	margin-top: 110px;
}
div.expertise-content-text, section.expertise-confiance{
	padding: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
div.expertise-content-img{
	padding: 0px 50px 50px 50px;
}
div.expertise-content-text h2{
	margin-bottom: 40px;
}
div.expertise-content-text h2, div.expertise-content-text p{
	padding-left: 130px;
}
div.expertise-content-text ul{
	padding-left: 145px;
}
div.expertise-content-text ul li{
	color: white;
	font-size: 16px;
	line-height: 21px;
	font-family: "Outfit-Light";
}
div.expertise-content-img img{
	width: 100%;
}
section.brief#ref{
	padding: 0px;
}
section.brief#ref div.brief-content div.brief-text{
	width: 55%;
}
section.expertise-confiance{
	background-color: #1A1C1B;
	justify-content: space-between;
	height: 620px;
	overflow-x: hidden;
	overflow-y: auto;
}
section.brief#ref img.brief-img{
	position: relative;
	right: -440px;
	top: -440px;
	z-index: 1;
	width: auto;
	opacity: 30%;
}
section.brief#ref div.brief-content div.brief-text p{
	width: 80%;
}
section.expertise-confiance p{
	margin: 0px;
	width: 65%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
section.expertise-confiance h2{
	width: 30%;
}
section.expertise-confiance img{
	width: 160px;
	margin-bottom: 30px;
}
div.expertise-content{
	width: 70%;
}
div.brief-content div.brief-img{
	width: 50%;
}
section.chiffres{
	background-color: #5D7C5D;
	z-index: 1;
	position: relative;
}
div.brief-content div.brief-text h2{
	margin-bottom: 60px;
}
section.brief#ref div.brief-content div.brief-text h2{
	margin-bottom: 0px;
}
img.brief-img{
	top: -495px;
	width: 65%;
}
section#ref-accompagnement{
	background-color: #5D7C5D;
}
div#ref-accompagnement-container{
	display: flex;
	padding: 70px 50px;
		justify-content: space-between;
	align-items: center;
}
div#ref-accompagnement-content{
	width: 48%;
}
div#ref-accompagnement-container img{
	width: 50%;
}
div#ref-accompagnement-container p{
	margin: 30px 0px 50px 0px;
	width: 90%;
}
section#ref-besoin{
	background-color: #1A1C1B;
	padding: 70px 50px;
}
section#ref-besoin ul{
	display: flex;
	justify-content: space-between;
}
section#ref-besoin li{
	background-color: #F5F9F1;
	padding: 20px;
	width: 32%;
	height: 310px;
}
section#ref-besoin h2{
	width: 35%;
	margin-bottom: 80px;
}
section#ref-besoin li h3, section#ref-besoin li p{
	color: #0E160E;
}
section#ref-besoin li#ref-besoin-solution{
	background-color: #80AA74;
}
section#ref-besoin li img{
	z-index: 1;
	position: relative;
}
section#ref-besoin li#ref-besoin-solution h3{
	margin-top: 60px;
}
div#ref-besoin-img{
	display: flex;
	justify-content: center;
}
section#ref-logos{
	background-color: #0E160E;
	padding: 70px 50px;
	display: flex;
	justify-content: space-between;
	height: 545px;
	overflow-x: hidden;
	overflow-y: auto;
}
div.book-list{
	height: auto;
	overflow-x: auto;
	overflow-y: auto;
	width: 80%;
}
div.book-list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
div.book-list ul li{
	width: 23%;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
section#ref-competences{
	background-color: #0E160E;
	padding: 70px 50px;
}
section#ref-competences h2{
	width: 45%;
}
section#ref-competences ul{
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
section#ref-competences ul li{
	width: 32%;
}
section#ref-competences ul li p{
	margin-bottom: 0px;
}
section#ref-competences ul li:nth-child(1), section#ref-competences ul li:nth-child(2), section#ref-competences ul li:nth-child(3){
	margin-bottom: 50px;
}
div.book-list ul li img{
	width: 150px;
	height: 60px;
}
section#ref-competences ul li img{
	width: 100%;
}

@media all and (min-width: 1400px) and (max-width: 1500px){
	section#ref-besoin li{
		height: 350px;
	}
}

@media all and (min-width: 1500px) and (max-width: 4000px){
	div.banner-content{
		width: 60%;
	}
	section#ref-logos, div#ref-accompagnement-container, section#ref-besoin, section#ref-competences{
		padding: 70px 200px;
	}
	section#ref-besoin li{
		height: 355px;
	}
}

@media all and (max-width: 1185px){
	div#ref-besoin-img{
		display: none;
	}
}

@media all and (max-width: 1080px){
	div#ref-accompagnement-container, section#ref-besoin, section#ref-competences, section#ref-logos{
		padding: 50px;
	}
	div#ref-accompagnement-container, section#ref-competences ul, section#ref-logos{
		flex-direction: column;
	}
	div#ref-accompagnement-content, div#ref-accompagnement-container img, div.book-list, div.banner-content, section.brief#ref div.brief-content div.brief-text, section.brief#ref div.brief-content div.brief-text p, div#ref-accompagnement-container p, section#ref-besoin h2, section#ref-competences h2, section#ref-competences ul li, div.brief-content div.brief-img{
		width: 100%;
	}
	div#ref-accompagnement-container img, section#ref-competences ul li img{
		height: 300px;
		object-fit: cover;
	}
	section#ref-besoin h2, section#ref-competences ul li{
		margin-bottom: 50px;
	}
	section#ref-competences ul, div#ref-accompagnement-container img, div.book-list{
		margin-top: 50px;
	}
	section#ref-besoin li, section.brief, section.brief#ref, section#ref-logos{
		height: auto;
	}
	div.book-list{
		padding: 0px;
		margin: 50px 0px 0px 0px;
	}
	div.book-list ul{
		margin: 0px;
	}
	div.book-list ul li{
		width: 29%;
	}
	section#ref-besoin li h3{
		margin: 0px 0px 30px 0px;
	}
	section#ref-besoin li#ref-besoin-solution h3{
		margin-top: 0px;
	}
}

@media all and (max-width: 770px){
	section#ref-besoin ul{
		flex-direction: column;
	}
	section#ref-besoin li{
		width: 100%;
		margin-bottom: 30px;
	}
}

@media all and (max-width: 550px){
	div#ref-accompagnement-container, section#ref-besoin, section#ref-competences, section#ref-logos{
		padding: 30px;
	}
	div.book-list ul li{
		width: 100%;
	}
	div.book-list ul li img {
		width: 55%;
	}
}