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:100px;
	
}

.marge_2{
	margin-top:50px;
background-color: #EDEDED;

}

.marge_3{
	margin-top:50px;
	margin-left:50px;
	margin-right:50px;
}

.marge_4{
	margin-top:100px;
	
}


.bloc3{
	margin-top:150px;

}

.bloc4{
	margin-top:200px;

}
.text{
	font-family: "Roboto-Light";

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


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

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

.cv{
	color:black;
}

.cv:hover{
	color:black;
}

footer{
	text-align: center;
	margin-top: 50px;
	font-family:"Roboto-Bold";
	font-size:150%;
}

.footer{

color:black;

}

.footer:hover{
color:black;
	
}

.c_mon_site{
	font-family:"Roboto-Light";
	margin-top: 20px;
}

@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%;

}
section{
	text-align: center;
}