html{
	scroll-behavior: smooth;
}


body{
	margin: 0;
	background-color: #eeeeee;
	font-family: #10ff00;
	margin: 20PX;
	padding: 20px;
font-size: 16px;
	border: 5px solid #cfa0e9;
}

nav ul{
	list-style: none;
	display: flex;
	background-color:#191717;
	padding: 20px;
	justify-content: center;
	border: 5px solid #cfa0e9;

}

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

header, footer {
	background-color: background: rgb(227,174,238);
background: background: rgb(63,94,251);
background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(204,70,252,0.42930675688244047) 100%);;
	padding: 60px;
	text-align: center;
		color: #10ff00;
	}
h1, h2, h3 {
	text-transform: uppercase;
	font-family: 'Lemonada', cursive;
	padding-top: 10px;
	margin-bottom: 10px;
}


h1{
	color: #191717;
}

 h2 {
	color: #e400ff;
		text-align: center;
		background-color: #bbbbbb;
		border: 5px;
		box-shadow:5px 5px 5px #bbbbbb;
		border: 2px solid #cfa0e9;
}

h3 {
	color: #cfa0e9;
	margin-left: 1%;


}

p {
	color: #191717;
	font-size: 15px;

}

strong {
	color: blue;
}

span {
	color: #006e80;
}


#formations, #experiencesProfessionnelles, #bio, #competences {
	background-color: white;
	padding: 20px;
	margin-bottom: 20px;
	width: 80%;
	margin: 20px auto;
	box-shadow: 10px 10px 5px #bbbbbb;
	padding-top: 20px;
	border: 5px solid #cfa0e9;

 }

#bio {
	display: flex;
	align-items: center;
color: red;
border: 5px solid #cfa0e9;
}

#bio img{
	width: 200px;
	border-radius: 50%;
	border: 1px solid #cfa0e9;
	box-shadow: 1px 1px 16px #888;
	margin-right: 20px;

}
.formation {
		margin-left: 20px;


}

#bio p { text-align: justify;
color: #3624d0;
font-size: 16px;

}

.barre{
	width: 200px;
	height: 15px;
	background-color: #dddddd;
	border-radius: 10px;



}

.barreremplissage {
	width: 80%;
	height: 100%;
	background-color: #10ff00;
	border-radius: 10px;
}

/*
#competences {

	background-color: #2196f3;
	padding: 20px;
	border: 10px solid brown;
	background-position: 2px;



}
/*