[data-composant="zone-texte"]
{
	&{
		width: var(--maxWidth);
		margin: 0 auto;
		padding: var(--padding);
	}
	
	h1
	{
		margin-bottom: 50px;
		color: var(--couleurTitre);
	}
	
	
	
}
[data-composant="footer"]
{
	&{
		background: var(--couleurDegrader1);
		color: white;
		padding: 20px;
		padding-top:40px;
		position: sticky;
		bottom: 0;
		margin-top: -20px;
		
	}
	
	@media (max-width: 820px)
	{
		h2, h3{
			font-size: 1.5em!important;
		}
	}
	
	& > div {
		display: flex;
		justify-content: space-between;
		gap: 1em;
	}
	
	@media (max-width: 720px)
	{
		& > div {
			display: block;
		}
	}
	
	
	@media (max-width: 820px)
	{
		& > div > div{
			max-width: 350px;
		}
	}
	
	.txt{
		max-width: 500px;
	}
	#menus{
		display: flex;
		gap: 1em;
	}
	
	@media (max-width: 720px)
	{
		nav {
			font-size: .8em;
		}
	}
	
	
	ul{
		padding-left: 0;
	}
	li{
		list-style: none;
		padding-left: 0;
	}
	
	h2, h3, h4{
		color: white !important;
	}
	
	
	a{
		color: white;
	}
	
	li a{
		text-decoration: none;
	}
	
	[data-composant="bouton"]
	{
		color: var(--couleurBTNTexte);
	}
	
	
	#copyright
	{
		&{
			font-size: .8em;
			
		}
		
		p{
		}
	}
	
	
}

