/* .............................................................................
TITLES
............................................................................. */
h1, .h1, .titleHome {position: relative;padding: 0;font-size: 3.65em;line-height: 1.1;font-weight: 900;text-transform: uppercase;color: var(--color-blue);}
h2, .h2, .titleDocument, .titleBox, .titleArticle {position: relative;padding: 0;font-size: 1.5em;line-height: 1.1;font-weight: 500; text-transform: uppercase; color: var(--color-blue); }
h3, .h3, .fsCs, .supTitle, .subTitle {position: relative; padding: 0;font-size: 0.85em;line-height: 1.1;font-weight: 500; text-transform: uppercase; }

	/* Margins : common (ajuster l'espacement EN HAUT de l'element). */
	* + h1, * + .h1 {margin-top: 1.002em; }
	* + h2, * + .h2 {margin-top: 1em; }
	* + h3, * + .h3 {margin-top: 1.002em; }
	* + .subTitle {margin-top: 1.4em;}
	* + .titleDocument {margin-top: 0; }
	* + .titleBox {margin-top: 0.8em; }

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

	/* Font-size pour headings particuliers. */
	/* .titleHome {font-size: 3.55em; font-weight: 500; padding-bottom: 5em; } */
	.titleHome {
		font-size: 1.9em;
		font-weight: 500;
		padding-bottom: 5em;
		/* width: 50%; */
		text-transform: none; }

	.titleHome ul {margin-left: 2.6rem;}
	.titleHome ul li {margin-bottom: 1.6rem; position: relative; list-style-type: none;}

	.titleHome ul li:before {
        content: "";
        position: absolute;
        top: 12px;
        left: -20px;
        width: 12px;
        height: 12px;
        background-image: url('data:image/svg+xml;utf8,<svg style="transform: rotate(30deg); fill: white" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path d="M18 2l6 10.5-6 10.5h-12l-6-10.5 6-10.5z"/></svg>');
    }

	.titleDocument {font-size: 1.15em;line-height: 1.2;}
	.titleBox {font-size: 1.4em;font-weight: 400;line-height: 1.2;text-transform: none;color: var(--color-base);}
	.titleArticle {font-size: 1.4em;font-weight: 400;line-height: 1.2;text-transform: none;color: var(--color-base);}

	/* Tablet, un peu plus gros que mobile */
	@media (max-width:62rem) {
		h1, .h1 {font-size: 3em;}
		h2, .h2 {font-size: 1.4em;}
		h3, .h3, .fsCs, .supTitle, .subTitle {font-size: 0.85em;}
		
		.titleHome {font-size: 1.4em; padding-bottom: 0; }
		.titleDocument {font-size: 1.2em; }
		.titleBox {font-size: 1.4em; }
		.titleArticle {font-size: 1.4em; }

		.titleHome ul {margin-left: 2.4rem;}
		.titleHome ul li {margin-bottom: 1rem;}
	}

	/* Mobile */
	@media (max-width:46rem) {
		h1, .h1 {font-size: 2.3em;}
		h2, .h2 {font-size: 1.3em;}
		h3, .h3, .fsCs, .supTitle, .subTitle {font-size: 0.85em;}

		h2 + p, .h2 + p {margin-top: 1.5em; }

		.titleHome {width: 100%; font-size: 1.4em; }
		.titleHome ul {margin-left: 2.2rem;}
		.titleHome ul li {margin-bottom: 1rem;}
		.titleDocument {font-size: 1.15em; }
		.titleBox {font-size: 1.3em; }
		.titleArticle {font-size: 1.15em; }
	}

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


/*
SUPTITLE
Suptitle over the title, like h3. */
.supTitle {display: block;margin-bottom: 1em; }


/*
SUBTITLE
Subtitle just under the title, like h3. */
.subTitle { }