/* .............................................................................
TITLES
............................................................................. */
h1, .h1, .titleHome {position: relative;padding: 0;font-size: 5em;line-height: 1;font-weight: 500; }
h2, .h2, .titleFooter, .titleLiberte {position: relative;padding: 0;font-size: 4em;line-height: 1.1;font-weight: 500; }
h3, .h3 {position: relative;padding: 0;font-size: 1.6em;line-height: 1.1;font-weight: 500;}

	/* 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; }
	* + .subTitle {margin-top: 0.3em;}
	* + .tagline {margin-top: 2em;}

	/* Margins : after (ajuster l'espacement EN BAS de l'element). */
		
	/* Margins : specific (COMBINAISONS particulieres d'elements). */

	/* Font-size pour headings particuliers. */
	.titleHome {font-size: 6em; color: var(--color-red);}
	.titleFooter {font-size: 2.35em;}
	.titleLiberte {line-height: 1.03;background: linear-gradient(90deg, #ff5e65 0%, #812529 50%, #ff5e65 100%);background-size:200%;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;animation: titleLiberteShine 5s linear infinite;}

		@keyframes titleLiberteShine {
			0% {background-position: 200%; }
			50% {background-position: 100%; }
			100% {background-position: 200%; }
		}

	/* Smaller */
	@media (max-width:62rem) {
		h1, .h1 {font-size: 4em; }
		h2, .h2 {font-size: 3em; }
		h3, .h3 {font-size: 1.5em; }

		.titleHome {font-size: 5em; }
		.titleFooter {font-size: 2em; }
		.titleLiberte {font-size: 3em; }
		
		* + .tagline {margin-top: 1.5em;}
	}

	@media (max-width:46rem) {
		h1, .h1, .titleHome {font-size: 3.5em; }
		h2, .h2 {font-size: 2.75em; }
		h3, .h3 {font-size: 1.35em; }

		.titleFooter {font-size: 1.7em;}
		.titleLiberte {font-size: 2.5em; }
	
		* + .tagline {margin-top: 1em;}
	}


/*
SUBTITLE
Subtitle just under the home title, looks like a btn label. */
.subTitle {font-size: 1.05em;line-height: 1.2;letter-spacing: 0.2em;text-transform: uppercase; color: var(--color-blue); }

	/* Smaller */
	@media (max-width:62rem) {
		.subTitle {font-size: 1em; }
	}

	@media (max-width:46rem) {
		.subTitle {font-size: 0.7em; }
	}


/*
TAGLINE
En-dessous du home title et du subtitle. */
.tagline {font-size: 1.5em; line-height: 1.3; font-weight: 300; }

	/* Smaller */
	@media (max-width:46rem) {
		.tagline {font-size: 1.25em; }
	}