/* .............................................................................
TITLES
............................................................................. */
h1, .h1 {position: relative;padding: 0;font-size: 2em;line-height: 1;font-weight: 300; color: var(--color-gray); }
h2, .h2 {position: relative;padding: 0;font-size: 1.35em;line-height: 1.1;font-weight: 300; }
h3, .h3, .fsCs, .formLabel, .btn, .listInlineLinks li {position: relative;padding: 0;font-size: 0.83em;line-height: 1.1;font-weight: 700;text-transform: uppercase;}

	/* h3 avec separeteur */
	.h3Separator {position: relative; margin-top: calc(0.75 * var(--base-spacing-top)); padding-top: 1.5em;}
	.h3Separator::before {position:absolute;z-index:0;display:block;content:'';top:0;height: 1px;left:0;width: 2.1em;background-color: var(--color-gray);}

	/* Note sur le titre, ligne a la gauche */
	.h1__note {position: relative;font-size: 0.415em;line-height: 1.1;font-weight: 700;text-transform: uppercase;display: inline-block;margin-left: 0.7em;padding: 0.5em 1.5em;vertical-align: middle;}
	.h1__note::before {position:absolute; z-index:0; display:block; content:''; top:0; bottom:0; left:0; width: 1px; background-color: var(--color-gray); }

		/* En-dessous */
		@media (max-width:46rem) {
			.h1__note {display: block; margin-left: 0; padding: 0.4em 0 0 0.1em; }
			.h1__note::before {display: none; }
		}

	/* Margins : common (ajuster l'espacement EN HAUT de l'element). */
	* + h1, * + .h1 {margin-top: 1.5em;}
	* + h2, * + .h2 {margin-top: 2.002em; }
	* + h3, * + .h3 {margin-top: 2.002em; }

	/* Margins : after (ajuster l'espacement EN BAS de l'element). */
	h3 + p, .h3 + p,
	h3 + ul, .h3 + ul {margin-top: 0.3em;}
	h3 + .formGroup, .h3 + .formGroup {margin-top: 1.5em;}
		
	/* Margins : specific (COMBINAISONS particulieres d'elements). */
	h1 + h3, .h1 + h3, h1 + .h3, .h1 + .h3 {margin-top: 3em;}

	/* Font-size pour headings particuliers. */

	/* Font-size */
	@media (max-width:46rem) {
		h1, .h1 {font-size: 1.8em; }
		h2, .h2 { }
		h3, .h3 { }
	}