/* .............................................................................
TITLES
............................................................................. */
h1, .h1 {font-size: 4.7em;font-weight: 500;line-height: 1;text-wrap: balance;letter-spacing: -0.05em;text-indent: -0.07em;}
h2, .h2, .titleAccordion {font-size: 2.25em;font-weight: 500;line-height: 1;text-wrap: balance;letter-spacing: -0.05em;}
h3, .h3, .titleAccent, .titreProduit {font-size: 1.7em;font-weight: 500;line-height: 1.1;text-wrap: balance;}

	/* No text balance */
	.titleNoBalance {text-wrap: auto;}

	/* Light version */
	.titleLight {font-weight: 300; }

	/* Strong elements inside */
	h1 strong, .h1 strong {font-weight: 900; }
	h2 strong, .h2 strong {font-weight: 900; }

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

	/* Font-size pour headings particuliers. */
	.titleAccordion { }
	.titleAccent {font-weight: 400; line-height: 1.3; }
	.titleAccent strong {font-weight: 900; }
	.titreProduit { }

	/* Smaller */
	@media (max-width:62rem) {
		h1, .h1 {font-size: 4em; }
		h2, .h2, .titleAccordion {font-size: 1.8em; }
		h3, .h3, .titleAccent, .titreProduit {font-size: 1.3em; }

		.titreProduit {font-size: 1.8em; }
	}

	/* Smaller */
	@media (max-width:46rem) {
		h1, .h1 {font-size: 2.7em; }
		h2, .h2, .titleAccordion {font-size: 1.5em;}
		h3, .h3, .titleAccent, .titreProduit {font-size: 1.1em; }

		.titreProduit {font-size: 1.4em; }
	}


/*
SUBTITLE
Subtitle just under the title, smaller than title but bigger than std p.
Voir le page head de l'accueil. */
.subTitle {font-size: 1.45em;}
* + .subTitle {margin-top: 0.4em; }

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

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