html {
	scroll-padding-top: 4rem;
}

.division_header_wrapper {
	position:relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	background-image:url(/userfiles/images/division/hero.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.division_header {
	margin:60px 0;
	background:#D4D0C6;
	border-radius:75px 0 75px 0;
	padding:50px;
	width: 790px;
	left: 15px;
}

.division_clientele_wrapper {
	margin-bottom:120px;
}
.division_clientele_wrapper p {
	font-weight: 700;
	white-space:normal;
	text-align: center;
}

.division_promesse {
	margin-top:0px;
	background:#004762;
	border-radius:150px 150px 0 0;
	padding:60px;
	width: 100%;
	color:#fff;
	margin-bottom:60px;
}
.division_promesse ul {
	margin:30px 30px 30px 20px;
}
.division_promesse ul li {
	margin-bottom: 15px;
}
.division_promesse ul li ul {
	margin:30px 30px 30px 20px;
}
.division_promesse ul li ul li {
	margin-bottom: 15px;
}

.realisation_wrap {
	transition: width 2s;
}
.realisation_wrap:hover {
	opacity:0.8;
}
.realisation_wrap_img img {
	border-radius: 30px 30px 0 0;
	max-height: 320px;
	width: 100%;
	object-fit: cover;
	object-position: top right;
}
.realisation_wrap_href {
	color:#000;
	text-decoration: none;
	transition: width 2s;
}
.realisation_wrap_href:hover {
	text-decoration: none!important;
	opacity:0.8;
}
.realisation_wrap_txt {
	background:#D4D0C6;
	color:#000;
	border-radius: 0 0 30px 30px;
	text-align: center;
	padding:10px 20px;
	font-size:16px;
	line-height: normal;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height:80px;
}

.division_realisation_wrapper {
	margin-bottom:60px;
}
.division_realisation_wrapper p {
	font-size: 26px;
	line-height: normal;
}

/* swiper css */
.swiper_realisation .swiper-button {
	position: relative;
	padding:30px;
}
.swiper_realisation .swiper-button .swiper-button-prev,
.swiper_realisation .swiper-button .swiper-button-next {
	color:#000;background-color:#fff!important;
}
.swiper_realisation .swiper-button .swiper-button-prev {
	left:0;
}
.swiper_realisation .swiper-button .swiper-button-next {
	left:50px;
	right: inherit;
}
.swiper_realisation .swiper-button .swiper-button-prev:after {
	font-size: 24px;
}
.swiper_realisation .swiper-button .swiper-button-next:after {
	font-size: 24px;
}


.swiper_team {
	margin-top:60px;
}
.swiper_team img {
	border-radius: 50%;
	width:250px;
	height: 250px;
	object-fit: cover;
	object-position: top center;
}
.swiper_team .swiper-button .swiper-button-prev,
.swiper_team .swiper-button .swiper-button-next {
	color:#000;background-color:#fff!important;
}
.swiper_team .swiper-button .swiper-button-prev {
	left:0;
}
.swiper_team .swiper-button .swiper-button-next {
	right: 0;
}
.swiper_team .swiper-button .swiper-button-prev:after {
	font-size: 24px;
}
.swiper_team .swiper-button .swiper-button-next:after {
	font-size: 24px;
}
.swiper_team .swiper-slide-prev img,
.swiper_team .swiper-slide-next img {
	width:200px;
	height: 200px;
}
.swiper_team .swiper-wrapper {
	align-items: center;
}


.division_offres_wrapper {
	background:#004762;
	color:#fff;
	padding:60px 0;
}
.swiper_offres .swiper-button {
	position: relative;
	padding:30px;
}
.swiper_offres .swiper-button .swiper-button-prev,
.swiper_offres .swiper-button .swiper-button-next {
	color:#fff;background-color:#004762!important;
}
.swiper_offres .swiper-button .swiper-button-prev {
	left:0;
}
.swiper_offres .swiper-button .swiper-button-next {
	left:50px;
	right: inherit;
}
.swiper_offres .swiper-button .swiper-button-prev:after {
	font-size: 24px;
}
.swiper_offres .swiper-button .swiper-button-next:after {
	font-size: 24px;
}
.swiper_offres .realisation_wrap_img {
	background:#fff;
	border-radius: 50px 50px 0 0;
	text-align: center;
}
.swiper_offres .realisation_wrap_img img {
	height: auto;
}

.ventes-aux-entrepreneurs-form {
	padding:60px 0;
	background: #fff;
}

.division_header_btn {
	display:flex;
	gap:15px;
	margin-top:40px;
}

.division_promesse_txt {
	padding:0 40px;
}
.division_promesse_txt ul {
	margin-bottom: 15px;
}

.division_clientele_wrap {
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
	margin-top:60px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.division_clientele_wrap img {
	min-width: 180px;
	width: 180px;
}

.division_wrapper .swiper-scrollbar {
	display: none;
}

.row-offre {
	margin:40px -15px 20px -15px;
}

.row-offre ul li {
	margin:0 0 15px 0;
}

.division_clientele_wrapper h2,
.division_realisation_wrapper h2 {
	text-align: left;
}

.imgOffre {
	border-radius: 0 55px 0 55px;
}

@media (min-width: 1920px) {
	.division_header_wrapper {
		background-size: 100%;
	}
}

@media (max-width: 768px) {

	.division_header_wrapper {
		background-size: 1460px auto;
	}
	.division_header {
		border-radius:30px 0 30px 0;
		width: 100%;
		max-width: 500px;
	}

	.division_promesse {
		border-radius:75px 75px 0 0;
		padding:40px 15px 15px 15px;
	}
	.division_promesse_txt {
		padding:30px 0 0 0;
	}
	.division_promesse_txt ul {
		margin-bottom: 15px;
	}
	.division_wrapper div>ul {
		padding-left: inherit!important;
		list-style: disc!important;
		padding:initial!important;
	}
	.division_wrapper div>ul ul {
		padding-left: inherit!important;
		list-style:circle!important;
		padding:initial!important;
	}
	.division_clientele_wrap {
		display: flex;
		justify-content: start;
		flex-wrap: nowrap;
		gap: 30px;
		margin-top:30px;
		overflow-x:scroll;
	}
	.division_clientele_wrap img {
		min-width: 110px;
		width:110px;
	}

	.realisation_wrap_img img {
		border-radius: 30px 30px 0 0;
		width:100%;
		max-height: 260px;
		object-fit: cover;
		object-position: top right;
	}
	.realisation_wrap_txt {
		font-size: 16px;
		height:70px;
	}
	.swiper_team img {
		width:250px!important;
		height: 250px;
	}
	.swiper_team .swiper-slide-prev img,
	.swiper_team .swiper-slide-next img {
		width:250px;
		height: 250px;
	}
	.swiper_team .swiper-wrapper {
		align-items: start;
	}
	.swiper_offres .realisation_wrap_img {
		border-radius: 30px 30px 0 0;
	}
	.division_wrapper label {
		font-weight: 400;
	}
	.ventes-aux-entrepreneurs-form .btn {
		width: 100%!important;
		margin: 20px 0 30px 0;
	}
	.division_realisation_wrapper .swiper-button {
		display: none;
	}
	.division_wrapper .swiper-slide {
		margin-bottom:30px;
	}
	.division_wrapper .swiper-scrollbar {
		display: block;
	}
	.division_wrapper .swiper-container .swiper-scrollbar .swiper-scrollbar-drag, .division_wrapper .swiper .swiper-scrollbar .swiper-scrollbar-drag {
		background-color: #BFBFBF!important;
	}
	.division_wrapper .swiper-container .swiper-scrollbar, .division_wrapper .swiper .swiper-scrollbar {
		height:4px!important;
	}
	.row-offre {
		gap: 15px!important;
	}
	.division_clientele_wrapper, .division_realisation_wrapper, .division_team_wrapper {
		padding:0 15px;
	}
	.division_clientele_wrapper {
		margin-bottom:60px;
	}
	#form-contact h2 {
		text-align: left;
	}
	.imgOffre {
		margin-top:60px;
	}
}

@media (max-width: 480px) {

	.division_header_wrapper {
		background-image:url(/userfiles/images/division/hero-mobile.jpg);
		background-position: top center;
		background-size: contain;
	}
	.division_header {
		margin:15px 0 220px 0;
		background:none;
		border-radius:75px 0 75px 0;
		padding:15px;
		width: 100%;
		left: inherit;
	}
	.division_header_btn {
		display:flex;
		flex-direction: column;
		gap:15px;
		margin-top:30px;
	}
	.division_header h1 {
		font-size: 32px;
		margin: 0 0 10px 0;
	}

	.imgOffre {
		border-radius: 0 30px 0 30px;
		margin-top:30px;
	}
}