/* .............................................................................
TITLES
............................................................................. */
h1, .h1, .titleHome, .titleEvent {position: relative;margin: 0;padding: 0.2em 0 0 0;font-size: 4.56em;line-height: 1;}
h2, .h2, .title3BV, .h2--big {position: relative;margin: 0;padding: 0.2em 0 0 0;font-size: 3.39em;line-height: 1.05;color: var(--color-orange);}
h3, .h3, .h3--big, .titleFooterBox {position: relative;margin: 0;padding: 0.2em 0 0 0;font-size: 1.78em;line-height: 1.2;color: var(--color-green);}
h4, .h4 {position: relative;margin: 0;padding: 0;font-size: 1.1em;line-height: 1.2;color: var(--color-orange); text-transform: none;}

	/* 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.002em;}

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

	/* Font-size pour headings particuliers. */
	.titleHome {font-size: 6.11em;line-height: 1.25;}
	.titleEvent { }
	.title3BV {font-size: 5.11em; }
	.h2--big {font-size: 4.89em; }
	.h3--big {font-size: 2em; }
	.titleFooterBox {font-size: 2em; }

	/* Desktop */
	@media (max-width:93rem) {
		.title3BV {font-size: 4.8vw;}
	}

	/* Tablet */
	@media (max-width:62rem) {
		h1, .h1, .titleHome, .titleEvent {font-size: 4.56em; }
		h2, .h2, .title3BV, .h2--big {font-size: 3.39em; }
		h3, .h3, .h3--big, .titleFooterBox { }
		h4, .h4 { }

		.titleHome {font-size: 5.5em;}
		.titleEvent { }
		.title3BV {font-size: 4em;}
		.h2--big { }
		.h3--big { }
		.titleFooterBox {font-size: 2.3em; }

		.btnIcon + h3, .btnIcon + .h3 {margin-top: 0.75em; }
	}

	/* Mobile */
	@media (max-width:47rem) {
		h1, .h1, .titleHome, .titleEvent {font-size: 2.81em; }
		h2, .h2, .title3BV, .h2--big {font-size: 2.25em; }
		h3, .h3, .h3--big, .titleFooterBox {font-size: 1.6em; }
		h4, .h4 { }

		.titleHome {font-size: 12vw;}
		.titleEvent {font-size: 2.25em; }
		.title3BV {font-size: 2.4em;}
		.h2--big { }
		.h3--big { }
		.titleFooterBox {font-size: 2em; }
	}

	/* On dark */
	.onDark h1, .onDark .h1,
	.onDark h2, .onDark .h2,
	.onDark h3, .onDark .h3 {color: #fff;}


/*
SUPTITLE
Suptitle over the title, pretty small. */
.supTitle {display: block;font-size: 1.1em;text-transform: uppercase;color: var(--color-orange);}

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


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

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


/*
SUBTITLE
Subtitle just under the title, smaller than title but bigger than std p. */
.subTitle {font-size: 1.78em;line-height: 1.3;text-transform: none;}

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

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