/* CHARTE GRAPHIQUE */
	.charte { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: white; z-index: 1300;}
	.charte .graphique-nav li { text-align: center; text-transform: uppercase; }
	.charte .graphique-nav li.nav-item a { display: block; padding: .5rem 0; font-weight: bolder; color: rgba(255,255,255,.5); text-decoration: none; }
	.charte .graphique-nav li.nav-item:hover a { color: white; }
	.charte .graphique-nav li.nav-item-active a { color: white; }
	.graphique { scroll-behavior: smooth; height: 100vh; overflow-y: auto; overflow-x: hidden; }
		.graphique section { display: flex; align-items: center; justify-content: center;  min-height: 100vh; margin: 0 !important; padding: 10vh 2rem;}
		.graphique section:nth-child(odd) { background: #efefef; }
			.graphique section > div { width: 100%; }
		.graphique > div:nth-child(odd) { background: rgba(210,210,210,.2); }
		.graphique  h2 { margin-bottom: 3rem; font-size: 3em; font-weight: 900; color: var(--primary); }
	.graphique #accueil {  background-size: cover;  overflow: hidden; }
	.graphique #accueil .accueil-body { margin-top: 10vh; margin-left: 5vw; padding: 2vh 2vw 2vh 1vw; border-left: 1px solid white; /*background: rgba(0,0,0,.5);*/ }
	.graphique #accueil .title { line-height: 1; font-size: 2em; font-weight: 200; color: white; text-shadow: 3px 3px 0 rgba(0,0,0,.3); }
	/*.graphique #accueil .title::after { content: ""; display: block; width: 25%; margin: 0 auto 1.5rem auto; padding-bottom: 1.5rem; border-bottom: 1px solid white; }*/
	.graphique #accueil .subtitle { line-height: 1; font-size: 3.5em; font-weight: 700; color: white; }
	.graphique #accueil .subtitle span { display: block; font-size: .7em; font-weight: 200; }
	#couleurs .card * { color: white !important }

	/*
	.graphique  h2::after { content: ""; display: block; width: 50px; margin-top: 1rem; border-bottom: 8px solid var(--primary); }
	.graphique > div { min-height: 100vh; padding: 10vh 0;}
	*/