/* .............................................................................
TITLES
............................................................................. */
h1, .h1 {position: relative;margin: 0;padding: 0;font-size: 3.2em;line-height: 1.1;font-weight: 300;}
h2, .h2, .titreInfolettreFooter {position: relative;margin: 0;padding: 0;font-size: 2.3em;line-height: 1.2;font-weight: 300;}
h3, .h3, .titleEvent, .titleCheckboxList {position: relative;margin: 0;padding: 0;font-size: 1.25em;line-height: 1.2;font-weight: bold;}
h4, .h4 {margin: 0;padding: 0;font-size: 0.95em;line-height: 1.1;font-weight: bold; }
.supTitle {display: block;font-size: 1.1em;font-weight: bold;}

	/* 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; }
	* + h4, * + .h4 {margin-top: 2.002em; }
	* + .titreInfolettreFooter {margin-top: 0; }

	/* Margins : after (ajuster l'espacement EN BAS de l'element). */
	.supTitle + * {margin-top: 0.1em; }
	.titleCheckboxList + * {margin-top: 1em;}
	
	/* Margins : specific (COMBINAISONS particulieres d'elements). */
	h4 + h3, .h4 + h3, .h4 + h3, .h4 + .h3 {margin-top: 1.5em;}

	/* Font-size pour headings particuliers. */
	.titreInfolettreFooter {font-size: 1.6em;}
	.titleEvent {font-weight: normal; }

	/* Sizes */
	@media (max-width:62rem) {
		h1, .h1 {font-size: 2.8em;}
		h2, .h2 {font-size: 2em; }
		h3, .h3 {font-size: 1.1em; }
		h4, .h4 { }

		.supTitle {font-size: 1em; }
	}

	@media (max-width:46rem) {
		h1, .h1 {font-size: 2em;}
		h2, .h2 {font-size: 1.7em; }
		h3, .h3 {font-size: 1em; }
		h4, .h4 {font-size: 0.85em; }

		.supTitle {font-size: 0.9em; }
	}