html, body {

  scroll-behavior: smooth

}

@font-face {
 font-family: "Roboto-Light";
 src: url("Roboto-Light.ttf");



}

@font-face {

 font-family: "Roboto-Bold";
 src: url("Roboto-Bold.ttf");
}

bold{
font-family: "Roboto-Bold";

}



.marge{
	margin-top:200px;
	
}
.marge_2{
	margin-top: 350px;
}

.marge_3{
	margin-top: 350px;
}

.marge_4{
	margin-top: 200px;
}

.marge_5{
	margin-top: 150px;
	text-align: center;
	font-family:"Roboto-Bold";
	font-size: 110%;
	margin-bottom: 10px;
}

p{
	margin: auto 0;
	font-family: "Roboto-Light";
	text-align: justify;
	
	}


img{
	height: 100%;
	width:100%;
}

center {
	margin-top: 30px;
	font-family:"Roboto-Light";
	font-size:400%;
}



a{

color:black;

}

a:hover{
color:black;
	
}
span{
	font-family:"Roboto-Bold";
}

@keyframes down{
	0% {position:relative; top:0px; opacity: 0}
	50% {position:relative; top:15px; opacity: 0.5}
	100% {position:relative; top:30px; opacity: 1}

}

.fleche{
	animation: down 1s infinite linear alternate;
	width: 3%;

}