/*////////////////////////
Texte
////////////////////////*/

h1
{
	opacity: 0;
	transform: translateY(-.7rem);
	animation: titreApparition .5s ease-out forwards;
}
@keyframes titreApparition
{
	to
	{
		opacity: 1;
		transform: translateY(0);
	}
}
h2
{
	border-bottom: var(--bordure-pleine-habillage);
	padding-bottom: 1.6rem;
}
@media (min-width: 1366px)
{
	h2 
	{ 
		padding-bottom: 2.2rem;
	}
}

/*////////////////////////
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;
}

/*////////////////////////
Présentation
////////////////////////*/

.detailsTechniques
{
	list-style: none;
	color: var(--couleur-secondaire);
}
.avertissement
{
	display: flex;
	align-items: start;
}
.avertissement p
{
	color: var(--couleur-secondaire);
	font-weight: 800;
	margin-bottom: 0;
	margin-left: 1.25rem;
}
.avertissement img
{
	margin-top: .2rem;
	flex-basis: 6.5rem;
	/* width: 100%; */
	height: auto;
}
@media (min-width: 600px) and (max-width: 1365px)
{
	.avertissement p
	{
		margin-left: 1.4rem;
	}
}
@media (min-width: 1366px)
{
	.avertissement p
	{
		margin-left: 1.875rem;
	}
}

/*////////////////////////
Téléchargements
////////////////////////*/

.telechargerBlocLiseret
{
	border-bottom: var(--bordure-pointillee-habillage);
	padding-bottom: 1.5rem;
}
.telecharger
{
	display: flex;
	flex-direction: column;
}
.telecharger:first-child
{
	margin-bottom:1rem;
}
.telecharger img
{
	width: 100%;
	height: auto;
	border-radius: var(--border-radius);
	margin-bottom: 1.5rem;
}
.telecharger p
{
	color:var(--couleur-secondaire);
	margin-bottom: 1.25rem;
}
.telecharger > div
{
	display: flex;
	justify-content: flex-end;
	margin-top: auto;
}
@media (min-width: 600px) and (max-width: 1365px)
{
	.telechargerBlocLiseret { padding-bottom: 2rem; }
	.telecharger:first-child { margin-bottom: 0; }
	.telecharger img { margin-bottom: 2rem;	}
	.telecharger h3 { margin-bottom: 1.5rem; }
	.telecharger p { margin-bottom: 2rem; }
}
@media (min-width: 1366px)
{
	.telechargerBlocLiseret { padding-bottom: 2.5rem; }
	.telecharger:first-child { margin-bottom: 0; }
	.telecharger img { margin-bottom: 2.5rem; }
	.telecharger h3	{ margin-bottom: 2rem; }
	.telecharger p { margin-bottom: 3rem; }
}

/*////////////////////////
Téléchargements : extensions
////////////////////////*/

.extensions > div:nth-child(2)
{
	margin-top:-.5rem;
}
.extensions .colonne2span2:not(:nth-child(3))
{
	margin-top:1rem;
}
.extensions .colonne2span2 p
{
	color:var(--couleur-secondaire);
}
.extensions .colonne4
{
	display: flex;
	align-items: start;
	justify-content: flex-end;
}
.extensions h4 ~ p
{
	margin-bottom: 0;
}
@media (min-width: 600px)
{
	.extensions > div:nth-child(2)
	{
		margin-top: .4rem;
	}
	.extensions .colonne2span2:not(:nth-child(3))
	{
		margin-top:0;
	}
	.extensions .colonne4
	{
		margin-top: 2.2rem;
	}
	.extensions h4 ~ p
	{
		margin-bottom: 1rem; 
	}
}
@media (min-width: 1366px)
{
	.extensions
	{
		margin-top:2.5rem;
	}
	.extensions .colonne4
	{
		margin-top: 2.9rem;
	}
	.extensions h4 ~ p
	{
		margin-bottom: 1.3rem; 
	}
}

/*////////////////////////
Autour du projet
////////////////////////*/

@media (min-width: 600px) and (max-width: 1365px)
{
	.autour .colonne1span2
	{
		margin-right: 2rem;
	}
}
@media (min-width: 1366px)
{
	.autour .colonne1span2
	{
		margin-right: 3rem;
	}
}

/*////////////////////////
Special
////////////////////////*/

.alignerDroiteBas
{
	display: flex;
	align-items: end;
	justify-content: flex-end;
}

.imgSousH2
{
	margin-top: .4rem;
}