#temoin-thermique {
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	align-items     : center;
	width           : 100%;
	padding         : 40px 0px 0 0px;
}


#temoin-thermique .temoin-thermique__container {
	position        : relative;
	overflow        : hidden;
	display         : flex;
	flex-direction  : column;
	justify-content : space-between;
	align-items     : center;
	width           : 100%;
}

/* ============================= Part 1 ============================ */
.temoin-thermique__part-1 {
	z-index       : 2;
	width         : 100%;
	max-width     : 600px;
	margin-bottom : -110px;
	padding       : 0 20px;
}

.temoin-thermique__part-1 .temoin-thermique__content {
	text-align      : center;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	align-items     : center;
	width           : 100%;
}


/* ============================= Part 2 ============================ */
.temoin-thermique__part-2 {
	display         : flex;
	justify-content : space-between;
	align-items     : stretch;
	min-height      : 740px;
}

.temoin-thermique__part-2 > div {
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	width           : 50vw;
}

.temoin-thermique__part-2-content {
	align-items : flex-end;
	padding     : 40px 20px 40px 20px;
}

.temoin-thermique__part-2-content .section__text, .temoin-thermique__part-2-content .section__button-container {
	width     : 100%;
	max-width : 500px;
}

.temoin-thermique__part-2-content .section__button-container {
	justify-content : flex-start !important;
}


.temoin-thermique__part-2 .temoin-thermique__images-container {
	background-repeat   : no-repeat;
	background-position : 28% center;
	background-size     : cover;
}


.temoin-thermique__part-2 .temoin-thermique__images-container img {
	width           : 100%;
	max-width       : 400px;
	margin-left     : 20%;
	object-fit      : contain;
	object-position : center;
}


@media (max-width : 764px) {
	#temoin-thermique {
		padding : 40px 0px 50px 0px;
	}

	.temoin-thermique__part-1 {
		margin-bottom : -00px;
	}

	.temoin-thermique__part-2 {
		flex-direction : column;
		min-height     : 100px;
	}

	.temoin-thermique__part-2 > div {
		align-items : center;
		width       : 100vw;
	}

	.temoin-thermique__part-2-content {
		text-align  : center;
		align-items : center;
	}

	.temoin-thermique__part-2-content .section__button-container {
		justify-content : center !important;
	}

	.temoin-thermique__part-2 .temoin-thermique__images-container img {
		max-width   : 300px;
		margin-left : 0;
	}
}