#homepage{
position:relative;
background:#6b65af url(/img/bg-homepage.jpg) 50% 0 no-repeat;
}
#homepage header{}

#homepage nav li a:link,
#homepage nav li a:visited{
background:rgba(195,200,238,.5);/*#c3c8ee*/ /*couleur d'origine du texte Thérapeute à Coignières - modifiée pour l'accessibilité en #d9ddfc; le 19/07/2025 (cf ligne 28) */
transition:background .5s, color .5s;
}
#homepage nav li a:hover{color:#272727;background:rgba(151,151,207,.5);/*#9797cf*/}
#homepage nav li.current a{color:#fff;background:rgba(107,101,175,.5);/*#6b65af*/}

#homepage h1{
margin:2rem 0 0;
padding:0;
font-family:"open_sanssemibold", Arial, Helvetica, Verdana, sans-serif;
font-size:2.75em;
font-weight:bold;
line-height:1.25;
color:#fff;
background:transparent;
}
#homepage .subtitle{
margin:2rem 0 !important;
padding:0 0 2rem;
color:#d9ddfc;
}


@media(min-width:576px){
	#homepage h1{width:50%;}
	#homepage .subtitle{width:50%;}
	#homepage-image{
		position:absolute;
		bottom:10%;
		right:0;
		width:50%;
		height:60%;
		background:url(/img/homepage-image.png) 0 50% no-repeat;
		background-size:contain;
	}
}

@media(min-width:768px){
	#homepage .burger:hover{background:#9797cf;}
}

@media(min-width:992px){
	#homepage header{
	background:rgba(107,101,175,.5);
	padding:0 0 1em;
	}
	#homepage h1{}
	#homepage .subtitle{}
	#homepage nav li a:link,
	#homepage nav li a:visited{
	background:none;
	color:rgba(255,255,255,.75);
	transition:background 0s, color .5s;
	}
	#homepage nav li a:hover{color:#fff;}
	#homepage nav li span{background:transparent;}
}

@media(min-width:1200px){
	#homepage h1{}
	#homepage .subtitle{}
}