.balise
{
	&{
		background: color-mix(in srgb, var(--couleurClaire2) 78%, transparent);
		padding: 6px 28px;
		border: 1px solid color-mix(in srgb, var(--couleur1) 32%, transparent);
		border-radius: 999px;
		width: fit-content;
		font-size: .72em;
		letter-spacing: .08em;
		text-transform: uppercase;
		position: relative;
		padding-right: 20px;
		margin-bottom: 20px
	}
	
	&:before
	{
		content: " ";
		aspect-ratio: 1/1;
		width: 10px;
		background: var(--couleurTexte);
		border-radius: 50%;
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
}

main > section:not(#banniere)
{
	margin: 100px auto;
}

main
{
	overflow-x: clip;
}

body
{
	background:
		radial-gradient(circle at 22% 0%, rgba(156, 122, 70, .10), transparent 34rem),
		linear-gradient(180deg, #fbfaf7 0%, var(--couleurBackgroundBody) 38%, #eae3d6 100%);
}

[data-composant="header"]
{
	padding: 14px 0 10px;
	border-bottom: 1px solid rgba(32, 27, 23, .08);
}

[data-composant="header"] img
{
	filter: saturate(.82) contrast(1.08);
}

[data-composant="header"] nav ul
{
	gap: .25em;
}

[data-composant="header"] nav a
{
	font-size: .76em;
	letter-spacing: .02em;
	padding: 11px 13px;
}

[data-composant="header"] nav a:hover
{
	background: rgba(156, 122, 70, .12);
	color: var(--couleur2);
}

[data-composant="header"] nav [data-composant="bouton"],
[data-composant="bouton"]
{
	border-radius: 999px;
	box-shadow: 0 12px 30px rgba(32, 27, 23, .13);
}

section[data-composant="banniere-hero"][data-type="card"]
{
	width: min(95%, 1480px);
	border-radius: 22px;
	box-shadow: 0 28px 90px rgba(32, 27, 23, .18);
	margin-bottom: 0;
}

section[data-composant="banniere-hero"][data-theme="texte-media"] .slide:before
{
	background:
		linear-gradient(90deg, rgba(18, 15, 12, .82) 0%, rgba(18, 15, 12, .60) 33%, rgba(18, 15, 12, .10) 72%),
		linear-gradient(180deg, rgba(18, 15, 12, .08), rgba(18, 15, 12, .50));
}

section[data-composant="banniere-hero"] h1
{
	max-width: 760px;
	font-size: clamp(2.25rem, 3.6vw, 4.25rem);
	line-height: .9;
	text-wrap: balance;
}

section[data-composant="banniere-hero"] h1 strong
{
	color: #d3aa68;
	font-size: clamp(4.6rem, 8vw, 7.8rem);
	line-height: .86;
	text-shadow: 0 10px 34px rgba(0, 0, 0, .35);
}

section[data-composant="banniere-hero"] .txt
{
	max-width: 620px;
	font-size: 1.04rem;
	line-height: 1.65;
}

section[data-composant="banniere-hero"] .txt p
{
	color: rgba(255, 250, 239, .92);
}

section[data-composant="banniere-hero"] [data-composant="bouton"]
{
	background: #d0a967;
	color: #1d1712;
	border: 1px solid rgba(255, 255, 255, .26);
	padding: 14px 22px;
}

main > section:not(#banniere)
{
	position: relative;
}

main > section:not(#banniere)::before
{
	content: "";
	display: block;
	width: 58px;
	height: 1px;
	margin: 0 auto 26px;
	background: var(--couleur1);
	opacity: .65;
}

[data-composant="membre-equipe"]
{
	display: block;
}

[data-composant="membre-equipe"] > .txts
{
	position: static;
	max-width: 860px;
	margin: 0 auto 48px;
	text-align: center;
}

[data-composant="membre-equipe"] > .txts .txt
{
	font-size: 1.03rem;
	line-height: 1.75;
}

[data-composant="membre-equipe"] .liste
{
	gap: 22px;
	padding-bottom: 10px;
	overflow-x: auto;
}

[data-composant="membre-equipe"] .liste > li,
[data-composant="liste-services"][data-theme="stack"] .liste > li
{
	background: rgba(255, 253, 248, .72);
	border: 1px solid rgba(156, 122, 70, .18);
	box-shadow: 0 22px 55px rgba(32, 27, 23, .10);
}

[data-composant="membre-equipe"] .liste > li
{
	padding: 14px;
	min-width: min(32%, 410px);
}

[data-composant="membre-equipe"] .liste > li img
{
	height: 330px;
}

[data-composant="membre-equipe"] img,
[data-composant="liste-services"][data-theme="stack"] img,
[data-composant="ressources-slider"] img
{
	filter: saturate(.86) contrast(1.06);
}

[data-composant="ressources-slider"]
{
	background:
		linear-gradient(180deg, rgba(32, 27, 23, .04), rgba(156, 122, 70, .12)),
		var(--couleurClaire1);
	border-top: 1px solid rgba(156, 122, 70, .18);
	border-bottom: 1px solid rgba(156, 122, 70, .18);
}

[data-composant="ressources-slider"] .txts
{
	margin-top: 3.5rem;
}

[data-composant="ressources-slider"] .liste > li
{
	background: rgba(255, 253, 248, .78);
	box-shadow: 0 24px 55px rgba(32, 27, 23, .14);
}

[data-composant="ressources-slider"] header .tag,
[data-composant="liste-services"][data-theme="stack"] header .tag
{
	background: rgba(32, 27, 23, .88);
	border-color: rgba(255, 255, 255, .22);
	color: #fff8ea;
}

[data-composant="liste-services"][data-theme="stack"] .main
{
	background: rgba(255, 253, 248, .82);
	border-top: 1px solid rgba(156, 122, 70, .20);
	backdrop-filter: blur(12px);
}

[data-composant="faq"]
{
	width: min(90%, 980px);
}

[data-composant="form-contact"]
{
	width: min(95%, 1180px);
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 30px 80px rgba(32, 27, 23, .16);
}

[data-composant="footer"]
{
	background: linear-gradient(135deg, #18130f, #2a2119 62%, #5f4a2d);
}

@media (max-width: 768px)
{
	[data-composant="header"]
	{
		padding-top: 8px;
	}

	section[data-composant="banniere-hero"][data-type="card"]
	{
		width: var(--maxWidth);
		border-radius: 18px;
	}

	section[data-composant="banniere-hero"][data-theme="texte-media"] .slide:before
	{
		background: linear-gradient(180deg, rgba(18, 15, 12, .40), rgba(18, 15, 12, .70));
	}

	section[data-composant="banniere-hero"] h1
	{
		max-width: 100%;
		font-size: 1.92rem;
		line-height: .92;
		overflow-wrap: normal;
		word-break: normal;
	}

	section[data-composant="banniere-hero"] h1 strong
	{
		font-size: clamp(2.35rem, 13vw, 3.05rem);
		line-height: .86;
		overflow-wrap: normal;
		word-break: keep-all;
	}

	section[data-composant="banniere-hero"] .txt
	{
		max-width: 100%;
		font-size: .98rem;
		line-height: 1.55;
	}

	section[data-composant="banniere-hero"][data-theme="texte-media"] .txts
	{
		width: 100%;
		max-width: 100%;
		padding-inline: 24px;
		overflow: hidden;
		transform: none;
		align-self: center;
	}

	section[data-composant="banniere-hero"][data-theme="texte-media"] .slide
	{
		display: grid;
		grid-template-columns: 1fr;
		place-items: center;
	}

	section[data-composant="banniere-hero"] .media
	{
		display: none;
	}

	section[data-composant="banniere-hero"] [data-composant="bouton"]
	{
		max-width: 100%;
		white-space: normal;
		justify-content: center;
	}

	[data-composant="membre-equipe"]
	{
		display: block;
	}

	[data-composant="membre-equipe"] .liste > li
	{
		min-width: 82%;
	}

	[data-composant="membre-equipe"] .liste > li img
	{
		height: 260px;
	}
}

#contact > div{
	background: var(--couleurBTN2);
}