/* .............................................................................
TITLES
............................................................................. */
h1, .h1 {position: relative;margin: 0;padding: 0.2em 0 0 0;font-size: 4.56em;line-height: 1;}
h2, .h2, .titleQuestion {position: relative;margin: 0;padding: 0.2em 0 0 0;font-size: 2.9em;line-height: 1.05;color: var(--color-orange);text-transform: none;}
h3, .h3, .titleForm {position: relative;margin: 0;padding: 0.2em 0 0 0;font-size: 1.5em;line-height: 1.2;color: var(--color-green);}
h4, .h4 {position: relative;margin: 0;padding: 0;font-size: 1.1em;line-height: 1.2;color: var(--color-orange); text-transform: none;}

	/* Margins : common (ajuster l'espacement EN HAUT de l'element). */
	* + h1, * + .h1 {margin-top: 2.002em; }
	* + h2, * + .h2 {margin-top: 2.002em; }
	* + h3, * + .h3 {margin-top: 2.002em; }

	/* Margins : after (ajuster l'espacement EN BAS de l'element). */
	h3 + *, .h3 + * {margin-top: 1em;}
	.supTitle + * {margin-top: 0.2em;}

	/* Margins : specific (COMBINAISONS particulieres d'elements). */

	/* Font-size pour headings particuliers. */
	.titleQuestion { }
	.titleForm {text-transform: none; text-align: center; }

	/* Tablet */
	@media (max-width:62rem) {
		h1, .h1 {font-size: 4.56em; }
		h2, .h2, .titleQuestion {font-size: 2.9em; }
		h3, .h3, .titleForm { }
		h4, .h4 { }
	}

	/* Mobile */
	@media (max-width:46rem) {
		h1, .h1 {font-size: 2.5em;}
		h2, .h2, .titleQuestion {font-size: 1.8em; }
		h3, .h3, .titleForm {font-size: 0.8em;}
		h4, .h4 { }

		.titleForm {font-size: 1.3em; }
	}

	/* On dark */
	.onDark h1, .onDark .h1,
	.onDark h2, .onDark .h2,
	.onDark h3, .onDark .h3 {color: #fff;}


/*
SUPTITLE
Suptitle over the title, pretty small. */
.supTitle {display: block;font-size: 1.1em;text-transform: uppercase;color: var(--color-orange);}

	/* Smaller */
	@media (max-width:46rem) {
		.supTitle {font-size: 1em; }
	}


/*
CONSTANT SIZE
Une grandeur qui revient un peu partout dans le site. */
.fsCs {font-size: 1.1em;}

	/* Smaller */
	@media (max-width:46rem) {
		.fsCs {font-size: 1em; }
	}
