.s4-gris-image {
	margin: 150px 0 200px;
}
.s4-gris-image .carre {
	background-color: #58595b;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 616px;
	border-radius: 20px;
}

.s4-gris-image .carre .texte {
	max-width: 918px;
	text-align: start;
	color: white;
	margin-bottom: 38px;
	font-weight: 400;
	font-size: 45px;
}

.s4-gris-image .carre .img {
	width: 683px;
	height: 371px;
	border-radius: 274px;
	position: absolute;
	right: -240px;
	bottom: -139px;

	object-fit: cover;
}
@media (max-width: 1875px) {
	.s4-gris-image .carre .img {
		width: 557px;
		height: 302px;
	}
}
@media (max-width: 1670px) {
	.s4-gris-image .carre .img {
		width: 476px;
		height: 251px;
		right: -89px;
		bottom: -96px;
	}
}
@media (max-width: 1549px) {
	.s4-gris-image .carre {
		height: 534px;
	}
	.s4-gris-image .carre .img {
		width: 475px;
		height: 240px;
		right: -200px;
		bottom: -51px;
	}
	.s4-gris-image .carre .content {
		padding: 104px;
	}
	.s4-gris-image .carre .content .texte {
		font-size: 28px;
	}
}
@media (max-width: 1199px) {
	.s4-gris-image .carre {
		height: fit-content;
	}
	.s4-gris-image .carre .img {
		width: 314px;
		height: 163px;
		right: -68px;
		bottom: -38px;
	}
	.s4-gris-image .carre .content {
		padding: 112px 67px;
	}
}
@media (max-width: 767px) {
	.s4-gris-image {
		margin: 43px 0 53px;
	}
}
@media (max-width: 575px) {
	.s4-gris-image .carre .content {
		padding: 37px 27px;
	}
	.s4-gris-image .carre .content .texte {
		font-size: 22px;
	}
	.s4-gris-image .carre .img {
		display: none;
	}
}
