#animation {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1000;
}

.accueil_groupe {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
	height: 90vh;
	margin: 0 10px;
}

.accueil_onglet {
	display: flex;
	align-items: center;
	font-weight: bold;
	text-transform: uppercase;
	width: 99%;
	color: white;
	transition: all 0.35s ease;
	margin: 10px 0;
	border-radius: 14px;
}

.accueil_onglet:hover {
	filter: brightness(90%);
	cursor: pointer;
}

.accueil_edito {
	background-image: url(../img/edito.jpg);
	background-position: center;
}

.accueil_machine {
	justify-content: flex-end;
	background-color: chocolate;
}

.accueil_cartes {
	background-color: darkgreen;
}

@media screen and (min-width: 1025px) {
	.accueil_onglet {
		height: 311px;
		padding: 0 2rem;
	}

	.accueil_machine {
		background-image: url(../img/machine3.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top left;
	}

	.accueil_cartes {
		background-image: url(../img/vigniette3.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top left;
	}

	h2 {
		font-size: 50px;
	}

	.precision {
		font-size: 28px;
	}
}

@media screen and (max-width: 1024px) {
	#animation {
		display: none;
	}

	.accueil_onglet {
		height: 280px;
		padding: 0 1.25rem;
		margin: 10px 0;
	}

	h2 {
		font-size: 36px;
	}

	.precision {
		font-size: 20px;
	}
}

.precision {
	margin: 10px 0;
}

a {
	text-decoration: none;
}