html, body{
	height: 100%;
	width: 100%;
	margin: 0;
	color: rgb(50, 50, 50);
}

html{
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-transform: none;
	line-height: 1.3;


}

* {box-sizing:border-box}

.titre{
}

li{
	list-style: none;
}

a{
	color: rgb(50, 50, 50);
	text-decoration: none;

}

a:visited{
	color: rgb(50, 50, 50);
	text-decoration: none;
}

a:hover{

	text-decoration: none;
	opacity: 33%;


	
	
}

.button{
	cursor: pointer;
	text-decoration: none;

}
.button:hover{
	text-decoration: none;
}

@media screen and (min-width: 750px){
	html{
		font-size: 1.8vw;
	}
}

@media screen and (min-width: 1000px){
	html{
		font-size: 1.6vw;
	}
}

@media screen and (min-width: 1250px){
	html{
		font-size: 1.5vw;
	}
}

@media screen and (min-width: 1500px){
	html{
		font-size: 1.2vw;
	}

}