/* CSS Client */

/* Variables de couleurs */
:root {

	--main: #000;/* noir */

	--mainpale: #666;/* noir + clair */			

	--secondary: #F1D593;/* Jaune */		

	--third: #003B75;/* bleu foncé */

	--fourth: #C6CFBE;/* pistache */

	--fifth: #FBF6EE;/* crème */	

	--link: #333; /* Couleur des liens de texte */

	--flash-info: #EBCF98;/* Jaune */

}


.page-header-home .home-title {
	aspect-ratio: 555 / 100;
	position: absolute;
	bottom: -25px;
	background: url("../Client/home-title.svg") no-repeat center center / cover;
    height: 50px;
    width: 280px;
	left: calc(50% - 140px);
	z-index: 1;
	display: block;
}

@media screen and (min-width: 36em) {/* MOBILE - 576px ************************************************ */
	.page-header-home .home-title {
		bottom: -50px;
		left: calc(50% - 277px);
		height: 100px;
		width: 555px;
	}
}