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

h1
{
	opacity: 0;
	transform: translateY(-.7rem);
	animation: titreApparition .5s ease-out forwards;
}
@keyframes titreApparition
{
	to
	{
		opacity: 1;
		transform: translateY(0);
	}
}

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

.accroche 
{
	opacity: 0;
	animation: elementApparition .5s ease-out forwards;
	animation-delay: .5s;
}
.accroche .colonne1span3 p
{
	margin-bottom: 0;
}
@keyframes elementApparition
{
	to { opacity: 1; }
}
.accroche .colonne4 p
{
	margin-bottom: 0;
	text-align: right;
}
@media (min-width: 600px) and (max-width: 1365px)
{
	.accroche
	{
		grid-template-columns: 1fr 1fr 1fr 10rem;
	}
}

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

section
{	
	opacity: 0;
	animation: elementApparition .4s ease-out forwards;
	animation-delay: 1s;
}

/*////////////////////////
Article
////////////////////////*/

.titrePartie
{
	border-bottom: var(--bordure-pleine-habillage);
	margin-bottom: 1.6rem;
}
.titreChapitre
{
	margin-bottom: .4rem;
}
.titrePartie .colonne1 p,
.titreChapitre .colonne1 p
{
	color: var(--couleur-habillage);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum";
}
.contenu
{
	margin-bottom: 1.6rem;
}
.contenu:last-child
{
	margin-bottom:0;
}
.colonne1
{
	margin-bottom: -.75rem;
}
@media (min-width: 600px) and (max-width: 1365px)
{
	.titrePartie .colonne1 p
	{
		font-size: var(--corps-tablette-titre2);
		margin-top: .25rem;
	}
	.titreChapitre .colonne1 p
	{
		font-size: var(--corps-tablette-titre3);
	}
	.contenu
	{
		margin-bottom: 3.2rem;
	}
}
@media (min-width: 1366px)
{
	.titrePartie .colonne1 p
	{
		font-size: var(--corps-desktop-titre2);
		margin-top: .25rem;
	}
	.titreChapitre .colonne1 p
	{
		font-size: var(--corps-desktop-titre3);
	}
	.contenu
	{
		margin-bottom: 5rem;
	}
	h2
	{
		margin-bottom: 1.6rem;
	}
}

/*////////////////////////
Spécial
////////////////////////*/

ol.num3 li::before
{
	counter-reset: compteurListe 3;
}

figure
{
	margin-top: 1.1rem;
}

blockquote
{
	text-align: justify;
}
.encart,
blockquote
{
	padding-left: 1rem;
	margin-left: 1rem;
}
blockquote ~ p cite
{
	margin-left: 2rem;
}
.encart { border-left: 1px dashed var(--couleur-habillage); }
.encart p:not(:last-child)
{
	margin-bottom:1rem;
}
blockquote 
{ 
	border-left: 1px solid var(--couleur-secondaire); 
	font-style: italic;
}
.encart .intitule
{
	font-weight: 800;
	display: block;
	/* margin-bottom:1rem; */
}
@media (min-width: 600px) and (max-width: 1365px)
{
	.encart,
	blockquote
	{
		padding-left: 1.5rem;
		margin-left: 1.5rem;
	}
	blockquote ~ p cite
	{
		margin-left: 3rem;
	}
}
@media (min-width: 1366px)
{
	.encart,
	blockquote
	{
		padding-left: 2rem;
		margin-left: 2rem;
	}
	blockquote ~ p cite
	{
		margin-left: 4rem;
	}
}