html {
	scroll-behavior: smooth;
}

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

}

nav ul {
list-style: none;
display: flex;
background-color: rgb(34,193,195);
padding: 20px;
justify-content: center;
}

nav a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
  padding: 20px;
}
nav a:hover {
	background-color: #fff;
	color: rgb(34,193,195);
}
header {
	background: rgb(34,193,195);
  background: radial-gradient(circle, rgba(34,193,195,1) 0%, rgba(144,141,162,1) 26%, rgba(191,135,129,1) 32%, rgba(178,191,117,1) 38%, rgba(150,191,104,1) 49%, rgba(190,130,95,1) 57%, rgba(199,101,88,1) 63%, rgba(253,187,45,1) 100%);;
	padding: 60px 0;
	text-align: center;
	color: #ffffff;
}
strong {
	margin-left: 100px;
	margin-right: 100px
}
h1, h2, h3 {
  font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	color: black;
	}
h3 {
    color: #c000ff
}
p{
color: black;
font-size: 12px;
}
strong {
color: black;
}
span{
color: grey;
}
#formations, #experiencespro, #bio, #competences, #certification {
background-color: #ffffff;
padding: 20px;
margin-bottom: 20px;
width: 80%;
margin: 20px auto;
box-shadow: 0px 0px 13px #bbbbbb;

}
/*Ceci est la biographie*/
#bio {
	display: flex;
	align-items: center;
}
#bio p {
	text-align: justify;
}
#bio img{
	width: 100px;
	border-radius: 25%;
	border: 8px solid #bbbbbb;
	box-shadow: 4px 5px 5px #888;
	margin-right: 20px;
}
.formation {
	margin-left: 20px
}

.bar {
width: 200px;
height: 15px;
background-color: #dddddd;
border-radius: 10px
}
.barreRemplissage {
	width: 80%;
	height: 100%;
	background-color: #38625e;
	border-radius: 10px;
}
/*
#competences{
background-color: #c29ab2;
 padding: 20px;
border: 10px
}
*/