/* .............................................................................
TITLES

TODOCHECK : Watch-out avec les variations des titres, ne pas mettre la classe
direct sur le tag mais dans un tag parent qui gèrera les variations.
............................................................................. */
h1, .h1, .titleModificateur {font-family: 'Bodoni Moda', serif; font-size: 4em; font-weight: 400; line-height: 1; }
.h1__alt {font-family: 'DM Sans', sans-serif; font-weight: 700; }
h2, .h2 {font-family: 'Bodoni Moda', serif; font-size: 2.7em; font-weight: 500; line-height: 1.1; }
h3, .h3 {font-family: 'Bodoni Moda', serif; font-size: 2em; font-weight: 400; line-height: 1.1; }
h4, .h4 {font-family: 'DM Sans', sans-serif; font-size: 1.3em; font-weight: 400; line-height: 1.2;}
h5, .h5 {font-family: 'DM Sans', sans-serif;font-size: 1.1em;font-weight: 400;line-height: 1.25;}
h6, .h6 {font-family: 'DM Sans', sans-serif; font-size: 0.9em; font-weight: 700; line-height: 1.1; }

	/*
	ALT:
	H2 different font. */
	.h2--alt,
	.titleH2Alt h2, .titleH2Alt .h2 {font-family: 'DM Sans', sans-serif; font-weight: 500; }

	/*
	ALT:
	H5 en gras. */
	.h5--bold {font-weight: 700; }

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

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

	/* Font-size pour headings particuliers. */
	.titleModificateur {font-size: 2.5002em;}

	/* Font-size tablet TODO */
	
	/* Font-size mobile */
	@media (max-width:46rem) {
		h1, .h1, .titleModificateur {font-size: 2.8em; }
		h2, .h2 {font-size: 2.4em;}
		h3, .h3 {font-size: 1.9em; }
		h4, .h4 {font-size: 1.3em; }
		h5, .h5 {font-size: 1.1em; }
		h6, .h6 {font-size: 0.9em; }
	}


/*
TODOMOD
CONSTANT SIZE
Une grandeur qui revient un peu partout dans le site. */
.fsCs {font-size: 0.85002em;}


/*
TODOMOD
SUPTITLE
Suptitle over the title, pretty small. */
.supTitle {display: block;font-size: 0.7002em;font-weight: bold;text-transform: uppercase;color: #67696b;margin-bottom: 1.002em;padding: 0 0.5002em;}
.supTitle:before {content:" ";display: inline-block;background-color: #2ad2c9;width: 2.002em;height: 0.2002em;margin-right: 0.5002em;}


/*
TODOMOD
SUBTITLE
Subtitle just under the title, small than title but bigger than std p. */
.subTitle {font-size: 1.2002em;line-height: 1.2; }


/*
TODOMOD
TITLE / Cols
Certains titres sont en colonnes : icone a gauche, texte a droite. */
.titleCols {display: flex;align-items: center;}
.titleCols__icon {display: block; flex: 0 0 auto; font-size: 1.5002em; margin-right: 1.002em; }
.titleCols__text {display: block; flex: 1 1 auto; }