@media screen and (min-width:768px){
	.accueil_top{
		background-image:url('../img/bg_accueil_desktop.webp');
	}
}

@media screen and (min-width:992px){
	.btn-nav{
		display:none;
	}
	.menu{
		width:300px;
		left:0;
		right:auto;
		overflow:hidden;
		box-shadow: 6px 0 6px rgba(0,0,0,0.16);
		border-top-right-radius: 121px;
	}
	.green-nav{
		background-image:url('../img/menu-web.svg');
	}
	.yellow-nav, .green-nav{
		height:calc((100vh - 335px) / 2);
		background-size: 90%;
		background-repeat:no-repeat;
		background-position-x: center;
		background-position-y:center;
	}
	.yellow-nav{
		background-image:url('../img/menu-photo.svg');
	}
	.yellow-nav ul li a, .green-nav ul li a{
		padding-top:10px;
	}
	.accroche{
		padding-left: 40vw;
		padding-top:80px;
	}
	.accroche .t{
		display:inline;
	}
	.accroche .vert, .accroche .jaune{
		display:inline;
	}
	.container{
		padding-left:350px;
		padding-right:50px;
		width:auto;
	}
	.down-arrow{
		left:calc(50% + 350px);
		transform:translateX(calc(-50% - 225px));
	}
}

@media screen and (min-height:820px){
	.yellow-nav ul li:not(.nav-title), .green-nav ul li:not(.nav-title){
		padding-top:10px;
	}
}

@media screen and (min-height:860px){
	.yellow-nav, .green-nav{
		height:calc((100vh - 390px) / 2)
	}
	.menu .logo{
		height:140px;
	}
	.menu .blue-nav{
		height:200px;
		display: flex;
		align-items: center;
	}
}