html {
		scroll-behavior: smooth;
}

body{

	margin: 0;
	background-color: #eeeeee;
	font-family: tahoma;

}

nav ul {
list-style: none;
display: flex;
background-color: #6ad5d4;
padding: 20px;
justify-content: center;
}

nav a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 20px;

}
nav a:hover {
	background: #fff;
	color: #6ad5d4;
}
header, footer{
	background: rgb(0,36,11);
background: linear-gradient(185deg, rgba(0,36,11,1) 0%, rgba(255,255,255,1) 0%, rgba(106,213,212,1) 100%);
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	color: black;
}

h1,h2,h3,h4{
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
}


 h1,h2  {
	color: #0606b3;

}
/*
h4 {
	color: grey;
}*/
p {
	color: black;
	font-size: 14px;
}


#formations, #experienceprofessionnelle, #bio, #competences  {
		background-color: #fefee0;
	  padding: 10px;
		margin-bottom: 20px;
		width: 70%;
		margin: 20px auto;
		box-shadow: 0px 0px 10px #bbbbbb;
}


/*#competences {
	background-color: skyblue;
	padding: 20px;
	border: 10px solid lightgreen;
}*/

#bio {
	display: flex;
	align-items: center;
}

	#bio img{
		width: 100px;

		border-radius: 100%;
		border: 5px solid #6ad5d4;
		box-shadow: 8px 5px 5px #888;
		margin-right: 20px;

	}
	#bio p {
		text-align: center ;
	}

#niveau,#niveau2 {
	display: flex;
	align-items: center;
justify-content: space-around ;
}



.formation {
	margin-left: 20px;

}
.Expériencesprofessionnelles {
	margin-left: 20px;
}
.barre {
	width: 200px;
	height: 15px;
	background-color: #dddddd;
	border-radius: 10px;

}

.barreRemplissage {
	width: 80%;
	height: 100%;
	background-color: #0182ab;
	border-radius: 10px;

}