.pageProduits {
	min-height: var(--deco-height);
}
.licences_box {
	display: flex;
	justify-content: space-between;
	margin-top: 2em;
}
.licence_item {
	width: 400px;
	background: #bbb;
}
.licence_item img {
	width: 100%;
}
.licences_haynes .site_container {
	justify-content: space-around;
}
.licences_haynes .site_container > * {
	flex: unset;
	width: 400px;
	max-width: 30%;
	background: white;
	padding: 1em 1em 2em 1em;
	border-radius: 8px;
	box-shadow: 0 0 18px #5559;
}
.licences_haynes .site_container > * a {
	flex: unset;
}
.licences_haynes .btnEssaiContainer {
	display: flex;
	align-items: center;
	width: auto;
	justify-content: center;
}
.licences_haynes .btn {
	width: auto;
}
.btnEssaiContainer input {
	height: 43px;
	width: 80px;
	margin: 0;
	text-align: center;
	font-size: 2em;
}
.btnEssaiContainer b {
	cursor: pointer;
}
.btnLoupe {
	height: 43px;
	width: 43px;
	margin-left: auto;
	background: var(--color-text);
	display: flex;
	align-items: center;
	justify-content: center;
}
.btnLoupe img {
	filter: invert(1);
}
.btn.voirPlus {
	color: var(--color-1);
	font-weight: bold;
	box-shadow: inset 0 0 0 100px white;
	/* box-shadow: inset 0 0 0 100px var(--color-text); */
	border: 2px var(--color-1);
	background: var(--color-text);
}
.pageProduits .btnPanier {
	color: white;
}
.pageProduits .btnPanier:hover {
	color: var(--color-2);
}
.FourSteps {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 6em 0;
}
.FourSteps > div {
	flex: 1 1 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 1.5em;
}
.FourSteps span {
	font-size: 3em;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-1);
	border-radius: 50%;
	width: 70px;
	height: 70px;
	margin: 0.5em 0;
}
.FourSteps p {
	max-width: 80%;
	margin: auto;
}
.to_animate.FIRE .FourSteps > div:last-child {
	animation-delay: 1s;
}
@media all and (max-width: 1400px) {
	.licences_haynes .site_container > * {
		max-width: unset;
		margin-bottom: 1em;
	}
}
@media all and (max-width: 900px) {
	.licences_haynes .site_container > * {
		width: 100%;
	}
}
@media all and (max-width: 500px) {
	.licences_haynes .btn:not(.voirPlus) {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
}
@media all and (max-width: 450px) {
	.btnEssaiContainer input {
		height: 43px;
		width: 50px;
		font-size: 1.2em;
	}
	.btnEssaiContainer .btn {
		padding: 0.7em 1em 0.5em 1em;
		font-size: 0.9em;
	}
	.licences_haynes .site_container > * {
		padding: 2px;
		margin-bottom: 0.5em;
	}
	.licences_haynes .site_container .imgbox {
		height: auto;
	}
}