#fond-hero{
	/* background-color: #000000; */
	padding: 0px;
	
	background: url("./img/background.jpg") no-repeat;
	background-size: cover;
	background-position: center bottom;
}

#illustration{
	background: url("./img/decor.png") no-repeat;
	background-size: contain;
	background-position: right bottom;
	width: 100%;
	min-height: 320px;
}

#illustration img{
	max-height: 320px;
}


#boite-compteur{
	background: #132B37;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 5px;
}

#time{
	font-size: 2rem;
}
#time span{
	display: inline-block;
	width: 50px;
}

#hmins{
	font-size: 11px;
}
#hmins span{
	display: inline-block;
	width: 51px;
}
#hmins:nth-child(2) span{
	margin: 0 10px;
}


@media only screen and (min-width: 768px)  {
	#illustration{
		/* background-size: cover;
		background-position: left top; */
		background-size: contain;
		background-position: right bottom;
		height: 100%;
	}
	
	#illustration img{
		max-height: none;
	}
	
}