/*////////////////////////
Titre
////////////////////////*/

.lettre
{
	opacity: 0;
	transform: translateX(-1.5rem);
	animation: texteApparait .5s forwards;
}
@keyframes texteApparait 
{
	to
	{
		opacity: 1;
		transform: translateX(0);
	}
}
h2
{
	margin-bottom: .2rem;
}

/*////////////////////////
Accroche
////////////////////////*/

.accroche 
{	
	opacity: 0;
	animation: elementApparition .5s ease-out forwards;
	animation-delay: .5s;
}
@keyframes elementApparition
{
	to { opacity: 1; }
}

/*////////////////////////
Sections
////////////////////////*/

section
{
	border-top: 1px solid var(--couleur-habillage);
	padding-top: 1.6rem;
	/* padding-bottom: 1.7rem; */
	
	opacity: 0;
	animation: elementApparition .4s ease-out forwards;
	animation-delay: 1s;
}
section:not(:last-child)
{
	padding-top: 1.6rem;
	padding-bottom: 1.7rem;
}
@media (min-width: 1366px)
{
	section:not(:last-child)
	{
		padding-top: 2.3rem;
		padding-bottom: 2.3rem;
	}
}

/*////////////////////////
Grille
////////////////////////*/

@media (min-width: 600px) and (max-width: 1365px)
{
	.contenu
	{
		grid-template-columns: 1fr 1fr 1fr 12rem;
	}
}